:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{overscroll-behavior:none}body{touch-action:manipulation}.stage{isolation:isolate}button{min-height:44px}.actions button{min-width:44px;min-height:44px}.mode-label{display:block;font-size:8px;letter-spacing:1.3px;font-weight:700;margin-bottom:5px}#game-mode{max-width:100%;width:260px;padding:8px 10px;border:1px solid #acbda5;background:#f8f6eb;color:#244f49;border-radius:5px;font:500 12px 'DM Sans',sans-serif;margin-bottom:14px;min-height:38px}.start-card .secondary{width:260px;max-width:100%;margin-top:12px}.save-note{font-size:9px;color:#587568;max-width:270px}.start-card{top:6%}.start-card h2{font-size:clamp(64px,7vw,108px);margin-top:18px}.intro{margin-bottom:13px}.subtitle{margin:17px 0}#continue{font-size:11px}#urgency{position:absolute;left:50%;transform:translateX(-50%);top:17px;border-radius:7px;max-width:50%;padding:10px 14px;background:#f5d77c;color:#563e21;font-size:11px;font-weight:800;pointer-events:none}#urgency.emergency{background:#bd573d;color:#fff9df;animation:urgent-pulse 1.5s ease-in-out infinite}@keyframes urgent-pulse{50%{box-shadow:0 0 0 5px #bd573d30}}.pool-card.alert .card-status{color:#8c4f2b}.sound-mix{display:grid;grid-template-columns:1fr;gap:7px;text-align:left;margin:14px 0}.sound-mix label{font-size:12px;font-weight:700;display:flex;justify-content:space-between}.sound-mix input{width:100%;height:28px;accent-color:#277d7a}.sound-mix button{margin:3px 0}.modal{max-height:94%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.modal .help{margin-top:12px;font-size:11px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.tool-grid button{background:#e6eee2;border:2px solid #becdb8;border-radius:9px;color:#244e47;padding:10px 5px;min-height:115px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center}.tool-grid button.selected{border-color:#397f73;background:#f5dc86}.tool-grid button:disabled{opacity:.4}.tool-grid b{font-size:32px}.tool-grid strong{font-size:11px}.tool-grid small{font-size:9px}#inventory-note{font-size:11px}#rotate-screen{position:fixed;z-index:100;inset:0;background:#153e42;color:#fff5d1;display:grid;place-items:center;text-align:center;padding:32px}#rotate-screen b{font-size:80px;color:#f5cf52}#rotate-screen h2{font:800 35px 'Barlow Condensed',Impact,sans-serif}#rotate-screen p{font-size:16px;line-height:1.7}#touch-controls{position:absolute;inset:0;pointer-events:none;z-index:4;touch-action:none}.thumb-pad{position:absolute;bottom:calc(17px + var(--safe-bottom));width:122px;height:122px;border-radius:50%;background:#fbf4d438;border:2px solid #fff9db99;box-shadow:inset 0 0 0 11px #153e4212;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#move-pad{left:calc(18px + var(--safe-left))}#aim-pad{right:calc(18px + var(--safe-right))}.pad-knob{position:absolute;width:48px;height:48px;background:#f5d36aab;border:2px solid #fff7d4;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #143f4030;pointer-events:none}.pad-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:29px;color:#285b53;pointer-events:none}.thumb-pad>small{position:absolute;bottom:-14px;left:0;width:100%;font-size:8px;letter-spacing:.6px;text-align:center;font-weight:800;color:#173f40;text-shadow:0 1px #fff5d5}.touch-buttons{position:absolute;right:calc(155px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:7px;pointer-events:auto}.touch-buttons button{width:64px;height:49px;border:1px solid #bfb891;border-radius:11px;background:#f8efcde8;color:#284f49;font-weight:800;font-size:20px;box-shadow:0 3px #163b3d20;touch-action:none;user-select:none;-webkit-user-select:none}.touch-buttons button small{display:block;font-size:8px;font-weight:700}.touch-buttons #touch-interact{background:#f5d365}body.touch-mode{height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}body.touch-mode #app{width:100%;height:100dvh;max-width:none;min-width:0;padding:calc(5px + var(--safe-top)) calc(8px + var(--safe-right)) calc(4px + var(--safe-bottom)) calc(8px + var(--safe-left));display:grid;grid-template-rows:43px 58px minmax(0,1fr)}body.touch-mode header{height:43px;border:0;gap:8px}body.touch-mode .brand{font-size:22px;gap:7px}body.touch-mode .brand small{font-size:6px;margin-top:3px;letter-spacing:1px}body.touch-mode .logo{width:31px;height:31px;font-size:30px;padding-bottom:6px}body.touch-mode .season,body.touch-mode footer{display:none}body.touch-mode .actions{gap:4px}body.touch-mode .actions button{width:44px;height:40px;font-size:20px}body.touch-mode #clock{font-size:12px;margin-right:5px}body.touch-mode .dashboard{display:flex;flex-direction:row;padding:3px 0 6px;min-height:0;gap:10px;align-items:center}body.touch-mode .mission{min-width:0;flex:1}body.touch-mode h1{font-size:16px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch-mode .mission p{font-size:11px;line-height:1.2;max-height:26px;overflow:hidden}body.touch-mode .eyebrow{font-size:8px;letter-spacing:.7px}body.touch-mode #pool-cards{gap:5px;align-self:stretch}body.touch-mode .pool-card{width:129px;padding:6px 8px;border-radius:6px}body.touch-mode .card-top{font-size:9px;gap:5px}body.touch-mode .card-status{font-size:9px;margin:3px 0}body.touch-mode .bar{height:3px}body.touch-mode .stage{min-height:0;border-radius:8px}body.touch-mode canvas{width:100%;height:100%;aspect-ratio:auto}body.touch-mode #scene-label{top:8px;left:9px;font-size:8px;padding:7px;opacity:.85}body.touch-mode #scene-label span{display:none}body.touch-mode #tool{bottom:auto;top:8px;left:170px;padding:5px 10px;gap:6px}body.touch-mode #tool>b{font-size:19px}body.touch-mode #tool strong{font-size:10px}body.touch-mode #tool small{font-size:6px}body.touch-mode #context{bottom:12px;max-width:calc(100% - 470px);white-space:normal;text-align:center;font-size:11px;line-height:1.4;padding:7px 10px}body.touch-mode #toast{top:42px;right:9px;max-width:52%;font-size:11px;padding:8px 11px;line-height:1.4}body.touch-mode #urgency{top:8px;left:auto;right:9px;transform:none;max-width:45%;font-size:10px;padding:8px}body.touch-mode #fast{right:auto;left:50%;bottom:45px;transform:translateX(-50%);font-size:11px;max-width:220px;padding:9px;min-height:44px}body.touch-mode .overlay{z-index:5}body.touch-mode #start-screen{z-index:6}body.touch-mode .start-card{left:4%;top:5%;width:49%;height:92%;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:5px 12px}body.touch-mode .start-card h2{font-size:63px;grid-row:1/5;grid-column:1;margin:0;line-height:.85;align-self:center}body.touch-mode .start-card h2 i{font-size:26px;margin:0 4px}body.touch-mode .start-card .edition,body.touch-mode .subtitle,body.touch-mode .intro,body.touch-mode .start-meta{display:none}body.touch-mode .mode-label,body.touch-mode #game-mode,body.touch-mode #play,body.touch-mode #continue,body.touch-mode .save-note{grid-column:2;min-width:0;width:100%;margin:0}body.touch-mode .mode-label{font-size:7px}body.touch-mode #game-mode{font-size:11px;min-height:44px;padding:4px;max-width:100%}body.touch-mode #play{min-height:48px;font-size:14px}body.touch-mode #continue{min-height:44px;font-size:11px;padding:5px}body.touch-mode .save-note{font-size:9px}body.touch-mode .quote{display:block;top:12%;right:4%;padding:11px;max-width:37%}body.touch-mode .quote p{font-size:18px}body.touch-mode .sticker{width:72px;height:72px;font-size:26px;bottom:10%;right:7%}body.touch-mode .sticker small{font-size:5px}body.touch-mode .modal{padding:14px 22px;width:530px;max-height:96%}body.touch-mode .modal h2{font-size:25px;margin:4px 0}body.touch-mode .modal p{font-size:12px;margin:5px 0}body.touch-mode .modal .primary{min-height:46px;margin:10px 0}body.touch-mode .modal .eyebrow{font-size:8px}body.touch-mode .help{display:none}body.touch-mode .sound-mix{grid-template-columns:1fr 1fr;gap:4px 16px;margin:8px 0}body.touch-mode .sound-mix label[for=music-volume]{grid-row:1;grid-column:1}body.touch-mode #music-volume{grid-row:2;grid-column:1}body.touch-mode .sound-mix label[for=effects-volume]{grid-row:1;grid-column:2}body.touch-mode #effects-volume{grid-row:2;grid-column:2}body.touch-mode .sound-mix button{grid-column:1/3;min-height:38px}body.touch-mode #restart{min-height:38px}body.touch-mode .tool-grid{margin:10px 0}body.touch-mode .tool-grid button{min-height:83px}body.touch-mode .tool-grid b{font-size:23px}body.touch-mode .tool-grid strong{font-size:12px}body.touch-mode #stars{font-size:32px;margin:0}body.touch-mode #result-stats{margin:9px 0;padding:10px 0}body.touch-mode #result-stats strong{font-size:21px}@media(max-height:400px) and (orientation:landscape){body.touch-mode #app{grid-template-rows:40px 54px minmax(0,1fr)}.thumb-pad{width:100px;height:100px}.touch-buttons{right:calc(126px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));gap:4px}.touch-buttons button{height:44px;width:60px}body.touch-mode #context{max-width:calc(100% - 400px)}body.touch-mode .start-card h2{font-size:52px}}@media(prefers-reduced-motion:reduce){#urgency.emergency{animation:none}}
@media(min-width:900px) and (max-height:850px){body:not(.touch-mode) .start-card h2{font-size:76px;margin-top:10px}body:not(.touch-mode) .edition{font-size:8px}body:not(.touch-mode) .subtitle{font-size:18px;margin:12px 0}body:not(.touch-mode) .intro{font-size:11px;line-height:1.5;margin-bottom:8px}body:not(.touch-mode) #game-mode{min-height:34px;padding:5px;margin-bottom:9px}body:not(.touch-mode) .start-meta{margin-top:12px}body:not(.touch-mode) .save-note{margin:6px 0}body:not(.touch-mode) .start-card .primary{min-height:44px;padding:11px 18px}body:not(.touch-mode) #continue{margin-top:7px;min-height:36px;padding:6px}}

.tool-grid svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}body.touch-mode .tool-grid svg{width:27px;height:27px}