@font-face{font-family:Winkel;src:url(../assets/fonts/luckiest-guy.ttf)format("truetype");font-display:swap}:root{color:#f8edda;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#f3c966;--ink:#291f16;--line:#8c7350;--stone:#595a50;background:#211910;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #ffe494}button,img{-webkit-user-select:none;user-select:none}button{color:inherit}#app{isolation:isolate;background:url(../assets/images/sandy-dark.webp) 0 0/96px;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:280px;display:grid;position:relative}#app:before{content:"";z-index:-1;background:#160d0770;position:absolute;inset:0}.game-canvas{touch-action:none;grid-area:2/1;min-width:0;min-height:0;overflow:hidden}.game-canvas canvas{touch-action:none;display:block}.topbar{padding:8px max(14px, env(safe-area-inset-right)) 8px max(14px, env(safe-area-inset-left));z-index:2;background:#25221dea;border-bottom:2px solid #806d4b;grid-row:1;align-items:center;gap:16px;min-height:60px;display:flex}.brand{letter-spacing:1px;white-space:nowrap;color:var(--gold);text-shadow:0 2px #000;background:0 0;border:0;padding:10px 0;font-family:Winkel,sans-serif;font-size:22px;line-height:1}.icon-button{white-space:nowrap;background:#39352c;border:1px solid #827157;border-radius:6px;min-height:42px;padding:10px 12px}.topbar>.icon-button{margin-left:auto}.hud{flex:1;justify-content:center;align-items:center;gap:18px;min-width:0;display:flex}.run-label{color:#e5d8bc;white-space:nowrap;font-size:15px}.stat{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;font-weight:800;display:inline-flex}.stat img{object-fit:contain;width:28px;height:28px}.score{color:#ffda7d;font-weight:800}.power-status{color:#ffe198;font-size:13px}.statusbar{padding:6px 12px max(6px, env(safe-area-inset-bottom));z-index:2;background:#25221ded;border-top:2px solid #806d4b;grid-row:3;justify-content:center;align-items:center;gap:18px;min-height:52px;display:flex}.statusbar p{letter-spacing:.4px;text-align:center;color:#e2d3b8;margin:0;font-size:12px}.small-button{background:#4e4b3f;border:1px solid #9b8762;border-radius:5px;padding:8px 16px}.overlay{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#170f096b;justify-content:center;align-items:flex-start;padding:28px 20px;display:flex;position:absolute;inset:60px 0 52px;overflow:auto}.pwa-row{color:#d0c5a8;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.pwa-row .text-button{min-height:36px;padding:8px;font-size:12px}.hidden{display:none!important}.panel{text-align:center;background:linear-gradient(135deg,#39382ff7,#24251ff7);border:2px solid #9d855d;border-radius:14px;width:min(940px,100%);margin:auto;padding:30px;box-shadow:0 8px #17150f,0 20px 65px #100c09a8}.panel h1{color:#ffe19a;letter-spacing:1px;text-shadow:0 3px #15130f;margin:0 0 14px;font-family:Winkel,sans-serif;font-size:clamp(30px,4vw,44px);font-weight:400}.panel h2{color:#f4dca9;font-size:18px}.panel p{color:#d9d4c7;max-width:700px;margin:12px auto 20px;line-height:1.6}.panel>.stone{margin:12px auto;display:block}.compact{max-width:650px}.stone{letter-spacing:.5px;text-shadow:0 2px #252b21;background:linear-gradient(#858374,#575d50);border:2px solid #b7ab84;border-bottom:5px solid #242820;border-radius:9px;min-width:210px;min-height:57px;padding:13px 24px;font-family:Winkel,sans-serif;font-size:23px;font-weight:400;transition:filter .12s,transform .12s;box-shadow:0 3px #161810,inset 0 1px #dbd4ab}.stone:hover{filter:brightness(1.15)}.stone:active{transform:translateY(3px);box-shadow:0 0 #161810}.text-button{color:#edcf92;text-underline-offset:5px;background:0 0;border:0;min-height:44px;padding:14px 20px;text-decoration:underline}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.home{grid-template-columns:1fr 1fr;gap:10px 40px;max-width:830px;padding:38px 44px;display:grid;position:relative}.hero{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-ball{filter:drop-shadow(0 7px 3px #12120c80);width:66px;height:66px;margin-bottom:16px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#d5c69e;font-size:11px}.home h1.logo{white-space:pre-line;color:#f7d07a;text-shadow:0 5px #714f26,0 9px #19170f;margin:12px 0 0;font-size:clamp(60px,7vw,86px);line-height:.93;transform:rotate(-3deg)}.hero p{color:#d0c5a8;margin-top:24px;font-size:13px}.menu-actions{flex-direction:column;justify-content:center;gap:12px;display:flex}.menu-actions .stone{width:100%;min-width:0;font-size:21px}.home .best{letter-spacing:1px;color:#d9cba8;border-top:1px solid #807455;grid-column:1/-1;width:100%;margin:14px 0 0;padding-top:18px;font-size:13px}.room-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.room-card{background:#272a23;border:1px solid #83785d;border-radius:8px;padding:10px 8px 8px;transition:filter .15s,transform .15s;position:relative}.room-card:hover{filter:brightness(1.25);transform:translateY(-2px)}.room-number{color:#f1d49b;margin-bottom:4px;font-family:Winkel,sans-serif;font-size:26px;display:block}.mini-board{aspect-ratio:21/14;pointer-events:none;background:url(../assets/images/sandy-dark.webp) 0 0/10%;grid-template-columns:repeat(21,1fr);width:100%;max-width:630px;margin:10px auto;display:grid;overflow:hidden}.mini-cell{aspect-ratio:1;min-width:0;min-height:0;display:block}.mini-cell img{object-fit:contain;width:100%;height:100%;display:block}.stars{color:#f7d67d;letter-spacing:2px;font-size:19px}.pages{margin:22px 0}.chip{background:#34382c;border:1px solid #8f835f;border-radius:5px;min-height:42px;padding:9px 17px}.chip.active,.tile-button.active{background:#74613d;border-color:#ffda7e;box-shadow:0 0 0 2px #ffda7e}.help-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:42dvh;margin:12px auto;display:block}.practice-options{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;display:grid}.option{background:#22261e;border:1px solid #615f49;border-radius:7px;grid-template-columns:auto 1fr;gap:5px 12px;min-height:68px;padding:15px;display:grid}.option input{accent-color:#d8b963;grid-row:1/3;width:21px;height:21px}.option small{color:#b5b19f;grid-column:2;font-size:12px}.option:has(input:disabled){opacity:.65}.achievements{grid-template-columns:1fr 1fr;gap:15px;margin:25px 0;display:grid}.achievement{background:#20251d;border:1px solid #65664f;border-radius:8px;padding:20px;position:relative}.achievement.earned{background:#373a23;border-color:#d7ba69}.achievement h2{margin:5px 0 8px}.achievement p{margin:0 0 13px;font-size:13px}.medal{color:#b0a77d;font-size:32px}.earned .medal{color:#ffdc67}.achievement progress{accent-color:#d6b65c;width:100%}.achievement small{color:#c7bfab;display:block}.library-grid{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.library-card{background:#25291f;border:1px solid #776d50;border-radius:8px;padding:18px}.library-card .stone{min-width:0;min-height:40px;margin:5px;padding:9px 14px;font-size:17px}.result-stars{color:#f4cd6e;letter-spacing:6px;margin:22px 0;font-size:clamp(38px,7vw,68px)}.result-score{font-family:Winkel,sans-serif;font-size:30px}.editor-panel{max-width:1000px}.title-picker{justify-content:center;align-items:center;gap:16px;display:flex}.title-picker h2{margin:0;font-size:18px}.editor-board{aspect-ratio:21/14;touch-action:none;background:url(../assets/images/sandy-dark.webp) 0 0/9.524%;border:2px solid #ab9160;grid-template-columns:repeat(21,minmax(0,1fr));width:min(100%,760px);margin:22px auto;display:grid}.editor-cell{aspect-ratio:1;touch-action:none;background:0 0;border:1px solid #34281b40;width:100%;min-width:0;min-height:0;padding:0;display:block;overflow:hidden}.editor-cell img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.editor-cell:hover{outline-offset:-2px;outline:2px solid #ffda7e}.palette{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.tile-button{background:#292c23;border:1px solid #8a7e5b;border-radius:5px;width:43px;height:43px;padding:2px}.tile-button img{object-fit:contain;width:100%;height:100%}.selected-tile{font-size:13px}.room-text{white-space:pre;resize:vertical;background:#151b13;border:1px solid #9f916b;border-radius:6px;width:100%;min-height:260px;margin:10px 0 18px;padding:14px;font:12px/1.6 ui-monospace,monospace;display:block}.text-label{text-align:left;font-weight:700;display:block}.notice{color:#2c2416;z-index:20;opacity:0;pointer-events:none;background:#f1d496;border:2px solid #7a6138;border-radius:8px;width:max-content;max-width:90vw;padding:14px 20px;transition:opacity .2s;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.notice.visible{opacity:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.topbar{flex-wrap:wrap;gap:9px;min-height:58px;padding:7px 10px}.brand{font-size:18px}.topbar>.icon-button{min-height:34px;padding:7px 9px;font-size:12px}.hud{flex-basis:100%;order:3;justify-content:center;gap:14px;min-height:27px}.hud:empty{display:none}.run-label{font-size:12px}.stat{gap:3px;font-size:14px}.stat img{width:22px;height:22px}.power-status{font-size:11px}.overlay{padding:18px 12px;inset:58px 0 52px}.panel{padding:24px 16px}.home{grid-template-columns:1fr;gap:18px;padding:28px 22px}.hero-ball{width:46px;height:46px;margin-bottom:9px}.home h1.logo{white-space:normal;margin:8px 0 0;font-size:58px;line-height:1}.hero p{margin:12px 0 0}.menu-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-actions .stone{min-height:53px;padding:10px 6px;font-size:17px}.home .best{margin-top:0}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.room-number{font-size:23px}.room-card{padding:7px 4px}.room-card .stars{letter-spacing:0;font-size:14px}.practice-options,.achievements,.library-grid{grid-template-columns:1fr}.statusbar p{letter-spacing:0;font-size:10px}.statusbar{gap:8px;padding-left:8px;padding-right:8px}.small-button{padding:7px 11px;font-size:12px}.title-picker{gap:8px}.title-picker h2{font-size:14px}.tile-button{width:39px;height:39px}.editor-panel{padding:16px 9px}.editor-panel p{font-size:12px}.editor-board{margin:16px auto}.row .stone{min-width:160px;font-size:18px}.help-image{max-height:35dvh}}@media (height<=500px) and (width>=600px){.topbar{min-height:44px;padding:3px 14px}.statusbar{min-height:40px}.overlay{padding:14px;inset:44px 0 40px}.home{grid-template-columns:1fr 1fr;max-width:780px;padding:22px 30px}.hero-ball{display:none}.home h1.logo{font-size:62px}.menu-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-actions .stone{min-height:48px;font-size:17px}.home .best{margin:0;padding-top:10px}.help-image{max-height:35dvh}.panel{padding:20px}.hero p{margin:10px auto}.overlay .compact{max-width:620px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.overlay{top:var(--header-height,60px);bottom:var(--footer-height,52px)}:root{--safe-top-inset:env(safe-area-inset-top,0px);--safe-left-inset:env(safe-area-inset-left,0px);--safe-right-inset:env(safe-area-inset-right,0px)}.topbar{padding-top:calc(var(--bar-top-pad,8px) + var(--safe-top-inset));padding-left:max(var(--bar-side-pad,14px), var(--safe-left-inset));padding-right:max(var(--bar-side-pad,14px), var(--safe-right-inset))}@media (width<=760px){.topbar{--bar-top-pad:7px;--bar-side-pad:10px}}@media (height<=500px) and (width>=600px){.topbar{--bar-top-pad:3px;--bar-side-pad:14px}}