@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}}