@font-face{font-family:Nixie One;src:url(/powers-of-2/fonts/NixieOne.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Big Shoulders Stencil Text;src:url(/powers-of-2/fonts/BigShouldersStencil.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Courier Prime;src:url(/powers-of-2/fonts/CourierPrime.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Courier Prime;src:url(/powers-of-2/fonts/CourierPrimeBold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Sans Condensed;src:url(/powers-of-2/fonts/PlexCondensed.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Condensed;src:url(/powers-of-2/fonts/PlexCondensedSemi.woff2) format("woff2");font-weight:600;font-display:swap}:root{--steel: #1e2522;--steel-hi: #263029;--panel: #0b0d0c;--engrave: #d9d2bf;--dim: #8b9187;--tape: #efe6cf;--tape-ink: #2b2620;--tape-faint: #6d6556;--glow: #ff8a2a;--glow-deep: #8a3c0c;--knob-red: #b8452a;--good: #1f6b3a;--bad: #b5321c;--focus: #ffd27a;--g1: #ff8a2a;--h1: #b84a00;--g2: #ffd23f;--h2: #a87a00;--g3: #ff5b4f;--h3: #a8150c;--g4: #ff5fb0;--h4: #a8105e;--g5: #c77bff;--h5: #6a20b8;--g6: #7d95ff;--h6: #2a3fc0;--g7: #45d4ff;--h7: #0a7fa8;--g8: #45e68f;--h8: #0f8a48;--g9: #c3ff5a;--h9: #6a9a10;--g10: #fff0b8;--h10: #c9a24a;--g11: #ffffff;--h11: #a0c8ff;--g12: #fff6c8;--h12: #ffd27a;--gap: 8px;--nav: calc(74px + env(safe-area-inset-bottom, 0px)) ;--label: "Big Shoulders Stencil Text", "Arial Narrow", sans-serif;--tube: "Nixie One", "Courier New", monospace;--type: "Courier Prime", "Courier New", monospace;--body: "IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--steel);color:var(--engrave);font:16px/1.45 var(--body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}hub-bar{display:block;padding-top:env(safe-area-inset-top,0px);background:#3b2418}hub-end-card{display:block}.chassis{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.05),transparent 40%),repeating-radial-gradient(circle at 30% 40%,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--steel-hi),var(--steel))}.screw{position:absolute;top:8px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9aa096,#4a504a)}.screw.l{left:12px}.screw.r{right:12px}.head{position:relative;padding:18px 22px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.title{font:800 30px/1 var(--label);letter-spacing:.06em;text-transform:uppercase;margin:0}.meta{font:600 12px/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:right}.meta b{display:block;color:var(--engrave);font-size:20px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.scores{display:flex;gap:6px;margin:0 32px 0 auto}.tag{min-width:52px;padding:3px 8px 4px;border-radius:4px;text-align:center;font:600 10px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:#00000047;box-shadow:inset 0 1px 2px #00000080}.tag b{display:block;color:var(--engrave);font-size:16px;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.tag.beaten{animation:beaten 1.4s ease-out}@keyframes beaten{0%,60%{box-shadow:0 0 0 2px #d9a43a,0 0 10px #d9a43ab3}to{box-shadow:0 0 0 0 transparent}}.panel{margin:16px 18px 0;padding:10px;border-radius:10px;background:var(--panel);box-shadow:inset 0 2px #0009,inset 0 0 0 2px #050606,0 1px #ffffff14;touch-action:none;-webkit-user-select:none;user-select:none}.field{position:relative;aspect-ratio:1}.wells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.glass{container-type:size;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.07) .8px,transparent 1.2px) 0 0 / 5px 5px,radial-gradient(ellipse at 50% 30%,#1d1a17,#0c0a09 75%);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -10px 18px #0009}.glass:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 35%);pointer-events:none}.glass .cathode{position:absolute;inset:0 0 18cqw;display:grid;place-items:center;font:400 52cqw/1 var(--tube);color:#ffaa6e09}.tile{position:absolute;left:0;top:0;width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);transform:translate(calc(var(--c) * (100% + var(--gap))),calc(var(--r) * (100% + var(--gap))));transition:transform .11s ease-out;background:transparent;box-shadow:none}.tile .num{position:absolute;inset:0 0 18cqw;display:grid;place-items:center;font:400 52cqw/1 var(--tube);color:var(--g);text-shadow:0 0 4px var(--g),0 0 12px var(--g),0 0 26px var(--h)}.tile .num.d3{font-size:44cqw}.tile .num.d4{font-size:35cqw}.tile .num.d5{font-size:28cqw}.tile .lamps{position:absolute;left:10cqw;right:10cqw;bottom:9cqw;display:flex;justify-content:space-between}.tile .lamps i{width:5cqw;height:5cqw;border-radius:50%;background:#2c2a26}.tile .lamps i.on{background:var(--g);box-shadow:0 0 6px var(--g)}.tile.gone{z-index:0}.tile.fresh{animation:warm .22s ease-out 90ms both}.tile.merged .num{animation:flicker .2s steps(1) 90ms both}.tile.goal{box-shadow:0 0 0 2px #fff4d8,0 0 40px 8px #a0c8ff8c}@keyframes warm{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes flicker{0%{opacity:.2}25%{opacity:1}50%{opacity:.45}75%{opacity:1}to{opacity:1}}.dimmed .tile .num{opacity:.35;filter:saturate(.4)}:root:not([data-skin]) .tile{border-radius:8px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--g) 62%,#1a0f08),color-mix(in srgb,var(--h) 55%,#0c0a09) 72%,color-mix(in srgb,var(--h) 30%,#070605));box-shadow:inset 0 0 0 1px #ffffff24,inset 0 -10px 16px #00000073,0 0 18px -4px var(--g)}:root:not([data-skin]) .tile .num{color:#fffaf0;-webkit-text-stroke:1px #fffaf0;text-shadow:0 0 3px #fff,0 0 10px var(--g),0 0 22px var(--g)}:root:not([data-skin]) .tile .lamps i{background:#00000073}:root:not([data-skin]) .tile .lamps i.on{background:#fff;box-shadow:0 0 6px #fff}:root:not([data-skin]) .tile.goal{box-shadow:0 0 0 2px #fff4d8,0 0 40px 8px #a0c8ff8c}:root:not([data-skin]) .dimmed .tile{filter:saturate(.4) brightness(.6)}:root:not([data-skin]) .dimmed .tile .num{opacity:1;filter:none}.tape{margin:16px 18px 0;min-height:108px;padding:10px 16px 12px 30px;border-radius:3px;color:var(--tape-ink);font:400 14px/1.45 var(--type);background:var(--tape) radial-gradient(circle,var(--steel) 3px,transparent 3.5px) 6px 4px / 14px 14px repeat-y;box-shadow:0 2px #0006}.tape .log{color:var(--tape-faint);display:flex;gap:14px;flex-wrap:wrap}.tape .now{font-weight:700;font-size:17px;margin-top:4px}.tape .why{margin-top:2px}.tape .small{color:var(--tape-faint);font-size:12px;margin-top:2px}.gl{display:inline-block;min-width:1.4em;font-weight:700;color:var(--bad)}.gl.good{color:var(--good)}.controls{margin-top:auto;display:flex;justify-content:space-around;padding:18px 22px 26px}.knob{display:grid;justify-items:center;gap:6px;font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);min-width:64px}.knob span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--engrave);font-size:20px;background:radial-gradient(circle at 40% 35%,#3a3d39,#121412 70%);box-shadow:0 3px #050605,inset 0 1px #ffffff1f}.knob.red span{background:radial-gradient(circle at 40% 35%,var(--knob-red),#5e1c0f 72%)}.knob:active span{transform:translateY(2px);box-shadow:0 1px #050605,inset 0 1px #ffffff1f}.knob:disabled{opacity:.4;cursor:default}.knob.armed{color:var(--glow)}.sheet{position:absolute;left:12px;right:12px;bottom:calc(16px + var(--nav));z-index:3;padding:18px 18px 16px;border-radius:6px;background:var(--tape);color:var(--tape-ink);font:400 15px/1.45 var(--type);box-shadow:0 -10px 40px #00000080}.sheet h2{font:700 19px/1.25 var(--type);margin:0 0 6px}.sheet p{margin:0 0 6px}.sheet .faint{color:var(--tape-faint)}.chassis:has(~.goal-sheet) .tape .why,.chassis:has(~.goal-sheet) .tape .small{visibility:hidden}.sheet .act{display:flex;gap:10px;margin-top:14px}.sheet .act button{flex:1;border-radius:8px;padding:14px 8px;font:800 17px var(--label);letter-spacing:.08em;text-transform:uppercase}.sheet.end{max-height:calc(100% - var(--nav) - 32px);overflow-y:auto}.sheet.end hub-end-card{display:block;margin-top:14px}.go{background:linear-gradient(#ffb066,#f07a1e);color:#1a0d05;box-shadow:0 3px 0 var(--glow-deep)}.no{background:#d8ceb4;color:var(--tape-ink);box-shadow:0 3px #a99f86}.sheet-back{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#00000080}.sheet-back .sheet{position:relative;left:auto;right:auto;bottom:auto;width:min(100%,520px);border-radius:12px 12px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:4px}.sheet .stat{border-bottom-color:#00000024}.sheet .links{display:flex;gap:18px;margin-top:8px}.sheet .links a{color:inherit;font-weight:700}.progress{height:6px;border-radius:3px;background:#d8ceb4;overflow:hidden;margin:8px 0 4px}.progress i{display:block;height:100%;background:var(--glow);transition:width .2s}.menu-sub{padding:8px 22px 0;color:var(--dim);font-size:15px}.bigbtn{display:block;width:calc(100% - 36px);margin:0 18px 10px;padding:14px;border-radius:10px;font:800 22px var(--label);letter-spacing:.1em;text-transform:uppercase;color:#1a0d05;background:linear-gradient(#ffb066,#f07a1e);box-shadow:0 4px 0 var(--glow-deep),0 0 24px #ff8a2a59}.bigbtn.alt{color:var(--engrave);background:linear-gradient(#3a3f3b,#262b28);box-shadow:0 4px #0e100f}.stats{margin:6px 18px 18px;padding:6px 16px;border-radius:10px;background:#00000047;box-shadow:inset 0 0 0 1px #ffffff12}.stat{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:15px}.stat:last-child{border:0}.stat b{font:400 22px var(--tube);color:var(--glow);text-shadow:0 0 8px rgba(255,138,42,.6)}.switch{width:48px;height:26px;border-radius:13px;background:var(--panel);position:relative;box-shadow:inset 0 0 0 1px #333}.switch:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#3a3d39;transition:left .12s}.switch[aria-checked=true]:after{left:26px;background:var(--glow);box-shadow:0 0 8px var(--glow)}@font-face{font-family:Libre Caslon Display;src:url(/powers-of-2/fonts/LibreCaslonDisplay.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Libre Caslon Text;src:url(/powers-of-2/fonts/LibreCaslonTextBold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Spectral;src:url(/powers-of-2/fonts/Spectral.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Spectral;src:url(/powers-of-2/fonts/SpectralItalic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(/powers-of-2/fonts/SpectralSemi.woff2) format("woff2");font-weight:600;font-display:swap}[data-skin=drawer]{--oak: #b98a57;--oak-deep: #9c6f40;--felt: #4f5d50;--card: #fbf6ea;--card-ink: #2b241d;--card-faint: #6e6253;--good: #2f6a3e;--bad: #a2341f;--focus: #1f5aa6;color-scheme:light}[data-skin=drawer] body{background:var(--oak-deep);color:var(--card-ink)}[data-skin=drawer] .chassis{font-family:Spectral,Georgia,serif;color:var(--card-ink);background:repeating-linear-gradient(92deg,rgba(80,45,15,.1) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,rgba(255,240,210,.08) 0 1px,transparent 1px 17px),linear-gradient(180deg,#c99b66,var(--oak) 40%,var(--oak-deep))}[data-skin=drawer] .screw{background:radial-gradient(circle at 35% 35%,#f1eee8,#8f8a80)}[data-skin=drawer] .title{font-family:Libre Caslon Display,Georgia,serif;font-weight:400;letter-spacing:.02em;text-transform:none;color:#2a1c0f}[data-skin=drawer] .meta{font:italic 400 14px/1.3 Spectral,serif;letter-spacing:0;text-transform:none;color:#3e2d1c}[data-skin=drawer] .meta b{font:700 22px Libre Caslon Text,serif;color:#2a1c0f}[data-skin=drawer] .tag{background:#f5efe2;border:1px solid #5f3e1f;border-radius:3px;box-shadow:0 2px 2px #00000040;font:italic 400 12px/1.2 Spectral,serif;letter-spacing:0;text-transform:none;color:#3e2d1c}[data-skin=drawer] .tag b{font:700 17px Libre Caslon Text,serif;color:#2a1c0f}[data-skin=drawer] .panel{--gap: 7px;background:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1.5px) 0 0 / 4px 4px,var(--felt);border-radius:6px;box-shadow:inset 0 3px 8px #00000073,0 0 0 6px #7d552e,0 0 0 7px #5f3e1f,0 8px 18px #0000004d}[data-skin=drawer] .glass{border-radius:4px;background:#0000001f;box-shadow:inset 0 2px 5px #00000059}[data-skin=drawer] .glass:after,[data-skin=drawer] .glass .cathode,[data-skin=drawer] .tile .lamps{display:none}[data-skin=drawer] .tile{background:#f5efe2;box-shadow:inset 0 0 0 3px #fffaf0,inset 0 -6px 10px #00000014,0 2px 2px #00000040}[data-skin=drawer] .tile:before{content:"";position:absolute;inset:9%;clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);background:linear-gradient(150deg,var(--l),var(--m) 55%,var(--d)) center / 64% 64% no-repeat,conic-gradient(from 22.5deg,var(--l),var(--m) 12.5%,var(--d) 25%,var(--m) 37.5%,var(--l) 50%,var(--m) 62.5%,var(--d) 75%,var(--m) 87.5%,var(--l))}[data-skin=drawer] .tile .num{inset:0;font:700 38cqw/1 Libre Caslon Text,Georgia,serif;color:var(--t);text-shadow:0 1px 1px rgba(0,0,0,.3)}[data-skin=drawer] .tile .num.d3{font-size:31cqw}[data-skin=drawer] .tile .num.d4{font-size:24cqw}[data-skin=drawer] .tile .num.d5{font-size:19cqw}[data-skin=drawer] .tile.merged .num{animation:none}[data-skin=drawer] .tile.merged:before{animation:glint .26s ease-out 90ms both}[data-skin=drawer] .tile.goal{box-shadow:inset 0 0 0 3px #fffaf0,0 0 0 3px #f2c94c,0 0 30px 6px #ffd65acc}[data-skin=drawer] .dimmed .tile{filter:grayscale(.6) brightness(.85)}[data-skin=drawer] .dimmed .tile .num{opacity:1;filter:none}@keyframes glint{0%{filter:brightness(1.8)}to{filter:brightness(1)}}[data-skin=drawer] [data-e="1"]{--d: #b9c2c8;--m: #e3e8ea;--l: #ffffff;--t: #3b4247}[data-skin=drawer] [data-e="2"]{--d: #d98fa0;--m: #f3c3cc;--l: #fde9ec;--t: #5b2a35}[data-skin=drawer] [data-e="3"]{--d: #c98a16;--m: #efc04a;--l: #fbe6a0;--t: #4a3205}[data-skin=drawer] [data-e="4"]{--d: #9b3a12;--m: #d8692f;--l: #f3a473;--t: #fff3e8}[data-skin=drawer] [data-e="5"]{--d: #6e1414;--m: #a52a24;--l: #d4574b;--t: #fff0e8}[data-skin=drawer] [data-e="6"]{--d: #4a1f6b;--m: #7e47a8;--l: #b993d6;--t: #fbf2ff}[data-skin=drawer] [data-e="7"]{--d: #122a6b;--m: #2547a3;--l: #5f7fd1;--t: #eef2ff}[data-skin=drawer] [data-e="8"]{--d: #0d4a33;--m: #1f7d55;--l: #4fb386;--t: #eafff4}[data-skin=drawer] [data-e="9"]{--d: #0f6a6e;--m: #2aa5a3;--l: #79d6cf;--t: #06302f}[data-skin=drawer] [data-e="10"]{--d: #141218;--m: #2c2833;--l: #5a5266;--t: #f2eefc}[data-skin=drawer] [data-e="11"],[data-skin=drawer] [data-e="12"]{--d: #9a6a08;--m: #e3b432;--l: #fff1a8;--t: #3d2800}[data-skin=drawer] .tape{position:relative;color:var(--card-ink);font:400 15px/1.45 Spectral,serif;background:var(--card);border:1px solid #d8ccb4;border-radius:0;padding:14px 16px;box-shadow:0 2px 4px #00000040}[data-skin=drawer] .tape:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d2cfc8,#7c776d);box-shadow:0 1px 2px #0006}[data-skin=drawer] .tape .log{color:var(--card-faint);font-family:Libre Caslon Text,serif}[data-skin=drawer] .tape .now{font:700 19px/1.3 Libre Caslon Text,serif}[data-skin=drawer] .tape .small{color:var(--card-faint)}[data-skin=drawer] .knob{color:#2c2924;font:600 13px Spectral,serif;letter-spacing:.02em;text-transform:none}[data-skin=drawer] .knob span{color:#2c2924;background:radial-gradient(circle at 40% 35%,#f6f3ee,#bdb7ab 72%);box-shadow:0 3px #6f675b,inset 0 1px #fff}[data-skin=drawer] .knob.red span{background:radial-gradient(circle at 40% 35%,#f3dcd3,#c99a8a 72%)}[data-skin=drawer] .knob.armed{color:var(--bad)}[data-skin=drawer] .sheet{color:var(--card-ink);font:400 15px/1.45 Spectral,serif;background:var(--card);border:1px solid #d8ccb4;border-radius:2px;box-shadow:0 -8px 30px #00000059}[data-skin=drawer] .sheet h2{font:700 21px/1.25 Libre Caslon Text,serif}[data-skin=drawer] .sheet .faint{color:var(--card-faint)}[data-skin=drawer] .sheet .act button{font:700 16px Libre Caslon Text,serif;letter-spacing:0;text-transform:none}[data-skin=drawer] .go{color:var(--card);background:linear-gradient(#5b6d5c,#3f4d41);box-shadow:0 3px #27302a}[data-skin=drawer] .no{color:var(--card-ink);background:#e7dcc4;box-shadow:0 3px #a9997b}[data-skin=drawer] .progress{background:#e7dcc4}[data-skin=drawer] .progress i{background:#3f4d41}[data-skin=drawer] .menu-sub{color:#3e2d1c}[data-skin=drawer] .bigbtn{font:700 19px Libre Caslon Text,serif;letter-spacing:0;text-transform:none;color:var(--card);background:linear-gradient(#5b6d5c,#3f4d41);box-shadow:0 3px #27302a,0 4px 8px #00000040}[data-skin=drawer] .bigbtn.alt{color:var(--card-ink);background:linear-gradient(var(--card),#e7dcc4);box-shadow:0 3px #a9997b}[data-skin=drawer] .stats{background:var(--card);border:1px solid #d8ccb4;border-radius:0;box-shadow:none}[data-skin=drawer] .stat{border-bottom:1px dotted #cdbfa5}[data-skin=drawer] .stat b{font:700 18px Libre Caslon Text,serif;color:var(--card-ink);text-shadow:none}[data-skin=drawer] .switch{background:#e7dcc4;box-shadow:inset 0 0 0 1px #a9997b}[data-skin=drawer] .switch[aria-checked=true]:after{background:#3f4d41;box-shadow:none}@font-face{font-family:Archivo;src:url(/powers-of-2/fonts/Archivo.woff2) format("woff2");font-weight:400 900;font-stretch:62% 125%;font-display:swap}[data-skin=board]{--house: #141414;--house-hi: #1d1d1c;--flap-ink: #f2efe6;--yellow: #ffd23f;--board-dim: #8c8a84;--good: #6fdc8c;--bad: #ff6b4a;--focus: #ffd23f;color-scheme:dark}[data-skin=board] body{background:var(--house);color:var(--flap-ink)}[data-skin=board] .chassis{font-family:Archivo,Arial Narrow,sans-serif;font-stretch:85%;color:var(--flap-ink);background:linear-gradient(180deg,var(--house-hi),var(--house))}[data-skin=board] .screw{display:none}[data-skin=board] .title{font-family:Archivo,Arial Narrow,sans-serif;font-weight:800;font-stretch:70%;letter-spacing:.04em;color:var(--flap-ink)}[data-skin=board] .meta{font:600 11px Archivo,sans-serif;letter-spacing:.14em;color:var(--board-dim)}[data-skin=board] .meta b{font:800 24px Archivo,sans-serif;font-stretch:70%;color:var(--yellow)}[data-skin=board] .tag{font:600 10px Archivo,sans-serif;letter-spacing:.14em;color:var(--board-dim);background:#000;border-radius:2px}[data-skin=board] .tag b{font:800 18px Archivo,sans-serif;font-stretch:70%;color:var(--yellow)}[data-skin=board] .panel{--gap: 6px;padding:8px;background:#0a0a0a;border-radius:6px;box-shadow:inset 0 0 0 1px #2a2a29}[data-skin=board] .glass{border-radius:4px;background:linear-gradient(180deg,#232322 0 49.5%,#1b1b1a 50.5% 100%);box-shadow:inset 0 1px #ffffff0f,0 2px #000}[data-skin=board] .glass:after{inset:50% 0 auto;height:2px;margin-top:-1px;background:#000000bf}[data-skin=board] .glass .cathode,[data-skin=board] .tile .lamps{display:none}[data-skin=board] .tile{background:linear-gradient(180deg,color-mix(in srgb,var(--f) 94%,#fff) 0 49.5%,color-mix(in srgb,var(--f) 86%,#000) 50.5% 100%)}[data-skin=board] .tile .num{inset:0;font:800 55cqw/1 Archivo,sans-serif;font-stretch:62%;color:var(--t);text-shadow:none}[data-skin=board] .tile .num.d3{font-size:50cqw}[data-skin=board] .tile .num.d4{font-size:40cqw}[data-skin=board] .tile .num.d5{font-size:32cqw}[data-skin=board] .tile.fresh{animation:none}[data-skin=board] .tile.merged .num,[data-skin=board] .tile.fresh .num{animation:flap .18s steps(3) 90ms both}[data-skin=board] .tile.goal{box-shadow:0 0 0 2px var(--yellow),0 0 34px 6px #ffd23f8c}[data-skin=board] .dimmed .tile{filter:grayscale(.8) brightness(.7)}[data-skin=board] .dimmed .tile .num{opacity:1;filter:none}@keyframes flap{0%{transform:scaleY(1)}33%{transform:scaleY(.1)}66%{transform:scaleY(.6)}to{transform:scaleY(1)}}[data-skin=board] [data-e="1"]{--f: #2e2e2d;--t: #f2efe6}[data-skin=board] [data-e="2"]{--f: #44423d;--t: #f2efe6}[data-skin=board] [data-e="3"]{--f: #e07b1f;--t: #ffffff}[data-skin=board] [data-e="4"]{--f: #d4521f;--t: #ffffff}[data-skin=board] [data-e="5"]{--f: #c32f2f;--t: #ffffff}[data-skin=board] [data-e="6"]{--f: #b0256e;--t: #ffffff}[data-skin=board] [data-e="7"]{--f: #6c3bb5;--t: #ffffff}[data-skin=board] [data-e="8"]{--f: #2a5bd0;--t: #ffffff}[data-skin=board] [data-e="9"]{--f: #11818a;--t: #ffffff}[data-skin=board] [data-e="10"]{--f: #2f8f3e;--t: #ffffff}[data-skin=board] [data-e="11"],[data-skin=board] [data-e="12"]{--f: #ffd23f;--t: #141414}[data-skin=board] .tape{color:#dcd8cd;font:600 15px/1.45 Archivo,sans-serif;font-stretch:80%;background:#1f1f1e;border-radius:4px;padding:10px 14px;box-shadow:inset 0 0 0 1px #2c2c2b}[data-skin=board] .tape .log{color:#9a978f}[data-skin=board] .tape .now{font-size:19px;font-weight:800;color:var(--flap-ink);letter-spacing:.04em}[data-skin=board] .tape .small{color:var(--board-dim)}[data-skin=board] .knob{color:var(--flap-ink);font:800 12px Archivo,sans-serif;font-stretch:75%;letter-spacing:.12em}[data-skin=board] .knob span{border-radius:6px;color:var(--flap-ink);background:#2a2a29;box-shadow:0 3px #000}[data-skin=board] .knob.red span{background:var(--yellow);color:var(--house);box-shadow:0 3px #9c7d10}[data-skin=board] .knob.armed{color:var(--yellow)}[data-skin=board] .sheet{color:#dcd8cd;font:500 15px/1.45 Archivo,sans-serif;font-stretch:95%;background:#0e0e0e;border:1px solid #2c2c2b;border-radius:10px;box-shadow:0 -12px 40px #000000b3}[data-skin=board] .sheet h2{font:800 22px/1.2 Archivo,sans-serif;font-stretch:75%;color:var(--yellow)}[data-skin=board] .sheet .faint{color:#9a978f}[data-skin=board] .sheet .act button{font:800 15px Archivo,sans-serif;font-stretch:75%;letter-spacing:.12em}[data-skin=board] .go{color:var(--house);background:var(--yellow);box-shadow:0 3px #9c7d10}[data-skin=board] .no{color:var(--flap-ink);background:#2a2a29;box-shadow:0 3px #000}[data-skin=board] .progress{background:#2a2a29}[data-skin=board] .progress i{background:var(--yellow)}[data-skin=board] .menu-sub{color:#bdbab1}[data-skin=board] .bigbtn{font:800 20px Archivo,sans-serif;font-stretch:75%;letter-spacing:.1em;color:var(--house);background:var(--yellow);box-shadow:0 4px #9c7d10}[data-skin=board] .bigbtn.alt{color:var(--flap-ink);background:#2a2a29;box-shadow:0 4px #000}[data-skin=board] .stats{background:#1f1f1e;box-shadow:inset 0 0 0 1px #2c2c2b}[data-skin=board] .stat{border-bottom:1px solid #2a2a29}[data-skin=board] .stat b{font:800 24px Archivo,sans-serif;font-stretch:62%;color:var(--yellow);text-shadow:none}[data-skin=board] .switch{background:#0a0a0a;box-shadow:inset 0 0 0 1px #3a3a39}[data-skin=board] .switch[aria-checked=true]:after{background:var(--yellow);box-shadow:none}.looks{display:flex;gap:14px}.look{display:grid;justify-items:center;gap:4px;font-size:12px}.look .swatch{width:40px;height:40px;display:grid;place-items:center}.look[aria-checked=true] .swatch{outline:2px solid var(--focus);outline-offset:3px}.swatch.tube{border-radius:8px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--g3) 62%,#1a0f08),color-mix(in srgb,var(--h3) 55%,#0c0a09) 72%);color:#fffaf0;font:400 22px var(--tube);text-shadow:0 0 3px #fff,0 0 8px var(--g3)}.swatch.drawer{border-radius:30%;background:radial-gradient(circle at 40% 35%,#b993d6,#7e47a8 55%,#4a1f6b);color:#fbf2ff;font:700 18px Libre Caslon Text,serif}.swatch.board{border-radius:4px;background:linear-gradient(#cc3a3a 50%,#ab2828 50%);color:#fff;font:800 22px Archivo,sans-serif;font-stretch:62%}.meta,.scores{flex:none}.nowrap{white-space:nowrap}@media(max-width:400px){.head{padding-left:16px;padding-right:16px}.title,[data-skin] .title{font-size:26px}.tag{min-width:0;padding:3px 6px 4px}.tag b,[data-skin] .tag b{font-size:15px}}@media(max-height:800px){.head{padding-top:12px}.panel{margin-top:12px}.tape{margin-top:12px;min-height:92px}.controls{padding:10px 22px 12px}.tape:has(.small) .log{display:none}[data-skin=drawer] .tape{padding:10px 16px;font-size:14px;line-height:1.35}[data-skin=drawer] .tape .now{font-size:18px}}@media(max-height:700px){.panel{width:calc(100% - 136px);margin-inline:auto}.tape{min-height:84px}.knob span{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.tag.beaten{animation:none;box-shadow:0 0 0 2px #d9a43a}.tile{transition:none}.tile.fresh,.tile.merged .num,.tile.merged:before,.tile.fresh .num{animation:none!important}}.tape .now .verdict{font-weight:400;font-size:14px}.panel{--pad: 10px}[data-skin=board] .panel{--pad: 8px}.hint-mark{position:absolute;inset:0;pointer-events:none;z-index:2}.hint-mark .lane{position:absolute;width:0;height:0;--along: calc((100% - 3 * var(--gap)) / 8 + var(--k) * ((100% - 3 * var(--gap)) / 4 + var(--gap)))}.hint-mark .lane:before{content:"";position:absolute;left:-7px;top:-7px;width:14px;height:14px;background:var(--glow);clip-path:polygon(0 50%,100% 0,70% 50%,100% 100%);filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 0 10px var(--glow-deep))}.hint-mark .edge{position:absolute;background:var(--glow);box-shadow:0 0 8px var(--glow),0 0 18px var(--glow-deep);border-radius:2px;opacity:.9}.hint-mark.up .lane,.hint-mark.down .lane{left:var(--along)}.hint-mark.left .lane,.hint-mark.right .lane{top:var(--along)}.hint-mark.left .lane{left:calc(-1 * var(--pad) - 15px)}.hint-mark.right .lane{left:calc(100% + var(--pad) + 15px);transform:rotate(180deg)}.hint-mark.up .lane{top:calc(-1 * var(--pad) - 4px);transform:rotate(90deg)}.hint-mark.down .lane{top:calc(100% + var(--pad) + 4px);transform:rotate(270deg)}.hint-mark.up .edge,.hint-mark.down .edge{left:0;right:0;height:3px}.hint-mark.left .edge,.hint-mark.right .edge{top:0;bottom:0;width:3px}.hint-mark.up .edge{bottom:calc(100% + var(--pad) - 6px)}.hint-mark.down .edge{top:calc(100% + var(--pad) - 6px)}.hint-mark.left .edge{right:calc(100% + var(--pad) - 6px)}.hint-mark.right .edge{left:calc(100% + var(--pad) - 6px)}.tape .hint{margin-top:8px;padding-top:7px;border-top:1px dashed var(--tape-faint)}.tape .hint b{font-size:1.1em}[data-skin=drawer] .tape .hint{border-top-color:var(--card-faint)}[data-skin=board] .tape .hint{border-top-color:#9a978f}@media(max-height:800px){.tape:has(.hint) .log,.tape:has(.hint)>.why{display:none}}@media(min-width:960px)and (max-height:760px){.chassis{max-width:900px}.chassis>div:has(>.panel){display:grid;grid-template-columns:auto 340px;column-gap:24px;align-items:start;justify-content:center;padding:0 22px}.chassis .panel{width:calc(100dvh - var(--nav) - 51px - 54px - 40px);margin:12px 0 0}.chassis .tape{margin:12px 0 0}}@font-face{font-family:Bagel Fat One;src:url(/powers-of-2/fonts/bagel-fat-one-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/powers-of-2/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}html[data-fg]{--ink: #1d1a2e;--fg-sheet: #fff3f7;--fg-page: #46309e;--fg-gold: #ffcf3f;--fg-red: #f2415a;--fg-ok: #12a05a;--fg-faint: #5a5470;--fg-show: "Bagel Fat One", "Arial Rounded MT Bold", system-ui, sans-serif;--fg-text: "Bricolage Grotesque", system-ui, sans-serif;color-scheme:light}html[data-fg],html[data-fg] body{background:var(--fg-sheet);color:var(--ink)}html[data-fg] body{font:600 15px/1.25 var(--fg-text);font-variant-numeric:lining-nums tabular-nums;overflow:hidden;-webkit-font-smoothing:antialiased}html[data-fg] #root{height:100%}html[data-fg] button:focus-visible,html[data-fg] a:focus-visible{outline:3px solid #2f6df0;outline-offset:3px}.fg-app{height:100vh;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:0 12px calc(10px + env(safe-area-inset-bottom,0px));position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.fg-app b{font-weight:800}.fg-app small{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}html[data-fg] hub-bar{flex:none;margin:0 -12px;background:none;--hf-ink: var(--ink);--hf-fill: #fff;--hf-shadow: inset 0 0 0 2.5px var(--ink), 0 3px 0 var(--ink);--hf-font: var(--fg-text);--hf-max: none}html[data-fg] hub-bar>a{display:inline-flex;align-items:center;min-height:44px;margin:8px 12px 4px;padding:0 14px;color:inherit;font-weight:800;text-decoration:none}.fg-top{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:6px 4px 2px}.fg-stat b{display:block;font-size:20px}.fg-stat:last-child{text-align:right}.fg-stat.beaten b{animation:fg-beaten 1.4s ease-out}.fg-score{text-align:center}.fg-score b{display:block;font:400 54px/.95 var(--fg-show)}.fg-score b.bump{animation:fg-bump .22s ease-out}@keyframes fg-bump{40%{transform:scale(1.09)}}@keyframes fg-beaten{0%,60%{color:#c98a00;transform:scale(1.12)}}.fg-ladder,.fg-made{flex:none;display:flex;justify-content:center;gap:4px;padding:12px 0 10px}.fg-rung{width:26px;height:26px;flex:0 1 26px;min-width:0}.fg-rung svg,.st svg,.st-thumb svg,.fg-swatch svg,.fg-burst svg{display:block;width:100%;height:100%;overflow:visible}.fg-rung.new{animation:fg-rung .7s cubic-bezier(.3,1.6,.5,1)}@keyframes fg-rung{0%{transform:scale(0) rotate(-40deg)}60%{transform:scale(1.7) rotate(8deg)}}.fg-stage{flex:1 1 0;min-height:0;container-type:size;display:grid;place-items:center;padding-bottom:6px}.fg-lean{position:relative;width:min(100cqw,100cqh);aspect-ratio:1;will-change:transform}html[data-fg] .fg-lean .panel{width:100%;height:100%;margin:0;box-sizing:border-box}.st-board{width:100%;height:100%;padding:2.6%;background:var(--fg-page);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink)}.st-field{position:relative;width:100%;height:100%;container-type:size;--gap: 2cqw}.st-well,.st{position:absolute;left:0;top:0;width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);transform:translate(calc(var(--c) * (100% + var(--gap))),calc(var(--r) * (100% + var(--gap))))}.st-well{border:2px dashed rgba(255,255,255,.28);border-radius:22%}.st{z-index:1;transition:transform var(--ms, .11s) cubic-bezier(.25,.9,.35,1.14);will-change:transform}.st.gone{z-index:0}.st.merged{z-index:2}.st-in{position:absolute;inset:0}.st text{font-family:var(--fg-show);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke-linejoin:round}.st.fresh .st-in{animation:st-new .19s var(--ms, .11s) cubic-bezier(.3,1.5,.5,1) both}.st.merged .st-in{animation:st-pop .28s var(--ms, .11s) ease-out both}.st.first .st-in{animation:st-first .62s var(--ms, .11s) cubic-bezier(.3,1.4,.5,1) both}.st-ring{position:absolute;inset:6%;border-radius:50%;border:4px solid #fff;opacity:0;pointer-events:none;animation:st-ring .4s var(--ms, .11s) ease-out}.st.first .st-ring{border:7px solid var(--fg-gold);animation-duration:.7s}@keyframes st-new{0%{transform:scale(0)}}@keyframes st-pop{0%{opacity:0;transform:scale(.8)}1%{opacity:1;transform:scale(.8)}45%{transform:scale(1.2) rotate(-4deg)}}@keyframes st-first{0%{opacity:0;transform:scale(.8)}1%{opacity:1}35%{transform:scale(1.42) rotate(-9deg)}70%{transform:scale(1.3) rotate(5deg)}}@keyframes st-ring{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.st-board.tight{box-shadow:0 5px 0 var(--ink),0 0 0 4px var(--fg-red)}.st-board.tight .st-well{border-color:#ff9fb0;border-style:solid;animation:st-tight .7s ease-in-out infinite alternate}@keyframes st-tight{to{background:#f2415a61}}.st-hint{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;pointer-events:none}.st-hint.down{transform:rotate(90deg)}.st-hint.left{transform:rotate(180deg)}.st-hint.up{transform:rotate(270deg)}.st-hint svg{width:11cqw;height:11cqw;margin-right:-1cqw;filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 0 1px var(--ink));animation:st-go .6s ease-in-out infinite alternate}@keyframes st-go{to{transform:translate(4cqw)}}.st-thumb{display:grid;grid-template:repeat(4,1fr) / repeat(4,1fr);gap:3%;padding:5%;aspect-ratio:1;background:var(--fg-page);border:2.5px solid var(--ink);border-radius:14%}.st-thumb i{position:relative;border-radius:22%}.st-thumb i:empty{border:1px dashed rgba(255,255,255,.3)}.st-thumb svg{position:absolute;inset:-6%;width:112%;height:112%}.st-board.clay{background:linear-gradient(160deg,#8ea3ba,#73889f);border-color:#4a5a70;box-shadow:0 5px #4a5a70,inset 0 2px #ffffff59}.st-board.clay .st-well{border:0;border-radius:24%;background:#6b8098;box-shadow:inset 0 3px 5px #141e3273,inset 0 -2px #ffffff38}.st-board.clay .st text{font-weight:400}.st-board.clay .st-ring{border-color:#f3eee2}.st-board.clay.tight{box-shadow:0 5px #4a5a70,0 0 0 4px var(--fg-red)}.st-board.clay.tight .st-well{animation-name:st-tight-clay}@keyframes st-tight-clay{to{background:#a8566a}}.st-thumb.clay{background:#7f95ad;border-color:#4a5a70}.st-thumb.clay i:empty{border:0;background:#6b8098}.fg-fly{position:absolute;z-index:5;left:calc(var(--c) * 25% + 12.5%);top:calc(var(--r) * 25% + 6%);font:400 24px/1 var(--fg-show);color:var(--fg-gold);-webkit-text-stroke:5px var(--ink);paint-order:stroke;pointer-events:none;white-space:nowrap;animation:fg-fly .82s var(--ms, .11s) ease-out both}@keyframes fg-fly{0%{opacity:0;transform:translate(-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-40%) scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}.fg-coach{flex:none;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 4px 6px}.fg-coach p{margin:0;font-size:15px;line-height:1.3}.fg-coach .why{color:var(--fg-faint);font-weight:500}.fg-coach .why.small{display:block;font-size:13px}.fg-coach .mv{font:400 17px/1 var(--fg-show);margin-right:2px}.fg-stamp{flex:none;width:44px;height:44px;display:grid;place-items:center;border:3px solid var(--ink);color:var(--ink);border-radius:10px;font:400 24px/1 var(--fg-show);font-style:normal;transform:rotate(-7deg);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3.5px currentColor;background:#fff}.fg-stamp.good{border-color:var(--fg-ok);color:var(--fg-ok)}.fg-stamp.bad{border-color:var(--fg-red);color:var(--fg-red)}.fg-stamp.hint{background:var(--fg-gold)}.fg-how{margin:0 auto;color:var(--ink)}.fg-how svg{display:block;height:44px;width:auto;overflow:visible}.fg-how circle{animation:fg-finger 2.4s ease-in-out infinite}@keyframes fg-finger{0%,to{transform:translate(0)}20%{transform:translate(14px)}30%,50%{transform:translate(0)}70%{transform:translateY(-10px)}80%{transform:translate(0)}}.fg-notice{flex:none;display:flex;align-items:center;gap:8px;margin:2px 0 4px;padding:4px 4px 4px 14px;background:#fff;border:2.5px solid var(--ink);border-radius:16px;box-shadow:0 3px 0 var(--ink);touch-action:auto}.fg-notice p{flex:1;margin:0;font-size:14px;line-height:1.25}.fg-notice button{flex:none;width:44px;height:44px;display:grid;place-items:center}.fg-notice svg{width:20px;height:20px}html[data-fg] hub-nav{display:block;flex:none}html[data-fg] hub-nav .fg-space{display:none}html[data-fg] hub-nav .fg-nav{position:static;transform:none;width:100%;height:auto;padding:4px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:10px;background:none;box-shadow:none;font:800 12px/1 var(--fg-text);letter-spacing:.02em}html[data-fg] hub-nav .fg-nav button{height:60px;padding:0;gap:2px;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);box-sizing:border-box}html[data-fg] hub-nav .fg-nav button[data-act=hint]{background:var(--fg-gold)}html[data-fg] hub-nav .fg-nav button[aria-pressed=true]{color:var(--ink);background:#ff9d47}html[data-fg] hub-nav .fg-nav button[data-act=new][aria-pressed=true]{color:#fff;background:var(--fg-red)}html[data-fg] hub-nav .fg-nav button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}html[data-fg] hub-nav .fg-nav button:disabled{opacity:.45}html[data-fg] hub-nav .fg-nav button:focus-visible{outline:3px solid #2f6df0;outline-offset:2px;border-radius:18px}html[data-fg] hub-nav .fg-nav svg{width:26px;height:26px}.fg-big{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;background:var(--fg-gold);color:var(--ink);border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);font:400 21px/1 var(--fg-show)}.fg-big.alt{background:#fff}.fg-big:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.fg-big:disabled{opacity:.45}.fg-btns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}.gl{color:var(--fg-red)}.gl.good{color:var(--fg-ok)}.fg-end{flex:none;margin-top:4px;padding:14px 14px 10px;background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);touch-action:auto;-webkit-user-select:text;user-select:text}.fg-end-head{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}.fg-end-head .st-thumb{transform:rotate(-4deg);box-shadow:0 3px 0 var(--ink)}.fg-end h2{margin:0 0 6px;font:400 26px/1 var(--fg-show)}.fg-end dl{margin:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;column-gap:16px}.fg-end dt{grid-row:1;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint)}.fg-end dd{grid-row:2;margin:0;font:400 20px/1.15 var(--fg-show)}.fg-way{margin-top:10px;padding-top:9px;border-top:2px dashed #d8d2e6;font-size:14px;line-height:1.35}.fg-way p{margin:0}.fg-way .faint,.fg-sheet .faint{color:var(--fg-faint);font-weight:500}.fg-progress{height:8px;margin-top:8px;border:2px solid var(--ink);border-radius:6px;overflow:hidden}.fg-progress i{display:block;height:100%;background:var(--fg-gold);transition:width .2s}.fg-end .fg-btns{margin-top:12px}html[data-fg] hub-end-card{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:8px;font-weight:800}html[data-fg] hub-end-card a{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;padding:0 4px}.fg-app.over .fg-ladder{display:none}.fg-home{touch-action:auto;overflow-y:auto}.fg-logo{flex:none;margin:auto 0 0;padding:14px 0 6px;text-align:center;font:400 64px/.92 var(--fg-show);transform:rotate(-3deg);-webkit-text-stroke:10px var(--ink);paint-order:stroke;text-shadow:0 6px 0 var(--ink)}.fg-logo span{display:block;color:var(--fg-gold)}.fg-logo span+span{color:#ff8fcb}.fg-made{padding:16px 0}.fg-cont{flex:none;display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;text-align:left;padding:10px 14px 10px 10px;color:var(--ink);background:var(--fg-gold);border:3px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink)}.fg-cont:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}.fg-cont b{display:block;font:400 30px/1 var(--fg-show)}.fg-cont small{margin-top:6px;font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink)}.fg-home .fg-big.alt{flex:none;margin-top:14px}.fg-records{flex:none;margin:18px 0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink)}.fg-records div{padding:9px 2px 8px;text-align:center;border-left:2px dashed #d8d2e6}.fg-records div:first-child{border-left:0}.fg-records dt{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-faint)}.fg-records dd{margin:0;font:400 20px/1.3 var(--fg-show)}.fg-back{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#1d1a2e80}.fg-sheet{width:min(100%,520px);max-height:100%;overflow-y:auto;display:grid;gap:6px;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));background:#fff;border:3px solid var(--ink);border-bottom:0;border-radius:22px 22px 0 0}.fg-sheet h2{margin:0 0 4px;font:400 26px/1.05 var(--fg-show)}.fg-sheet p{margin:0}.fg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-bottom:2px dashed #d8d2e6}.fg-row.col{display:grid;justify-content:stretch;grid-template-columns:minmax(0,1fr);padding:10px 0 12px}.fg-switch{position:relative;flex:none;width:64px;height:44px}.fg-switch:before{content:"";position:absolute;left:4px;right:4px;top:7px;height:30px;border:2.5px solid var(--ink);border-radius:16px;background:#e6dfee}.fg-switch:after{content:"";position:absolute;top:11px;left:9px;width:22px;height:22px;border-radius:50%;background:#fff;border:2.5px solid var(--ink);box-sizing:border-box;transition:left .12s}.fg-switch[aria-checked=true]:before{background:var(--fg-ok)}.fg-switch[aria-checked=true]:after{left:33px}.fg-looks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.fg-look{min-height:76px;display:grid;justify-items:center;align-content:center;gap:5px;padding:6px 2px;border:2.5px solid transparent;border-radius:16px;font-size:13px;font-weight:700;color:var(--ink)}.fg-look[aria-checked=true]{border-color:var(--ink);background:#fff3c4;box-shadow:0 3px 0 var(--ink)}.fg-look.locked .swatch,.fg-look.locked .fg-swatch{opacity:.55}.fg-look.asking{border-color:var(--ink);background:var(--fg-gold);box-shadow:0 3px 0 var(--ink)}.fg-look[aria-disabled=true]{cursor:default}.fg-price{display:inline-flex;align-items:center;gap:4px;font-weight:800}.fg-price .fg-coin{width:16px;height:16px;background-size:9px 9px,9px 9px,auto}.fg-price.short{color:#8a8399}.fg-look .swatch,.fg-swatch{width:44px;height:44px;display:grid;place-items:center}.fg-swatch text{font-family:var(--fg-show);text-anchor:middle;dominant-baseline:central}.fg-links{display:flex;flex-wrap:wrap;gap:4px 18px}.fg-links a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-weight:800;text-underline-offset:3px}.fg-goal{justify-items:center;text-align:center}.fg-goal .fg-btns{width:100%;margin-top:10px}.fg-earn{display:inline-flex;align-items:center;gap:5px;margin-left:12px;font-weight:800;vertical-align:middle}.fg-coin{display:inline-block;width:22px;height:22px;border-radius:50%;background:linear-gradient(45deg,transparent 43%,#5a3a06 43% 57%,transparent 57%) center / 12px 12px no-repeat,linear-gradient(-45deg,transparent 43%,#5a3a06 43% 57%,transparent 57%) center / 12px 12px no-repeat,radial-gradient(circle at 35% 30%,#fff8e0,#e8b84a 60%,#a8741c)}.fg-burst{position:relative;width:132px;height:132px;margin:44px 0 40px}.fg-burst b{position:absolute;inset:0;animation:st-first .7s cubic-bezier(.3,1.4,.5,1) both}.fg-burst b text{font-family:var(--fg-show);text-anchor:middle;dominant-baseline:central}.fg-burst i{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px;transform:rotate(calc(var(--i) * 30deg)) translateY(-98px) rotate(calc(var(--i) * -47deg));animation:fg-throw .62s calc(var(--i) * 28ms + .12s) cubic-bezier(.2,1.3,.4,1) both}@keyframes fg-throw{0%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(.2)}}@media(min-width:900px){.fg-app:not(.fg-home){max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto auto auto 1fr auto;column-gap:40px;padding:0 24px 24px}.fg-app:not(.fg-home) hub-bar{grid-column:1 / -1;margin:0 -24px}.fg-stage{grid-column:1;grid-row:2 / -1;padding-top:8px}.fg-top,.fg-ladder,.fg-coach,.fg-notice,.fg-end,.fg-app:not(.fg-home) hub-nav{grid-column:2}.fg-top{grid-row:2;padding-top:18px}.fg-ladder{grid-row:3;justify-content:flex-start;flex-wrap:wrap;padding:14px 0}.fg-notice{grid-row:4;align-self:start}.fg-coach{grid-row:5;align-items:flex-start;align-self:start}.fg-end{grid-row:3 / 7;align-self:end}.fg-app:not(.fg-home) hub-nav{grid-row:6}html[data-fg] hub-nav .fg-nav button{height:72px}.fg-home{max-width:520px}}@media(max-height:700px)and (max-width:899px){.fg-top{padding-top:0}.fg-score b{font-size:34px}.fg-app small{font-size:11px}.fg-stat b{font-size:17px}.fg-ladder{display:none}.fg-coach{min-height:44px;padding:4px 4px 3px;gap:9px}.fg-coach p{font-size:13.5px}.fg-coach:not(.open) .why{display:none}.fg-coach.open{position:absolute;left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:6;padding:8px 10px;background:#fff;border:2.5px solid var(--ink);border-radius:16px;box-shadow:0 3px 0 var(--ink)}.fg-stamp{width:34px;height:34px;font-size:19px}.fg-how svg{height:34px}html[data-fg] hub-nav .fg-nav{gap:7px}html[data-fg] hub-nav .fg-nav button{height:48px;flex-direction:row;gap:5px}html[data-fg] hub-nav .fg-nav svg{width:20px;height:20px}.fg-end{padding:10px 12px 6px}.fg-end-head{grid-template-columns:1fr}.fg-end-head .st-thumb{display:none}.fg-end h2{font-size:22px}.fg-way{margin-top:7px;padding-top:6px;font-size:13px}.fg-end .fg-btns{margin-top:8px}.fg-end .fg-big{min-height:46px;font-size:18px}.fg-logo{font-size:46px;padding-top:4px}.fg-made{padding:10px 0}.fg-cont{grid-template-columns:64px 1fr}.fg-records{margin-top:12px}}@media(max-width:340px){html[data-fg] hub-nav .fg-nav button{font-size:0;gap:0}html[data-fg] hub-nav .fg-nav svg{width:24px;height:24px}.fg-records dt{font-size:10px;letter-spacing:0}}html[data-rm] .st{transition:none}html[data-rm] .st .st-in,html[data-rm] .st-ring,html[data-rm] .fg-rung,html[data-rm] .fg-score b,html[data-rm] .fg-stat b,html[data-rm] .st-well,html[data-rm] .st-hint svg,html[data-rm] .fg-how circle,html[data-rm] .fg-burst b,html[data-rm] .fg-burst i,html[data-rm] .fg-lean .tile{animation:none!important;transition:none!important}html[data-rm] .st-ring{display:none}html[data-rm] .fg-fly{animation:fg-still .7s steps(1) both;transform:translate(-50%,-60%)}@keyframes fg-still{0%{opacity:1}to{opacity:0}}html[data-rm] .fg-switch:after{transition:none}