:root{color-scheme:dark;--cream:#fff2d6;--green:#b0ff7b;--orange:#ffa52c;--scale:1}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;min-height:100%;background:#001013;color:var(--cream);font-family:'Trebuchet MS',Arial,sans-serif}body{min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 52%,#073b3a 0%,#001b20 40%,#000f12 79%);overflow-x:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--green);outline-offset:5px}button:disabled{cursor:default}.desktop-brand{position:fixed;left:28px;top:24px;display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800;letter-spacing:2px;color:#e2e4cc}.desktop-brand small{display:block;margin-top:6px;font-size:7px;letter-spacing:1.5px;color:#6e8b87}.brand-symbol{background:#dbdec7;color:#123a3c;width:30px;height:30px;border-radius:10px;font-size:26px;letter-spacing:-4px;padding-left:6px;line-height:24px}.desktop-hint{position:fixed;left:28px;bottom:24px;font-size:8px;letter-spacing:1.5px;color:#9eb4a6;line-height:1.8}.desktop-hint span{display:block;font-size:7px;color:#567772;letter-spacing:1.25px}.cabinet{position:relative;width:min(420px,calc((100svh - 44px)*.5),calc(100vw - 30px));aspect-ratio:1/2;border-radius:31px;overflow:hidden;box-shadow:0 0 0 1px #55818368,0 0 0 5px #021214,0 20px 80px #0008;background:#001b20}.world{position:absolute;left:0;top:0;width:420px;height:840px;transform:scale(var(--scale));transform-origin:top left;overflow:hidden;isolation:isolate}#scene{position:absolute;inset:0;display:block;width:420px;height:840px;pointer-events:none;user-select:none}.hud{position:absolute;inset:0;pointer-events:none;text-align:center;z-index:2}.hud h1{font-family:'Arial Black','Trebuchet MS',sans-serif;font-size:28px;font-weight:1000;letter-spacing:-.8px;margin:29px 0 0;text-shadow:0 1px 0 #9f987a}.score{font-family:'Arial Black','Trebuchet MS',sans-serif;font-weight:1000;font-size:88px;letter-spacing:-5px;line-height:1;margin-top:8px;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #d5c9a9}.best{font-weight:800;font-size:12px;letter-spacing:2px;margin-top:13px;color:#f4e8c9}.best.new-best{color:var(--green)}.feedback{position:absolute;top:190px;left:20px;right:20px;font-size:24px;font-family:'Arial Black','Trebuchet MS',sans-serif;font-weight:900;letter-spacing:-.5px;color:var(--green)}.feedback.fail{color:#ffbc89;font-size:25px;letter-spacing:.5px}.feedback small{display:block;font:11px/1.5 'Trebuchet MS',sans-serif;letter-spacing:0;color:#d0d3c1;margin-top:7px}.playfield{position:absolute;left:60px;bottom:28px;width:300px;height:76px;z-index:4;border:1px solid #ffd18a;border-radius:23px;padding:0 0 3px;background:linear-gradient(180deg,#ffbc49 0%,#ff9f1c 55%,#f18a0d 100%);color:#fff6db;font-family:'Arial Black','Trebuchet MS',sans-serif;font-size:32px;font-weight:1000;letter-spacing:1.5px;text-shadow:0 2px 0 #bd6a0b;box-shadow:0 5px 0 #a45a0b,0 9px 25px #0007,inset 0 2px 0 #ffe4a780;touch-action:manipulation;user-select:none;-webkit-user-select:none}.playfield:hover{filter:brightness(1.04)}.playfield:active{transform:translateY(3px);box-shadow:0 2px 0 #a45a0b,0 5px 15px #0006,inset 0 2px 0 #ffe4a760}.playfield:disabled{opacity:.6}#world{touch-action:manipulation;user-select:none;-webkit-user-select:none}.top-controls{position:absolute;left:22px;right:22px;top:23px;display:flex;justify-content:space-between;z-index:5;pointer-events:none}.icon-button{width:42px;height:42px;border:0;background:transparent;color:#f9e4b7;border-radius:12px;display:grid;place-items:center;pointer-events:auto}.icon-button:hover{background:#fff1d510}.icon-button:disabled{opacity:.3}.icon-button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#sound svg{width:18px;height:18px;stroke-width:1.8}.pause-layer,.loading-layer{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#00191cf5;text-align:center;padding:38px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#abc6b0}.pause-layer h2,.loading-layer h2{font-family:'Arial Black','Trebuchet MS',sans-serif;font-size:39px;letter-spacing:-1.5px;margin:18px 0 8px}.pause-layer p,.loading-layer p{color:#bfd0be;font-size:14px;line-height:1.7;margin:10px 0 27px}.primary{border:1px solid #ffd184;background:linear-gradient(#ffb52f,#ef8b10);color:#fff5d3;border-radius:15px;padding:19px 25px;font-size:15px;letter-spacing:1px;font-weight:900;box-shadow:0 3px 0 #a6601c}.text-button{border:0;background:none;color:#bdd5bd;font-size:12px;padding:16px;margin-top:12px}.pause-layer .privacy-note{font-size:10px;max-width:220px;margin-top:23px;color:#719e92}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{position:fixed;inset:0;display:grid;place-items:center;z-index:100;background:#00191c;font-size:18px;color:#fff2d6}@media(max-width:700px){.desktop-brand,.desktop-hint{display:none}.cabinet{width:min(100vw,calc(100svh*.5));border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.world{visibility:hidden}.cabinet[data-layout-ready="true"] .world{visibility:visible}
.results-layer{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:30px;background:#001012ad}
.result-card{width:100%;padding:28px 26px 26px;text-align:center;border:1px solid #7b9f7c;border-radius:27px;background:linear-gradient(155deg,#103e38,#042824 65%,#062c29);box-shadow:0 16px 65px #0009,inset 0 1px 0 #d9ffc925}
.result-card h2{font-family:'Arial Black','Trebuchet MS',sans-serif;font-size:36px;letter-spacing:-1px;line-height:1.1;margin:12px 0 0;color:#fff2d6}
.result-card h2:focus{outline:none}
.result-reason{color:#ffbf83;font-size:14px;font-weight:800;margin:12px 0 16px}
.result-score{font-family:'Arial Black','Trebuchet MS',sans-serif;font-size:88px;font-weight:1000;line-height:1;letter-spacing:-3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#fff2d6;text-shadow:0 3px 0 #73836b}
.result-unit{margin-top:6px;color:#b4ccb4;font-size:10px;font-weight:800;letter-spacing:3px}
.result-score[data-compact="true"]{font-size:60px}
.result-best{display:inline-block;margin:18px 0 22px;padding:8px 14px;border:1px solid #456b52;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:1.5px;background:#00191266;color:#c9dfbb}.result-best.new-best{color:#b0ff7b;border-color:#80b75c}
.result-retry{display:block;width:100%;min-height:56px;margin-top:12px;font-size:17px}.result-retry:disabled{opacity:.55;box-shadow:none}
.continue-section{display:flex;flex-direction:column;align-items:stretch;gap:9px;text-align:center;margin-bottom:15px}.continue-button{min-height:54px;border:1px solid #b6ff8b;border-radius:17px;background:linear-gradient(#a8f775,#70cc48);color:#153518;font-size:16px;font-weight:900;box-shadow:0 3px 0 #367c27,0 5px 18px #0006;padding:12px 8px}.continue-button:disabled{background:#244b3b;color:#aec9b5;border-color:#527960;box-shadow:none}.continue-section span{font-size:11px;line-height:1.4;color:#d6e1c9}
.world[data-phase="failed"] .hud .score,.world[data-phase="failed"] .hud .best{visibility:hidden}
.pause-layer .text-button{margin-top:0;padding:11px}.pause-layer .privacy-note{margin-top:12px}
.result-retry,.continue-button{min-height:66px}

/* Fill the phone's safe content area; never fit its width to a fixed 1:2 card. */
.world{height:var(--world-height,840px)}
#scene{width:100%;height:100%}
.native-app{display:block;height:100svh;overflow:hidden;background:#001517}
.native-app .desktop-brand,.native-app .desktop-hint{display:none}
.native-app .cabinet{width:100%;height:100svh;aspect-ratio:auto;border-radius:0;box-shadow:none}
@media(max-width:700px){
  body{display:block;height:100svh;overflow:hidden;background:#001517}
  .cabinet{width:100%;height:100svh;aspect-ratio:auto;border-radius:0;box-shadow:none}
}
.world[data-compact-layout="true"] .hud h1{font-size:24px;margin-top:14px;line-height:28px}
.world[data-compact-layout="true"] .score{font-size:66px;line-height:1;margin-top:2px;letter-spacing:-3px}
.world[data-compact-layout="true"] .best{font-size:10px;line-height:11px;margin-top:6px}
.world[data-compact-layout="true"] .feedback{top:166px;font-size:21px}
.world[data-compact-layout="true"] .top-controls{top:7px}
.result-card{max-height:100%;overflow-y:auto;overscroll-behavior:contain}

/* Web edition uses the current TayGames brand. */
.brand-symbol{padding:0;letter-spacing:normal;background:transparent}