.fc{background:var(--off-black);position:absolute;inset:0;overflow:hidden;container-type:size}.fc[data-face=v1]{place-items:center;display:grid}.fw{--w:300px;width:var(--w);height:calc(var(--w)*1.2);transform-style:preserve-3d;will-change:transform;position:relative}.fw-case{z-index:2;border-radius:calc(var(--w)*.27);box-shadow:inset 0 0 0 calc(var(--w)*.004)#ffffff29,inset 0 calc(var(--w)*.012)calc(var(--w)*.02)#ffffff24,inset 0 calc(var(--w)*-.016)calc(var(--w)*.03)#000000bf,0 calc(var(--w)*.2)calc(var(--w)*.32)calc(var(--w)*-.08)#000000e6,0 calc(var(--w)*.04)calc(var(--w)*.1)#0009;background:linear-gradient(162deg,#fff3,#fff0 20% 80%,#ffffff1a),linear-gradient(145deg,#2d2d30,#141416 42%,#09090a 68%,#242427);position:absolute;inset:0}.fw-glass{inset:calc(var(--w)*.032);border-radius:calc(var(--w)*.24);box-shadow:inset 0 0 0 calc(var(--w)*.003)#ffffff1a,0 0 0 calc(var(--w)*.005)#040404;background:#000;position:absolute;overflow:hidden}.fw-screen{inset:calc(var(--w)*.048);border-radius:calc(var(--w)*.19);transform-origin:50%;background:#000;place-items:center;display:grid;position:absolute;overflow:hidden}.fw-face{aspect-ratio:1;will-change:transform;grid-area:1/1;width:100%;position:relative;overflow:hidden}.fw-face .fc{background:#000!important}.fw-glare{pointer-events:none;border-radius:inherit;--gx:28%;--gy:18%;background:radial-gradient(circle at var(--gx)var(--gy),#ffffff1a,#fff0 42%),linear-gradient(124deg,#ffffff14 0%,#fff0 30%);mix-blend-mode:screen;position:absolute;inset:0}.fw-crown{z-index:1;right:calc(var(--w)*-.052);width:calc(var(--w)*.08);height:calc(var(--w)*.2);border-radius:calc(var(--w)*.028);box-shadow:inset calc(var(--w)*-.008)0 0 var(--accent),0 calc(var(--w)*.01)calc(var(--w)*.03)#000000b3;position:absolute;top:21%;overflow:hidden}.fw-crown i{background:repeating-linear-gradient(180deg,#19191b 0 calc(var(--w)*.006),#4c4c50 calc(var(--w)*.006)calc(var(--w)*.012));box-shadow:inset 0 calc(var(--w)*.045)calc(var(--w)*.03)#000000bf,inset 0 calc(var(--w)*-.045)calc(var(--w)*.03)#000000bf,inset calc(var(--w)*.02)0 calc(var(--w)*.02)#ffffff1f;position:absolute;inset:0}.fw-btn{z-index:1;right:calc(var(--w)*-.022);width:calc(var(--w)*.04);height:calc(var(--w)*.2);border-radius:calc(var(--w)*.016);background:linear-gradient(90deg,#141416,#3b3b3f 60%,#1b1b1d);position:absolute;top:52%}.fw-strap{z-index:0;height:calc(var(--w)*1.05);background:linear-gradient(90deg,#0a0a0b 0%,#1c1c1f 14%,#262629 50%,#1c1c1f 86%,#0a0a0b 100%);position:absolute;left:12%;right:12%}.fw-strap-t{bottom:60%;-webkit-mask:linear-gradient(#0000 4%,#000 50%);mask:linear-gradient(#0000 4%,#000 50%)}.fw-strap-b{top:60%;-webkit-mask:linear-gradient(#000 50%,#0000 96%);mask:linear-gradient(#000 50%,#0000 96%)}.fw-strap-b i{width:calc(var(--w)*.042);height:calc(var(--w)*.042);margin-left:calc(var(--w)*-.021);background:#050505;border-radius:50%;position:absolute;left:50%;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff0f}.fw-strap-b i:first-child{top:58%}.fw-strap-b i:nth-child(2){top:68%}.fw-strap-b i:nth-child(3){top:78%}.fw-lime .fw-strap{background:repeating-linear-gradient(0deg,#00000017 0 1px,#0000 1px 4px),linear-gradient(90deg,#7d8f22 0%,#c2da38 14%,#e4fb55 50%,#c2da38 86%,#7d8f22 100%)}.fw-lime .fw-strap-b i{display:none}