@font-face{font-family:Hexaforja Lilita;src:url(/_astro/lilita-one-latin.87r-Z-Re.woff2)format("woff2");font-display:swap}@font-face{font-family:Hexaforja Fredoka;src:url(/_astro/fredoka-latin.DM6njrJ3.woff2)format("woff2");font-weight:300 700;font-display:swap}@keyframes hexaforja-logoFloat{50%{transform:translateY(-6px)rotate(2deg)}}@keyframes hexaforja-panelIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes hexaforja-rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}14%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}30%{transform:translate(-50%,-75%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}@keyframes hexaforja-bump{40%{transform:scale(1.14)}}@keyframes hexaforja-pop{0%{transform:scale(.5)}60%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes hexaforja-throb{50%{opacity:.6}}@keyframes hexaforja-cardIn{0%{opacity:0;transform:translateY(-60px)scale(.4)rotate(-40deg)}}@keyframes hexaforja-halo{50%{opacity:.45;transform:scale(1.06)}}@keyframes hexaforja-flicker{50%{transform:scale(1.12)rotate(-3deg)}}@keyframes hexaforja-nudge{40%{transform:translate(-6px)}70%{transform:translate(5px)}}@keyframes hexaforja-toast{0%{opacity:0;transform:translate(-50%,-10px)}8%,86%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes hexaforja-just{0%,50%{background:#8ff0b073;transform:scale(1.04)}to{background:#ffffff0f;transform:none}}@keyframes hexaforja-flash{0%{opacity:.85}to{opacity:0}}@keyframes hexaforja-playPulse{50%{box-shadow:0 6px #b86a1d,0 14px 40px #ffaa46b3}}.g-hexaforja{isolation:isolate;height:100%;position:relative;overflow:hidden}.g-hexaforja{&{--ink:#1d1233;--ink2:#2d1b4d;--panel:#21143aa8;--line:#ffdeaa42;--gold:#ffc65a;--gold2:#ff9e3d;--rose:#ff7aa8;--mint:#8ff0b0;--cream:#fff4de;--muted:#cdbde0;--meadow:#9bd95f;--forest:#3f9a50;--water:#3aa6dc;--village:#d8c493;--disp:"Hexaforja Lilita", "Trebuchet MS", system-ui, sans-serif;--body:"Hexaforja Fredoka", "Segoe UI", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}&,& *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}&{height:100%;color:var(--cream);font-family:var(--body);-webkit-user-select:none;user-select:none;background:#1d1233;margin:0;font-size:16px;overflow:hidden}& #stage{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}& #stage.drag{cursor:grabbing}& #stage.place{cursor:pointer}& .vignette{pointer-events:none;background:radial-gradient(at 50% 42%,#0000 52%,#1408288c 100%);position:fixed;inset:0}& [hidden]{display:none!important}& .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}& svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}&{--glass:linear-gradient(180deg, #3a2260d1, #1e1136db);--trim:linear-gradient(180deg, #ffe096d9, #ffa84673)}& #hud{top:calc(12px + var(--safe-t));pointer-events:none;z-index:5;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid;position:fixed;left:14px;right:14px}& #hud>*{pointer-events:auto}& .hud-left{flex-wrap:wrap;gap:8px;display:flex}& .hud-right{justify-content:flex-end;display:flex}& .chip{background:var(--glass);border:1px solid #ffe0aa38;border-radius:18px;align-items:center;gap:10px;padding:7px 14px 7px 10px;display:flex;position:relative;box-shadow:0 8px 22px #0a041873,inset 0 1px #fff0d229}& .chip .txt{flex-direction:column;line-height:1;display:flex}& .chip .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:10.5px}& .chip b{font-family:var(--disp);color:var(--cream);font-variant-numeric:tabular-nums;font-size:26px;font-weight:400;line-height:1}& .deck .stack{width:30px;height:34px;position:relative}& .deck .stack i{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(135deg,#9bd95f,#3aa6dc);border:1.5px solid #ffe08a;border-radius:0;width:30px;height:20px;transition:opacity .3s;position:absolute;left:0;box-shadow:0 2px #1e0a3299}& .deck .stack i:first-child{opacity:1;top:14px}& .deck .stack i:nth-child(2){opacity:calc(var(--n,3) - 1);top:7px}& .deck .stack i:nth-child(3){opacity:calc(var(--n,3) - 2);top:0}& .chip.low b{color:var(--rose);animation:.9s ease-in-out infinite hexaforja-throb}& .flame .fl-ico{fill:#ffffff38;stroke:none;width:24px;height:24px;transition:fill .25s,filter .25s}& .flame .pips{justify-content:center;gap:3px;display:flex;position:absolute;bottom:3px;left:10px;right:14px}& .pips i{background:#ffffff29;border-radius:3px;flex:1;max-width:14px;height:3px;transition:background .2s,box-shadow .2s}& .pips i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}& #streakChip{padding-bottom:11px}& #streakChip.hot{border-color:#ffc65ad9;box-shadow:0 0 0 1px #ffc65a66,0 0 24px #ff96328c,0 8px 22px #0a041873}& #streakChip.hot b{color:var(--gold)}& #streakChip.hot .fl-ico{fill:#ffae3a;filter:drop-shadow(0 0 7px #ff8a2a);animation:1s ease-in-out infinite hexaforja-flicker}& .hud-center{text-align:center;min-width:250px}& .plate{background:var(--glass);border:1px solid #ffe0aa40;border-top:0;border-radius:0 0 28px 28px;margin-top:-12px;padding:18px 26px 12px;position:relative;box-shadow:0 10px 28px #0a041880,inset 0 -2px #ffbe5a4d}& .plate:after{content:"";background:var(--trim);filter:blur(.3px);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:22px;right:22px}& #score{font-family:var(--disp);color:#fff;text-shadow:0 3px #7a345ed9,0 0 26px #ffa05a8c;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:clamp(38px,6vw,56px);line-height:1}& #score.bump{animation:.35s ease-out hexaforja-bump}& .goal{letter-spacing:.1em;text-transform:uppercase;color:#ffd9a0;opacity:.9;margin-top:2px;font-size:12px}& .medals{margin:10px 14px 0;position:relative}& .track{background:#0c051cb3;border:1px solid #ffe0aa33;border-radius:8px;height:8px;overflow:hidden}& .fill{background:linear-gradient(90deg,#ff8f3d,#ffd36a);border-radius:8px;width:0;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 14px #ffbe5abf}& .mk{background:#2a1747;border:1.5px solid #ffe0aa59;border-radius:50%;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;transition:background .3s,border-color .3s,box-shadow .3s;display:grid;position:absolute;top:50%}& .mk svg{fill:#ffffff40;stroke:none;width:15px;height:15px;transition:fill .3s}& .mk.on{background:linear-gradient(#ffd978,#ff9e3d);border-color:#fff1c2;animation:.55s ease-out hexaforja-pop;box-shadow:0 0 16px #ffbe5ae6}& .mk.on svg{fill:#fff}& .dock{background:var(--glass);border:1px solid #ffe0aa38;border-radius:18px;gap:2px;padding:4px;display:flex;box-shadow:0 8px 22px #0a041873,inset 0 1px #fff0d229}& .ib{width:42px;height:42px;color:var(--cream);cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;transition:transform .12s,background .15s,color .15s;display:grid;position:relative}& .ib svg{width:22px;height:22px}& .ib:hover{color:#fff;background:#ffe0aa29;transform:translateY(-1px)}& .ib:active{transform:translateY(1px)scale(.96)}& .ib em{background:var(--gold);min-width:18px;height:18px;color:var(--ink);font:700 12px/18px var(--body);text-align:center;border-radius:9px;padding:0 4px;font-style:normal;position:absolute;top:-2px;right:0;box-shadow:0 2px 6px #00000059}& .ib:disabled{opacity:.4;cursor:default;background:0 0;transform:none}& .ib.off:after{content:"";background:var(--rose);border-radius:2px;width:26px;height:2px;position:absolute;transform:rotate(-45deg)}& :focus-visible{outline:3px solid var(--gold);outline-offset:2px}& #camBtns{right:14px;bottom:calc(24px + var(--safe-b));z-index:5;flex-direction:column;gap:8px;display:flex;position:fixed}& #tray{left:50%;bottom:calc(12px + var(--safe-b));z-index:5;align-items:flex-end;gap:18px;display:flex;position:fixed;transform:translate(-50%)}& .hand{background:var(--glass);border:1px solid #ffe0aa3d;border-radius:30px;align-items:center;gap:12px;margin-top:0;padding:40px 18px 12px;display:flex;position:relative;box-shadow:0 12px 34px #0a04188c,inset 0 1px #fff0d229}& .hand:before{content:"";background:var(--trim);border-radius:2px;height:2px;position:absolute;top:-1px;left:30px;right:30px}& .current{place-items:center;width:132px;height:132px;display:grid;position:absolute;top:-58px;left:50%;transform:translate(-50%)}& .halo{background:radial-gradient(circle, color-mix(in srgb, var(--halo,#ffd27a) 70%, transparent) 0%, transparent 68%);opacity:.75;pointer-events:none;border-radius:50%;animation:2.6s ease-in-out infinite hexaforja-halo;position:absolute;inset:-14px}& .plinth{z-index:-1;background:radial-gradient(#0a041899,#0000 70%);border-radius:50%;width:96px;height:20px;position:absolute;bottom:-2px}& .card{filter:drop-shadow(0 10px 12px #0a041899);width:112px;height:112px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);position:relative}& .card svg{stroke:none;width:100%;height:100%;overflow:visible}& .card.swap{animation:.5s cubic-bezier(.3,1.5,.5,1) hexaforja-cardIn}& .card.nudge{animation:.3s hexaforja-nudge}& .hand .rot{margin-top:0}& .hand:after{content:"";flex:0 0 112px;order:0;width:112px}& .hand .rot:first-child{order:-1}& .hand .current{order:0}& .hand .rot:last-of-type{order:1}& .rot{width:50px;height:50px;color:var(--cream);cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff4de47,#fff4de14);border:1px solid #ffe0aa59;border-radius:50%;place-items:center;transition:transform .12s,background .15s;display:grid;position:relative;box-shadow:0 4px 10px #0a041866}& .rot:hover{background:#fff4de42}& .rot:active{transform:scale(.9)rotate(-8deg)}& .rot kbd{background:#2a1747;padding:0 5px;font-size:10px;position:absolute;bottom:-9px}& .queue-wrap{background:var(--glass);border:1px solid #ffe0aa33;border-radius:22px;justify-items:center;gap:4px;padding:10px 14px;display:grid;box-shadow:0 8px 24px #0a041873}& .qlabel{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}& .queue{align-items:center;display:flex}& .queue .q{filter:drop-shadow(0 4px 5px #0a04188c);width:50px;height:50px;margin-left:-8px;transition:transform .3s}& .queue .q:first-child{margin-left:0;transform:rotate(-6deg)}& .queue .q:nth-child(2){opacity:.75;transform:scale(.86)rotate(5deg)}& .queue .q svg{stroke:none;width:100%;height:100%}& #floaters{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}& .fl{font-family:var(--disp);paint-order:stroke fill;-webkit-text-stroke:5px #3c1446e6;white-space:nowrap;text-align:center;color:#fff;text-shadow:0 2px #5a2446e6,0 0 16px #ffbe64b3;animation:1.5s cubic-bezier(.2,.7,.3,1) forwards hexaforja-rise;position:absolute;transform:translate(-50%,-50%)}& .fl.pts{font-size:28px}& .fl.big{color:var(--gold);font-size:32px}& .fl.bonus{color:var(--mint);text-shadow:0 2px #144632e6,0 0 14px #78ffb4b3;font-size:21px}& .fl.bad{color:#ffb6c1;font-size:18px}& .fl.region{font-size:38px;animation-duration:2.2s}& .fl small{opacity:.95;letter-spacing:.06em;font-size:.55em;display:block}& #tip{z-index:4;border:1px solid var(--line);font-family:var(--disp);color:var(--gold);pointer-events:none;white-space:nowrap;background:#21143ad1;border-radius:12px;padding:4px 12px 5px;font-size:19px;position:fixed;transform:translate(-50%,-100%)}& #tip.warn{color:#ffb6c1}& #tip small{font:500 12px var(--body);color:var(--muted);margin-left:6px}& #toast{left:50%;top:calc(112px + var(--safe-t));border:1px solid var(--line);text-align:center;z-index:6;pointer-events:none;background:#21143ae0;border-radius:16px;max-width:min(560px,88vw);padding:10px 18px;animation:4.6s forwards hexaforja-toast;position:fixed;transform:translate(-50%)}& .screen{z-index:10;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}& #menu{text-align:center;pointer-events:none;background:linear-gradient(#14082866,#0000 30% 52%,#140828d1);flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(18px,6vh,56px) 16px clamp(18px,5vh,40px);display:flex}& #menu>*{pointer-events:auto;animation:.8s cubic-bezier(.2,1.1,.3,1) both hexaforja-panelIn}& .menu-bottom{max-width:560px}& .menu-bottom .lead{text-shadow:0 2px 10px #140828cc}& .best{text-shadow:0 2px 8px #140828cc}& .panel{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#301c52c7,#1c1032d1);border-radius:28px;width:min(560px,100%);padding:28px 30px;animation:.55s cubic-bezier(.2,1.1,.3,1) both hexaforja-panelIn;box-shadow:0 24px 80px #08021499,inset 0 1px #fff0d22e}& .panel.small{width:min(380px,100%)}& .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:12px}& h1{font-family:var(--disp);letter-spacing:.04em;filter:drop-shadow(0 6px #461446d9)drop-shadow(0 0 36px #ff8c5a80);justify-content:center;gap:.06em;margin:0;font-size:clamp(56px,13vw,128px);font-weight:400;line-height:.9;display:flex}& h1 .h1a{background:linear-gradient(#fff 10%,#ffe9c8 60%,#ffc98a);color:#0000;-webkit-background-clip:text;background-clip:text}& h1 .h1b{background:linear-gradient(#fff2a8 0%,#ffb347 45%,#ff6f61 100%);color:#0000;-webkit-background-clip:text;background-clip:text}& .logo{filter:drop-shadow(0 6px 10px #1e083299);width:clamp(48px,8vw,72px);margin-bottom:6px;animation:4s ease-in-out infinite hexaforja-logoFloat}& .menu-top .kicker{letter-spacing:.32em;color:#ffe0b0;text-shadow:0 2px 8px #1e0832cc;justify-content:center;align-items:center;gap:14px;margin:14px 0 0;display:flex}& .menu-top .kicker i{background:linear-gradient(90deg,#0000,#ffc65a);width:clamp(24px,8vw,80px);height:2px}& .menu-top .kicker i:last-child{transform:scaleX(-1)}& h2{font-family:var(--disp);letter-spacing:.02em;margin:0 0 10px;font-size:36px;font-weight:400}& .lead{max-width:440px;color:var(--cream);opacity:.92;margin:14px auto 20px;line-height:1.45}& .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}& .actions.col{flex-direction:column}& .btn{font:600 17px var(--body);color:var(--cream);border:1px solid var(--line);cursor:pointer;background:#fff4de1a;border-radius:16px;padding:12px 22px;transition:transform .12s,background .15s,box-shadow .15s}& .btn:hover{background:#fff4de33;transform:translateY(-1px)}& .btn:active{transform:translateY(2px)}& .btn.primary{color:var(--ink);background:linear-gradient(#ffd978,#ffab45);border:0;padding:13px 28px;font-size:19px;box-shadow:0 5px #b86a1d,0 10px 24px #ff963c59}& .btn.primary:hover{filter:brightness(1.06)}& .btn.primary:active{transform:translateY(4px);box-shadow:0 1px #b86a1d}& .btn.ghost{background:0 0}& .btn.place{color:var(--ink);background:linear-gradient(#ffd978,#ffab45);border:0;padding:10px 18px;font-size:17px}& .btn.place:disabled{opacity:.6;cursor:default}& .best{color:var(--muted);min-height:1.2em;margin:18px 0 0;font-size:14px}& .steps{text-align:left;margin:14px 0;padding-left:22px;line-height:1.45}& .steps li{margin:8px 0;padding-left:4px}& .steps i{border:1px solid var(--line);background:#ffffff14;border-radius:6px;padding:0 6px;font-style:normal}& .legend{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 12px;display:flex}& .legend div{background:#ffffff14;border-radius:12px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:14px;display:flex}& .legend svg{stroke:none;width:30px;height:30px}& .keys{color:var(--muted);margin:8px 0 14px;font-size:13px;line-height:1.9}& kbd{font:600 12px var(--body);border:1px solid var(--line);color:var(--cream);background:#ffffff1a;border-radius:6px;padding:1px 7px}& .help-panel{width:min(640px,100%);max-height:100%;overflow:auto}& .bigstars{justify-content:center;gap:8px;margin:4px 0;font-size:62px;line-height:1;display:flex}& .bigstars span{color:#ffffff2e;transition:color .2s,transform .5s cubic-bezier(.3,2,.5,1),text-shadow .3s;transform:scale(.6)}& .bigstars span.on{color:var(--gold);text-shadow:0 0 26px #ffbe5ae6,0 4px #b86a1d;transform:scale(1.05)}& .final{font-family:var(--disp);text-shadow:0 4px #7a345e,0 0 30px #ff965a80;font-variant-numeric:tabular-nums;font-size:72px;line-height:1}& .newbest{color:var(--mint);margin:6px 0 0;font-weight:600;animation:1s ease-in-out infinite hexaforja-throb}& .stats{text-align:left;grid-template-columns:repeat(2,1fr);gap:8px 18px;margin:16px 0 14px;padding:0;display:grid}& .stats div{background:#ffffff12;border-radius:10px;justify-content:space-between;gap:8px;padding:6px 12px;font-size:14px;display:flex}& .stats dt{color:var(--muted)}& .stats dd{margin:0;font-weight:700}@media (width<=700px){& #hud{grid-template-columns:1fr auto;grid-template-areas:"c r""l l";gap:6px;left:8px;right:8px}& .hud-center{text-align:left;grid-area:c;min-width:0}& .hud-right{grid-area:r}& .hud-left{grid-area:l}& .plate{text-align:center;border-radius:0 0 22px 22px;min-width:164px;margin:-10px 0 0;padding:14px 16px 10px;display:inline-block}& .medals{margin:8px 8px 0}& .goal{font-size:10.5px}& .dock{padding:3px}& .ib{border-radius:11px;width:34px;height:34px}& .ib svg{width:18px;height:18px}& .chip{border-radius:14px;gap:7px;padding:5px 11px 5px 8px}& .chip b{font-size:20px}& .chip .lbl{display:none}& .deck .stack{transform:scale(.8)}& #streakChip{padding-bottom:9px}& #tray{bottom:calc(8px + var(--safe-b));gap:8px;left:50%}& .hand{border-radius:26px;gap:6px;padding:36px 10px 10px}& .current{width:104px;height:104px;top:-50px}& .card{width:90px;height:90px}& .hand:after{flex-basis:92px;width:92px}& .queue-wrap{display:none}& .rot{width:42px;height:42px}& .rot kbd{display:none}& #camBtns{top:150px;bottom:auto;right:8px}& #toast{top:auto;bottom:calc(222px + var(--safe-b));max-width:70vw;font-size:14px}& #bPlace{position:absolute;top:-56px;right:6px}& #bPlace:disabled{filter:grayscale(.8)brightness(.8)}& .panel{padding:22px 18px}& .stats{grid-template-columns:1fr}& .final{font-size:56px}}@media (height<=560px){& #hud{top:6px}& .card{width:76px;height:76px}& .current{width:90px;height:90px}& .hand:after{flex-basis:80px;width:80px}& .panel{padding:16px 20px}& h2{font-size:28px}& .bigstars{font-size:40px}& .final{font-size:44px}}@media (prefers-reduced-motion:reduce){&,& *,&:before,& :before,&:after,& :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}& #end{pointer-events:none;place-items:center end;padding-right:clamp(16px,7vw,120px)}& #end .panel{pointer-events:auto;width:min(440px,100%)}@media (width<=900px){& #end{place-items:end center;padding:12px}& #end .panel{max-height:80vh;overflow:auto}}@media (width<=700px){& #menu{background:linear-gradient(#14082880,#0000 25% 45%,#140828cc 72%)}}& #help,& #pause{background:#0e061e80}& #missions{left:14px;top:calc(86px + var(--safe-t));background:var(--glass);z-index:5;border:1px solid #ffe0aa38;border-radius:18px;width:262px;position:fixed;overflow:hidden;box-shadow:0 8px 22px #0a041873,inset 0 1px #fff0d229}& #mHead{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font:600 13px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#ffe0b0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}& #mHead:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}& .mtitle{align-items:center;gap:8px;display:flex}& .mtitle svg{width:17px;height:17px}& #mCount{font-family:var(--disp);color:var(--gold);letter-spacing:.04em;font-size:17px;font-weight:400}& #mList{gap:7px;margin:0;padding:0 10px 10px;list-style:none;display:grid}& #missions.collapsed #mList{display:none}& #mList li{background:#ffffff0f;border-radius:12px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:7px 9px;font-size:13px;line-height:1.2;display:grid}& #mList .dot{border:2px solid var(--c);color:#1d1233;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}& #mList li.done .dot{background:var(--c)}& #mList li.done .mt>span{opacity:.65;text-decoration:line-through #fff6}& .mbar{background:#0c051cb3;border-radius:3px;height:4px;margin-top:5px;overflow:hidden}& .mbar i{background:linear-gradient(90deg,#ff8f3d,#ffd36a);border-radius:3px;height:100%;transition:width .5s;display:block}& .rew{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}& #mList li.done .rew{color:var(--mint);font-weight:700}& #mList li.just{animation:1.4s ease-out hexaforja-just}& .badge{white-space:nowrap;font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#2a1747;z-index:2;background:linear-gradient(#fff1a8,#ffbf3d);border-radius:12px;padding:3px 12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #ffaa2880}& .badge[data-kind=festival]{background:linear-gradient(90deg,#ff9ec2,#ffd24a 50%,#8ff0b0)}@media (width<=700px){& #missions{top:calc(158px + var(--safe-t));width:min(262px,100vw - 70px);left:8px}& #camBtns{top:200px}& #toast{bottom:calc(222px + var(--safe-b))}}@media (height<=640px) and (width>=701px){& #missions{top:80px}& #mList{gap:5px}& #mList li{padding:5px 8px}}&.photo #hud,&.photo #tray,&.photo #missions,&.photo #camBtns,&.photo #toast,&.photo #tip,&.photo #floaters,&.photo #end{display:none!important}& #photoBar{left:50%;bottom:calc(18px + var(--safe-b));background:var(--glass);z-index:8;border:1px solid #ffe0aa47;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100vw - 20px);padding:10px 14px;animation:.4s both hexaforja-panelIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 34px #0a04188c}& #photoBar .btn{align-items:center;gap:8px;padding:9px 16px;font-size:15px;display:inline-flex}& #photoBar .btn svg{width:18px;height:18px}& #photoBar .btn[aria-pressed=true]{border-color:var(--gold);background:#ffc65a47}& .slide{color:var(--muted);letter-spacing:.06em;align-items:center;gap:8px;font-size:12px;display:flex}& .slide input{accent-color:#ffb347;width:120px}& #flash{opacity:0;pointer-events:none;z-index:20;background:#fff;position:fixed;inset:0}& #flash.go{animation:.45s ease-out hexaforja-flash}@media (width<=700px){& .slide span{display:none}& .slide input{width:90px}}& .cnt{color:var(--gold);background:#ffc65a38;border-radius:10px;margin-left:4px;padding:1px 8px;font-size:13px;font-weight:700}& .cnt:empty{display:none}& .tabs{flex-wrap:wrap;flex:none;justify-content:center;gap:6px;margin:4px 0 12px;display:flex}& .tabs button{font:600 15px var(--body);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:8px 16px}& .tabs button:hover{color:var(--cream);background:#ffffff12}& .tabs button[aria-selected=true]{color:var(--ink);background:linear-gradient(#ffd978,#ffab45)}& #colBody{flex:1;min-height:160px;margin:0 -6px 14px;padding:0 6px;overflow:auto}& .achs{text-align:left;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}& .ach{background:#ffffff0f;border:1px solid #ffe0aa1a;border-radius:16px;grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}& .ach.on{background:linear-gradient(135deg,#ffc65a29,#ffffff0f);border-color:#ffe0aa66}& .ach svg{filter:drop-shadow(0 4px 6px #0a041880);width:54px;height:54px}& .ach svg.off{opacity:.8}& .ach b{font-size:15px;display:block}& .ach span.d{color:var(--muted);margin:2px 0 5px;font-size:12.5px;line-height:1.25;display:block}& .ach .pbar{background:#0c051cb3;border-radius:4px;height:5px;overflow:hidden}& .ach .pbar i{background:linear-gradient(90deg,#ff8f3d,#ffd36a);height:100%;display:block}& .ach.on .pbar i{background:var(--mint)}& .ach .pn{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}& .themes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}& .theme{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;background:#ffffff0d;border:2px solid #ffe0aa2e;border-radius:18px;transition:transform .15s,border-color .15s;overflow:hidden}& .theme:hover:not(:disabled){border-color:#ffe0aa99;transform:translateY(-2px)}& .theme:focus-visible{outline:3px solid var(--gold)}& .theme .pv{height:92px;position:relative}& .theme .pv:after{content:"";background:radial-gradient(#ffffff59,#0000 70%);border-radius:50%;height:26px;position:absolute;bottom:14px;left:10%;right:10%}& .theme .tx{padding:9px 12px 11px}& .theme b{font-size:16px;display:block}& .theme small{color:var(--muted);font-size:12px}& .theme.sel{border-color:var(--gold);box-shadow:0 0 22px #ffc65a66}& .theme.sel small{color:var(--gold);font-weight:700}& .theme:disabled{cursor:default;opacity:.6}& .theme:disabled .pv{filter:grayscale(.8)brightness(.7)}& .unlocks{text-align:left;background:linear-gradient(135deg,#ffc65a33,#8ff0b01a);border:1px solid #ffe0aa59;border-radius:16px;max-height:26vh;margin:10px 0 2px;padding:10px 12px;animation:.5s both hexaforja-panelIn;overflow:auto}& .unlocks h3{font:400 17px var(--disp);letter-spacing:.04em;color:var(--gold);margin:0 0 6px}& .unlocks .row{align-items:center;gap:10px;padding:3px 0;font-size:14px;display:flex}& .unlocks svg{flex:none;width:34px;height:34px}& .unlocks .row span{color:var(--muted);font-size:12.5px}& .statgrid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;display:grid}& .statgrid div{background:#ffffff12;border-radius:12px;justify-content:space-between;padding:9px 14px;font-size:14px;display:flex}& .statgrid dt{color:var(--muted)}& .statgrid dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}& #col{background:#0e061e8c}& #end .panel{max-height:92vh;overflow:auto}& #perf{color:#8ff0b0;z-index:30;pointer-events:none;background:#000000a6;border-radius:8px;margin:0;padding:6px 10px;font:12px/1.4 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}& .menu-bottom{flex-direction:column;align-items:center;gap:14px;width:min(560px,100%);display:flex}& .menu-bottom .lead{max-width:420px;margin:0;font-size:17px}& .cta{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:12px;width:100%;display:grid}& .btn.play{font-family:var(--disp);letter-spacing:.02em;border-radius:22px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:26px;font-weight:400;animation:2.6s ease-in-out infinite hexaforja-playPulse;display:flex;box-shadow:0 6px #b86a1d,0 14px 30px #ff963c66}& .btn.play svg{width:26px;height:26px}& .btn.play:active{animation:none;box-shadow:0 1px #b86a1d}& .daily{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;color:var(--cream);background:linear-gradient(135deg,#7846a09e,#3c2264b3);border:1px solid #ffe0aa66;border-radius:22px;align-items:center;gap:12px;padding:12px 16px;transition:transform .12s,filter .15s;display:flex;box-shadow:0 6px #14082c8c,0 12px 26px #0a041866,inset 0 1px #fff0d238}& .daily:hover{filter:brightness(1.12);transform:translateY(-1px)}& .daily:active{transform:translateY(4px);box-shadow:0 1px #14082c8c}& .daily:focus-visible,& .pill:focus-visible,& .btn:focus-visible,& .x:focus-visible{outline:3px solid var(--gold);outline-offset:2px}& .daily svg{width:30px;height:30px;color:var(--gold);flex:none}& .daily .dt{flex-direction:column;gap:2px;min-width:0;display:flex}& .daily b{font-size:18px;line-height:1.1}& .daily small{color:var(--muted);font-size:12.5px;line-height:1.2}& .sub{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}& .pill{font:600 15px var(--body);color:var(--cream);-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#180c2e8c;border:1px solid #ffe0aa47;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:background .15s,transform .12s;display:inline-flex}& .pill:hover{background:#fff4de33;transform:translateY(-1px)}& .pill svg{width:18px;height:18px;color:var(--gold)}& .menu-bottom .best{margin:0}@media (width<=520px){& .cta{grid-template-columns:1fr}& .btn.play{padding:14px 20px;font-size:24px}& .daily{padding:10px 14px}& .menu-bottom{gap:12px}}@media (height<=560px){& .menu-bottom .lead{display:none}& h1{font-size:clamp(44px,10vw,80px)}}& .help-panel,& .col-panel{position:relative}& .x{border:1px solid var(--line);width:38px;height:38px;color:var(--cream);cursor:pointer;z-index:2;background:#fff4de1a;border-radius:12px;place-items:center;padding:0;transition:background .15s,transform .12s;display:grid;position:absolute;top:14px;right:14px}& .x:hover{background:#fff4de38;transform:rotate(90deg)}& .x svg{width:18px;height:18px}& .help-panel{width:min(760px,100%);max-height:min(94vh,820px);padding:26px 28px 24px;overflow:auto}& .help-panel h2{margin-bottom:4px}& .sub-lead{max-width:460px;color:var(--muted);margin:0 auto 12px;line-height:1.4}& .help-panel .legend{margin:0 0 16px}& .how{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}& .how article{background:#ffffff12;border:1px solid #ffe0aa29;border-radius:20px;padding:14px 12px 16px;position:relative}& .how .n{width:26px;height:26px;font:400 15px var(--disp);color:var(--ink);background:linear-gradient(#ffd978,#ffab45);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:-10px;left:12px;box-shadow:0 2px #b86a1d}& .how .ill{justify-content:center;align-items:center;height:74px;margin-bottom:8px;display:flex}& .how .ill svg{stroke:none;filter:drop-shadow(0 3px 4px #0a041873);width:58px;height:58px}& .how #ill2 svg+svg{margin-left:-6px}& #ill3 svg{width:52px;height:52px;margin:0 -7px}& #ill3 svg:nth-child(2){transform:translateY(-14px)}& .how .arr{font:400 22px var(--disp);color:var(--gold);margin:0 6px}& .how .plus{z-index:1;font:400 15px var(--disp);color:var(--ink);background:var(--gold);border-radius:10px;margin:0 -12px;padding:1px 7px;position:relative;box-shadow:0 2px #b86a1d}& .how h3{font:400 21px var(--disp);letter-spacing:.02em;margin:0 0 4px}& .how p{color:var(--cream);opacity:.9;margin:0;font-size:14px;line-height:1.38}& .facts{text-align:left;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 10px;display:grid}& .facts div{border-left:3px solid var(--gold);background:#ffc65a17;border-radius:14px;flex-direction:column;gap:1px;padding:9px 14px;display:flex}& .facts b{color:var(--gold);font-size:15px}& .facts span{opacity:.92;font-size:13.5px;line-height:1.3}& .facts em{color:var(--mint);font-style:normal;font-weight:700}& .ctrls{text-align:left;background:#ffffff0d;border-radius:14px;margin:6px 0 16px}& .ctrls summary{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 16px;font-weight:600;list-style:none;display:flex}& .ctrls summary::-webkit-details-marker{display:none}& .ctrls summary:after{content:"▾";transition:transform .2s}& .ctrls[open] summary:after{transform:rotate(180deg)}& .ctrls summary:focus-visible{outline:3px solid var(--gold);border-radius:14px}& .ctrls dl{grid-template-columns:1fr 1fr;gap:6px 18px;margin:0;padding:0 16px 12px;display:grid}& .ctrls dl div{justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;display:flex}& .ctrls dt{color:var(--muted);white-space:nowrap}& .ctrls dd{text-align:right;margin:0}@media (width<=640px){& .how{grid-template-columns:1fr;gap:16px}& .how article{text-align:left;grid-template-rows:auto auto;grid-template-columns:96px 1fr;align-items:center;column-gap:12px;padding:12px 14px;display:grid}& .how .ill{grid-row:1/3;height:64px;margin:0}& .how h3{margin:0;font-size:19px}& .facts,& .ctrls dl{grid-template-columns:1fr}& .help-panel{padding:22px 16px 18px}& #ill3 svg{width:40px;height:40px;margin:0 -6px}& .how .ill svg{width:44px;height:44px}}& .col-panel{text-align:left;flex-direction:column;width:min(780px,100%);height:min(94vh,780px);padding:24px 26px 18px;display:flex}& .col-head{flex:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding-right:48px;display:flex}& .col-head h2{margin:0;font-size:40px}& .col-head .kicker{margin:0}& .ring{flex:none;width:64px;height:64px;position:relative}& .ring svg{stroke-width:5px;width:100%;height:100%;transform:rotate(-90deg)}& .ring .bg{stroke:#ffffff1f}& .ring .fg{stroke:var(--gold);filter:drop-shadow(0 0 5px #ffbe5a99);transition:stroke-dasharray .6s}& .ring b{font:400 20px/1 var(--disp);align-content:center;place-items:center;display:grid;position:absolute;inset:0}& .ring small{color:var(--muted);text-align:center;font-size:11px;display:block}& .tabs{background:#0c051c80;border:1px solid #ffe0aa24;border-radius:18px;flex-wrap:nowrap;flex:none;gap:4px;margin:0 0 14px;padding:4px;display:flex}& .tabs button{white-space:nowrap;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 8px;display:inline-flex}& .tabs button svg{flex:none;width:17px;height:17px}& .tabs .cnt{margin-left:2px}& .tabs button[aria-selected=true]{box-shadow:0 3px #b86a1d}& .tabs button[aria-selected=true] .cnt{color:var(--ink);background:#1d123333}& .tabs button:focus-visible{outline:3px solid var(--gold);outline-offset:1px}& #colBody{scrollbar-width:thin;scrollbar-color:#ffc65a66 transparent;flex:1;min-height:0;margin:0 -10px;padding:0 10px 6px;overflow:auto}& .sec{font:400 17px var(--disp);letter-spacing:.06em;text-transform:uppercase;color:#ffe0b0;align-items:center;gap:10px;margin:14px 0 8px;display:flex}& .sec:first-child{margin-top:2px}& .sec:after{content:"";background:linear-gradient(90deg,#ffe0aa59,#0000);flex:1;height:1px}& .sec span{font:600 13px var(--body);color:var(--muted);background:#ffffff1a;border-radius:9px;order:2;padding:0 8px}& .achs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}& .themes{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}& .theme .pv{height:110px;overflow:hidden}& .theme .pv:after{display:none}& .theme .isl{filter:blur(.5px);background:linear-gradient(#ffffff80,#ffffff26);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:130px;height:62px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}& .theme .lock{color:#fff;stroke-width:2.4px;filter:drop-shadow(0 2px 4px #0009);width:34px;height:34px;margin:auto;position:absolute;inset:0}& .theme .chk{width:26px;height:26px;color:var(--ink);background:var(--gold);border-radius:50%;place-items:center;font-style:normal;font-weight:700;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0006}& .theme:disabled{opacity:.85}& .theme:disabled .tx small{color:#ffb6c1}& .hero{grid-template-columns:repeat(4,1fr);gap:10px;margin:2px 0 6px;display:grid}& .hero div{text-align:center;background:linear-gradient(#ffc65a2e,#ffffff0d);border:1px solid #ffe0aa47;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 6px;display:flex}& .hero b{font:400 30px/1 var(--disp);color:var(--gold);font-variant-numeric:tabular-nums}& .hero span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px}@media (width<=600px){& .col-panel{height:96vh;padding:20px 14px 14px}& .col-head h2{font-size:32px}& .ring{width:52px;height:52px}& .tabs button{gap:4px;padding:9px 4px;font-size:13px}& .tabs button svg{display:none}& .hero{grid-template-columns:repeat(2,1fr)}& .achs{grid-template-columns:1fr}& .themes{grid-template-columns:repeat(2,1fr);gap:10px}& .theme .pv{height:84px}}& .menu-bottom{gap:10px;width:min(340px,100%)}& .cta{flex-direction:column;gap:10px;display:flex}& .btn.play,& .daily,& .pill{border-radius:18px;justify-content:flex-start;gap:14px;width:100%;min-height:56px;padding:0 20px}& .btn.play{justify-content:center;min-height:64px;font-size:28px;animation:none;box-shadow:0 6px #b86a1d,0 12px 26px #ff963c59}& .btn.play:hover{filter:brightness(1.06);transform:translateY(-1px)}& .daily{-webkit-backdrop-filter:blur(8px);background:#1c0e34b8;border:1px solid #ffe0aa61;padding:0 20px;box-shadow:0 5px #0c051c99,inset 0 1px #fff0d229}& .daily:active{box-shadow:0 1px #0c051c99}& .daily svg{width:26px;height:26px}& .daily b{font-size:17px}& .sub{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}& .sub .pill:only-child,& .sub .pill:nth-child(3){grid-column:1/-1}& .pill{background:#1c0e34b8;border-radius:18px;justify-content:center;gap:8px;min-height:50px;padding:0 12px;font-size:15px;box-shadow:0 4px #0c051c99}& .pill:active{transform:translateY(3px);box-shadow:0 1px #0c051c99}@media (width<=520px){& .btn.play{padding:0 20px;font-size:26px}& .daily{padding:0 20px}}& .btn.play,& .daily,& .pill,& .panel .btn{--cut:16px;--depth:5px;isolation:isolate;box-shadow:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 var(--depth) 0 var(--edge)) drop-shadow(0 calc(var(--depth) + 6px) 12px #0a041873);background:0 0;border:0;border-radius:0;transition:transform .12s,filter .12s;position:relative}& .btn.play:before,& .btn.play:after,& .daily:before,& .daily:after,& .pill:before,& .pill:after,& .panel .btn:before,& .panel .btn:after{content:"";clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);pointer-events:none;position:absolute}& .btn.play:before,& .daily:before,& .pill:before,& .panel .btn:before{z-index:-2;background:var(--frame);inset:0}& .btn.play:after,& .daily:after,& .pill:after,& .panel .btn:after{z-index:-1;--cut:14px;background:var(--fill);inset:3px}& .btn.play:hover,& .daily:hover,& .pill:hover,& .panel .btn:hover{filter:drop-shadow(0 calc(var(--depth) + 2px) 0 var(--edge)) drop-shadow(0 calc(var(--depth) + 10px) 16px #0a041880) brightness(1.1);background:0 0;transform:translateY(-2px)}& .btn.play:active,& .daily:active,& .pill:active,& .panel .btn:active{transform:translateY(var(--depth));filter:drop-shadow(0 1px 0 var(--edge));box-shadow:none}& .btn.play,& .panel .btn.primary{--edge:#8f4a12;--frame:linear-gradient(180deg, #fff6c2, #ffb23d 55%, #e0821f);--fill:linear-gradient(180deg, #ffffff8c 0 2px, transparent 2px), linear-gradient(180deg, #ffe48a 0%, #ffc04a 48%, #ff9a3a 52%, #ff8a30 100%);color:#3a1a08;text-shadow:0 1px #ffffff80;--cut:22px}& .daily,& .pill,& .panel .btn{--edge:#0c0520;--frame:linear-gradient(180deg, #ffe9b0, #c98a3a 60%, #8d5a22);--fill:linear-gradient(180deg, #fff4de29 0 2px, transparent 2px), linear-gradient(180deg, #4b2c7a 0%, #2c1752 50%, #231245 100%)}& .pill{--cut:14px;--depth:4px}& .daily{color:var(--cream)}& .daily svg,& .pill svg{filter:drop-shadow(0 1px #00000080)}& .btn.play,& .daily,& .pill{padding-left:28px;padding-right:28px}& .daily{gap:14px}& .daily:focus-visible,& .pill:focus-visible,& .btn.play:focus-visible{outline:none}& .daily:focus-visible:before,& .pill:focus-visible:before,& .btn.play:focus-visible:before{background:#fff}& .btn.play .cnt,& .pill .cnt{margin-left:2px}& .panel .btn{--cut:14px;--depth:4px;min-height:50px;margin-bottom:4px;padding:0 30px;font-size:17px}& .panel .btn.primary{color:#3a1a08;text-shadow:0 1px #ffffff80;--cut:18px;--depth:5px;min-height:54px;font-size:20px}& .panel .btn.ghost{--frame:linear-gradient(180deg, #ffe9b08c, #8d5a228c);--fill:linear-gradient(180deg, #2e1a55, #20103e)}& .panel .btn:focus-visible{outline:none}& .panel .btn:focus-visible:before{background:#fff}& .panel .actions{gap:14px 12px}& .panel .btn.primary,& .panel .btn{justify-content:center;align-items:center;display:inline-flex}& .end-panel .actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}& .end-panel .btn{width:100%;padding:0 10px;font-size:16px}& .end-panel .btn.primary{grid-column:1/-1}& .help-panel{padding-bottom:32px}& .help-panel .btn.primary{margin-top:4px}& .col-panel{padding-bottom:22px}& .actions.col .btn{width:100%}@media (height<=820px){& .end-panel{padding:18px 24px 16px}& .end-panel .bigstars{margin:0;font-size:44px}& .end-panel .final{font-size:52px}& .end-panel h2{margin-bottom:2px;font-size:30px}& .end-panel .unlocks{max-height:15vh;margin:6px 0}& .end-panel .stats{gap:6px 12px;margin:8px 0 10px}& .end-panel .stats div{padding:4px 10px;font-size:13px}& .end-panel .btn{min-height:46px}& .end-panel .btn.primary{min-height:50px}}& .end-panel #eMenu{grid-column:1/-1}& .dock{box-shadow:none;background:0 0;border:0;border-radius:0;gap:8px;padding:0}& .ib,& .rot{--hx:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--depth:4px;--edge:#0c0520;--frame:linear-gradient(180deg, #ffe9b0, #c98a3a 60%, #8d5a22);--fill:linear-gradient(180deg, #fff4de33 0 2px, transparent 2px), linear-gradient(180deg, #4b2c7a, #2c1752 55%, #231245);isolation:isolate;width:46px;height:52px;box-shadow:none;color:var(--cream);filter:drop-shadow(0 var(--depth) 0 var(--edge)) drop-shadow(0 calc(var(--depth) + 4px) 8px #0a041873);background:0 0;border:0;border-radius:0;transition:transform .12s,filter .12s;position:relative}& .ib:before,& .rot:before{content:"";z-index:-2;background:var(--frame);clip-path:var(--hx);position:absolute;inset:0}& .ib:after,& .rot:after{content:"";z-index:-1;background:var(--fill);clip-path:var(--hx);position:absolute;inset:3px}& .ib:hover:not(:disabled),& .rot:hover{filter:drop-shadow(0 calc(var(--depth) + 2px) 0 var(--edge)) drop-shadow(0 calc(var(--depth) + 8px) 12px #0a041880) brightness(1.18);color:#fff;background:0 0;transform:translateY(-2px)}& .ib:active:not(:disabled),& .rot:active{transform:translateY(var(--depth));filter:drop-shadow(0 1px 0 var(--edge))}& .ib svg,& .rot svg{filter:drop-shadow(0 1px #00000080);width:22px;height:22px}& .ib.sm{background:0 0;border:0;width:42px;height:48px}& .ib.sm svg{width:19px;height:19px}& .ib:disabled{opacity:.45;filter:drop-shadow(0 var(--depth) 0 var(--edge)) grayscale(.7)}& .ib.off{color:var(--muted)}& .ib.off:after{background:var(--fill);border-radius:0;width:auto;height:auto;transform:none}& .ib.off svg{opacity:.55;background:linear-gradient(to top right, transparent 46%, var(--rose) 46% 54%, transparent 54%)}& .ib em{z-index:2;top:-4px;right:-3px}& .ib:focus-visible,& .rot:focus-visible{outline:none}& .ib:focus-visible:before,& .rot:focus-visible:before{background:#fff}& .rot{width:54px;height:60px}& .rot svg{width:25px;height:25px}& .rot kbd{z-index:2;bottom:-12px}& #camBtns{gap:12px}@media (width<=700px){& .ib{border-radius:0;width:38px;height:43px}& .ib.sm{width:36px;height:41px}& .ib svg{width:19px;height:19px}& .rot{width:46px;height:52px}& .dock{gap:6px;padding:0}}& .btn.place{isolation:isolate;--cut:14px;--depth:4px;--edge:#8f4a12;color:#3a1a08;min-height:46px;filter:drop-shadow(0 var(--depth) 0 var(--edge)) drop-shadow(0 8px 10px #0a041866);background:0 0;border:0;padding:0 24px;font-weight:700;position:relative}& .btn.place:before,& .btn.place:after{content:"";clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);position:absolute}& .btn.place:before{z-index:-2;background:linear-gradient(#fff6c2,#ffb23d 55%,#e0821f);inset:0}& .btn.place:after{z-index:-1;--cut:12px;background:linear-gradient(#ffe48a,#ffc04a 48%,#ff9a3a 52%,#ff8a30);inset:3px}& .btn.place:disabled:after{background:linear-gradient(#8a7aa0,#6a5a80)}& .btn.place:active{transform:translateY(var(--depth))}& #photoBar .btn{--cut:14px;--depth:4px;--edge:#0c0520;--frame:linear-gradient(180deg, #ffe9b0, #c98a3a 60%, #8d5a22);--fill:linear-gradient(180deg, #fff4de29 0 2px, transparent 2px), linear-gradient(180deg, #4b2c7a, #2c1752 55%, #231245);isolation:isolate;min-height:46px;filter:drop-shadow(0 var(--depth) 0 var(--edge));background:0 0;border:0;border-radius:0;padding:0 24px;position:relative}& #photoBar .btn:before,& #photoBar .btn:after{content:"";clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);position:absolute}& #photoBar .btn:before{z-index:-2;background:var(--frame);inset:0}& #photoBar .btn:after{z-index:-1;--cut:12px;background:var(--fill);inset:3px}& #photoBar .btn.primary{--edge:#8f4a12;--frame:linear-gradient(180deg, #fff6c2, #ffb23d 55%, #e0821f);--fill:linear-gradient(180deg, #ffe48a, #ffc04a 48%, #ff9a3a 52%, #ff8a30);color:#3a1a08}& #photoBar .btn[aria-pressed=true]{--fill:linear-gradient(180deg, #ffd978, #e0821f);color:#3a1a08}& #photoBar .btn:hover{filter:drop-shadow(0 var(--depth) 0 var(--edge)) brightness(1.12);background:0 0}& #photoBar .btn:active{transform:translateY(var(--depth))}& #photoBar .btn:focus-visible,& .btn.place:focus-visible{outline:none}& #photoBar .btn:focus-visible:before,& .btn.place:focus-visible:before{background:#fff}& #photoBar{gap:12px}& #photoBar .btn{padding:0 18px;font-size:15px}& #photoBar .slide{min-width:0}& #photoBar .btn,& #photoBar .btn.primary{box-shadow:none}& #photoBar{width:max-content}}