body.game-shell{background:#e7f2f2}.play-stage{background:radial-gradient(circle at 64% 38%,#fffffffa,#ebf3f2e0 55%,#d7e7e8)}#scene{cursor:default;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#hud{padding:14px 18px max(18px,env(safe-area-inset-bottom))}.hud-left{width:min(320px,29vw);gap:9px}.hud-left .topbar,.hud-left .clue-card{border-color:#2a5863ad;background:#fbfefdeb;box-shadow:0 15px 34px #2e586229,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12)}.hud-left .topbar{min-height:58px;padding:8px 12px}.hud-left .topbar h1{color:#264c58}.hud-left .eyebrow,.hud-left .clue-label{color:#c17b11}.hud-left .stats span{color:#284c58;background:linear-gradient(180deg,#fff0a4,#f3ca50);box-shadow:inset 0 0 0 1px #97600026}.hud-left .clue-card{padding:10px 13px 12px;pointer-events:none}.hud-left #clue{color:#315866;font-size:clamp(.83rem,1.25vw,.98rem);line-height:1.37}.hud-left .hint{color:#6a8089;line-height:1.28}.pattern-tools{position:absolute;z-index:6;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:auto}body.game-shell.has-consent-bar .pattern-tools{bottom:112px}.paint-palette,.pattern-actions{display:flex;gap:8px;padding:8px;border:2px solid rgba(40,78,87,.68);border-radius:18px;background:#fbfefdf0;box-shadow:0 13px 30px #2d50582b;-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12)}.paint-palette button{min-width:68px;padding:7px 9px;border:2px solid transparent;border-radius:12px;background:transparent;color:#355963;font:900 .78rem/1 Nunito,sans-serif;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.paint-palette button:hover:not([disabled]){transform:translateY(-2px)}.paint-palette button.active{border-color:#e3a91f;background:#fff6cf;box-shadow:0 3px #af770c40}.paint-palette button[disabled]{opacity:.46;cursor:not-allowed}.paint-palette span{display:block;width:25px;height:25px;margin:0 auto 5px;border:2px solid #8b7e84;border-radius:7px;box-shadow:inset 0 1px #ffffffb3}.paint-white span{background:#fbfaf7}.paint-pink span{background:#eee1e9}.paint-black span{background:#222323;border-color:#222323}.pattern-actions{position:static;inset:auto;transform:none;flex-direction:row;padding:7px}.pattern-actions button{min-width:92px;padding:9px 12px;border:2px solid #264c58;border-radius:13px;background:linear-gradient(180deg,#f6ca47,#e7a91f);color:#244b57;box-shadow:0 4px #9d6d12;font:900 .86rem/1 Nunito,sans-serif;cursor:pointer}.pattern-actions .ghost{background:#f8fcfc;box-shadow:0 4px #9cc8d1}.pattern-actions button[disabled]{opacity:.4;filter:saturate(.4);cursor:not-allowed}#toast{z-index:9;color:#244b57;border-color:#244b57;box-shadow:0 12px 30px #2a525c38}#toast.info{background:#eef8fb}.overlay{background:radial-gradient(circle at 65% 40%,#ffffff26,#26535e2b),linear-gradient(180deg,#b8e5ee24,#244d5740)}.overlay .panel{border-color:#27525cd1;background:#fafdfcf5;color:#244b57;box-shadow:0 22px 58px #29525c3d;-webkit-backdrop-filter:blur(18px) saturate(1.14);backdrop-filter:blur(18px) saturate(1.14)}.overlay .panel .eyebrow{color:#b56f09}.overlay .panel button{border-color:#264c58;background:linear-gradient(180deg,#f6c744,#e7a41d);color:#244b57;box-shadow:0 6px #99670f}.overlay.end-overlay{place-items:center start;padding-left:28px;background:linear-gradient(90deg,rgba(224,246,248,.34),transparent 52%);pointer-events:none}.overlay.end-overlay .panel{width:min(390px,38vw);pointer-events:auto}@media(max-width:700px){#hud{padding:9px 10px max(10px,env(safe-area-inset-bottom))}.hud-left{width:min(252px,calc(100% - 20px));gap:6px}.hud-left .topbar{min-height:47px;padding:6px 10px;flex-direction:row;align-items:center;border-radius:16px}.hud-left .topbar .eyebrow{display:none}.hud-left .topbar h1{font-size:1.04rem}.hud-left .stats{width:auto}.hud-left .stats span{padding:4px 8px;font-size:.79rem}.hud-left .clue-card{padding:7px 10px 8px;border-radius:16px}.hud-left #clue{font-size:.72rem;line-height:1.22}.hud-left .hint{display:none}.pattern-tools{right:9px;bottom:max(9px,env(safe-area-inset-bottom));left:9px;align-items:stretch;gap:6px}body.game-shell.has-consent-bar .pattern-tools{bottom:max(148px,calc(env(safe-area-inset-bottom) + 140px))}.paint-palette,.pattern-actions{justify-content:center;gap:5px;padding:5px;border-width:1.5px;border-radius:15px}.paint-palette button{min-width:0;flex:1;padding:4px 6px;font-size:.71rem}.paint-palette span{display:inline-block;width:18px;height:18px;margin:0 5px -5px 0;border-radius:5px}.pattern-actions button{min-width:0;flex:1;padding:8px 7px;font-size:.77rem;box-shadow:0 3px #9d6d12}.pattern-actions .ghost{box-shadow:0 3px #9cc8d1}#toast{bottom:max(120px,calc(env(safe-area-inset-bottom) + 112px));width:min(340px,calc(100% - 24px));padding:9px 12px;text-align:center;font-size:.84rem}.overlay.end-overlay{place-items:center;padding:16px;background:#27515b33;pointer-events:auto}.overlay.end-overlay .panel{width:min(420px,100%)}}@media(max-height:650px)and (min-width:701px){.hud-left .clue-card{max-height:132px;overflow:hidden}.pattern-tools{gap:6px}.paint-palette,.pattern-actions{padding:5px}.paint-palette button{padding:5px 7px}.paint-palette span{width:20px;height:20px}.pattern-actions button{padding:7px 10px}}