:root{--stone-900:#14131a;--stone-800:#1e1d26;--stone-700:#2b2933;--stone-600:#3a3743;--stone-500:#55515f;--stone-300:#8d8899;--stone-100:#d9d5e0;--grass:#6ac04b;--grass-dark:#46853a;--gold:#ffcf4a;--redstone:#e8483c;--lapis:#4b7ce8;--ender:#b45cff;--xp:#9fff5a;--bevel-light:#ffffff38;--bevel-dark:#0000008c;--font-pixel:"Press Start 2P", "Silkscreen", ui-monospace, monospace;--font-ui:"Silkscreen", ui-monospace, "SF Mono", Menlo, monospace;--panel-w:300px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--stone-100);font-family:var(--font-ui);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0c0b10;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.btn{font-family:var(--font-pixel);letter-spacing:.02em;color:#fff;background:var(--stone-600);cursor:pointer;text-shadow:2px 2px #00000080;box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark), 0 3px 0 0 #00000073;image-rendering:pixelated;border:0;padding:12px 14px;font-size:10px;line-height:1.6;transition:transform 60ms,filter .12s,background .12s;position:relative}.btn:hover{background:var(--stone-500);filter:brightness(1.12)}.btn:active{box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark);transform:translateY(2px)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn[disabled]{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}.btn[disabled]:hover{background:var(--stone-600);filter:grayscale(.6)}.btn-primary{background:var(--grass-dark)}.btn-primary:hover{background:var(--grass)}.btn-ghost{background:var(--stone-700)}.btn.danger{background:#7a2b26}.btn.danger:hover{background:var(--redstone)}.btn-lg{padding:18px 30px;font-size:13px}.btn.sm{padding:9px 8px;font-size:8px}.icon-btn{color:#fff;background:var(--stone-700);cursor:pointer;width:42px;height:42px;box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark);border:0;place-items:center;font-size:17px;display:grid}.icon-btn:hover{background:var(--stone-600)}.icon-btn.small{width:30px;height:30px;font-size:13px}.panel{box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark);background:#18171eed;margin-bottom:14px;padding:16px}.panel-title{font-family:var(--font-pixel);color:var(--gold);text-shadow:2px 2px #0009;margin-bottom:12px;font-size:10px}.panel-title.mt{margin-top:18px}.row{flex-wrap:wrap;gap:10px;display:flex}.row.center{justify-content:center}.muted{color:var(--stone-300);margin:0;font-size:13px;line-height:1.6}.chip{font-family:var(--font-pixel);background:var(--stone-700);color:var(--gold);box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark);padding:7px 9px;font-size:8px}.kbd{font-family:var(--font-pixel);background:var(--stone-700);color:#fff;box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark);padding:3px 6px;font-size:9px}.overlay{z-index:20;padding:calc(20px + var(--safe-t)) 20px calc(20px + var(--safe-b));background:radial-gradient(120% 90% at 50% 0,#181e3cb8,#08080cf0),repeating-linear-gradient(0deg,#ffffff05 0 2px,#0000 2px 4px);place-items:center;animation:.28s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{text-align:center;width:min(520px,100%);box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark), 0 20px 60px #0009;background:#16151cf7;padding:26px;animation:.24s cubic-bezier(.2,1.4,.4,1) both pop}.modal.wide{text-align:left;width:min(660px,100%)}.modal.scrolly{max-height:min(86vh,760px);overflow-y:auto}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.modal h2{font-family:var(--font-pixel);text-shadow:2px 2px #0009;margin:0 0 10px;font-size:15px}.modal h3{font-family:var(--font-pixel);color:var(--gold);margin:22px 0 8px;font-size:10px}.modal .row{margin-top:20px}#boot{z-index:60}.boot-inner{text-align:center;width:min(420px,100%)}.logo{font-family:var(--font-pixel);color:#fff;text-shadow:4px 4px 0 var(--grass-dark), 8px 8px 0 #00000073;letter-spacing:.02em;margin:0;font-size:clamp(22px,6.5vw,40px)}.tagline{font-family:var(--font-pixel);color:var(--stone-300);margin:14px 0 0;font-size:9px}.logo-mark{justify-content:center;gap:6px;margin-bottom:22px;display:flex}.logo-mark .cube{background:var(--grass);width:16px;height:16px;animation:1.1s ease-in-out infinite hop;box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000073}.logo-mark .cube:nth-child(2){background:var(--gold);animation-delay:80ms}.logo-mark .cube:nth-child(3){background:var(--lapis);animation-delay:.16s}.logo-mark .cube:nth-child(4){background:var(--ender);animation-delay:.24s}.logo-mark .cube:nth-child(5){background:var(--redstone);animation-delay:.32s}.logo-mark .cube:nth-child(6){background:var(--stone-100);animation-delay:.4s}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}.progress{background:var(--stone-800);height:16px;box-shadow:inset 2px 2px 0 0 var(--bevel-dark), inset -2px -2px 0 0 var(--bevel-light);margin:26px 0 12px}.progress-fill{background:repeating-linear-gradient(90deg, var(--grass) 0 8px, var(--grass-dark) 8px 16px);width:0%;height:100%;transition:width .3s}.boot-status{font-family:var(--font-pixel);color:var(--stone-300);margin:0;font-size:8px}.menu-scroll{scrollbar-width:thin;width:min(660px,100%);max-height:100%;padding-right:4px;overflow-y:auto}.menu-head{text-align:center;margin-bottom:26px}.menu-actions{justify-content:center;margin-top:4px}.fineprint{text-align:center;color:var(--stone-500);margin-top:22px;font-size:11px}.choice-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice{cursor:pointer;color:#fff;background:var(--stone-700);box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark);border:0;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;transition:background .12s,transform 80ms;display:flex}.choice:hover{background:var(--stone-600)}.choice[aria-checked=true]{background:var(--grass-dark);box-shadow:inset 3px 3px 0 0 #ffffff4d, inset -3px -3px 0 0 #00000080, 0 0 0 3px var(--gold)}.choice.small{padding:12px 6px}.choice-icon{font-size:22px}.choice-name{font-family:var(--font-pixel);font-size:9px}.choice-sub{color:var(--stone-300);text-align:center;font-size:11px}.choice[aria-checked=true] .choice-sub{color:#fffc}.level-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.level{cursor:pointer;color:#fff;background:var(--stone-700);box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark);border:0;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;display:flex}.level:hover{background:var(--stone-600)}.level[aria-checked=true]{background:var(--grass-dark);box-shadow:inset 3px 3px 0 0 #ffffff4d, inset -3px -3px 0 0 #00000080, 0 0 0 3px var(--gold)}.level-icon{font-size:20px}.level-name{font-family:var(--font-pixel);text-align:center;font-size:8px}.level-blurb{color:var(--stone-300);text-align:center;font-size:10px;line-height:1.4}.level[aria-checked=true] .level-blurb{color:#ffffffd9}#hud-top{z-index:10;padding:calc(12px + var(--safe-t)) 14px 12px;pointer-events:none;background:linear-gradient(#0a090ed1,#0a090e00);align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}#hud-top>*{pointer-events:auto}.hud-right{align-items:center;gap:8px;margin-left:auto;display:flex}.turn-banner{font-family:var(--font-pixel);box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark);background:#16151ce6;align-items:center;gap:10px;padding:10px 14px;font-size:10px;transition:box-shadow .2s;display:flex}.turn-banner.check{box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark), 0 0 0 3px var(--redstone);animation:.5s nudge}@keyframes nudge{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.turn-dot{background:#fff;width:14px;height:14px;box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #0006}.turn-dot.black{background:#262230;box-shadow:inset 2px 2px #ffffff2e,inset -2px -2px #0009}#thinking{left:50%;top:calc(74px + var(--safe-t));z-index:10;font-family:var(--font-pixel);color:var(--gold);box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark);background:#16151ceb;align-items:center;gap:10px;padding:9px 14px;font-size:8px;display:flex;position:fixed;transform:translate(-50%)}.spinner{background:var(--gold);width:12px;height:12px;animation:.9s steps(4,end) infinite spinblock}@keyframes spinblock{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#panel-side{right:14px;top:calc(70px + var(--safe-t));width:var(--panel-w);max-height:calc(100vh - 100px - var(--safe-t) - var(--safe-b));z-index:10;box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark);background:#14131aeb;flex-direction:column;transition:transform .25s;display:flex;position:fixed}#panel-side.collapsed{transform:translate(calc(100% + 20px))}#panel-side.collapsed #btn-collapse{transform:rotate(180deg)}.side-head{align-items:center;gap:6px;padding:8px;display:flex}.tabs{flex:1;gap:4px;display:flex}.tab{font-family:var(--font-pixel);color:var(--stone-300);background:var(--stone-800);cursor:pointer;box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark);border:0;flex:1;padding:9px 4px;font-size:8px}.tab.active{color:#fff;background:var(--stone-600)}.tab-body{flex:1;min-height:90px;padding:4px 12px 12px;overflow-y:auto}.moves{border-collapse:collapse;width:100%;font-size:13px}.moves td{padding:4px 6px}.moves td:first-child{color:var(--stone-500);width:34px;font-size:11px}.moves .san{cursor:default}.moves tr:nth-child(odd){background:#ffffff08}.moves tr.current{background:#6ac04b38}.empty{padding:8px 4px}.taken-row{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.taken-label{font-family:var(--font-pixel);color:var(--stone-300);flex:none;width:74px;padding-top:4px;font-size:7px}.taken-list{letter-spacing:1px;font-size:19px;line-height:1.3}.field{color:var(--stone-300);margin-bottom:12px;font-size:12px;display:block}.field span{font-family:var(--font-pixel);color:var(--stone-100);margin-bottom:5px;font-size:8px;display:block}.field textarea,.field select,.field input[type=text]{width:100%;font-family:var(--font-ui);color:var(--stone-100);background:var(--stone-900);resize:vertical;box-shadow:inset 2px 2px 0 0 var(--bevel-dark), inset -2px -2px 0 0 #ffffff14;border:0;padding:8px;font-size:12px}.row-field{justify-content:space-between;align-items:center;gap:14px;display:flex}.row-field span{margin:0}.settings-grid{gap:6px;display:grid}.settings-grid .field{background:#ffffff08;margin:0;padding:10px 12px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--grass)}input[type=range]{width:150px;accent-color:var(--grass)}select{padding:6px}.side-actions{grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;display:grid}.promo-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.promo-btn{background:var(--stone-700);color:#fff;cursor:pointer;box-shadow:inset 3px 3px 0 0 var(--bevel-light), inset -3px -3px 0 0 var(--bevel-dark);border:0;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;display:flex}.promo-btn:hover{background:var(--grass-dark)}.promo-icon{font-size:26px}.promo-name{font-family:var(--font-pixel);font-size:8px}.over-icon{margin-bottom:6px;font-size:54px;animation:1.4s ease-in-out infinite hop}.help-body{color:var(--stone-100);font-size:13px;line-height:1.75}.help-body ul{margin:0;padding-left:20px}.help-body li{margin-bottom:7px}.help-body p{margin:0 0 8px}.piece-legend{gap:6px;list-style:none;display:grid;padding:0!important}.piece-legend li{align-items:baseline;gap:10px;display:flex}.piece-legend b{font-family:var(--font-pixel);color:var(--gold);flex:none;width:82px;font-size:8px}#toast{left:50%;bottom:calc(28px + var(--safe-b));z-index:40;font-family:var(--font-pixel);color:#fff;text-align:center;max-width:90vw;box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark);background:#16151cf2;padding:12px 18px;font-size:9px;animation:.2s both pop;position:fixed;transform:translate(-50%)}.noscript{text-align:center;background:#14131a;place-items:center;padding:30px;display:grid;position:fixed;inset:0}@media (max-width:860px){:root{--panel-w:auto}#panel-side{top:auto;left:8px;right:8px;bottom:calc(8px + var(--safe-b));max-height:46vh}#panel-side.collapsed{transform:translateY(calc(100% - 46px))}#panel-side.collapsed #btn-collapse{transform:rotate(180deg)}.tab-body{min-height:70px;max-height:22vh}.side-actions{grid-template-columns:repeat(5,1fr)}.btn.sm{padding:10px 3px;font-size:7px}.level-grid{grid-template-columns:repeat(2,1fr)}.level-blurb{display:none}#thinking{top:auto;bottom:calc(52vh + var(--safe-b))}.modal{padding:20px}}@media (max-width:420px){.choice-grid{grid-template-columns:1fr}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.btn-lg{padding:15px 20px;font-size:11px}}@media (prefers-reduced-motion:reduce){.logo-mark .cube,.over-icon,.spinner,.overlay,.modal{animation:none!important}}