.sg-game{--sg-line:#5aa5a75c;--sg-gold:#fbbf24;color:#e2e8f0;background:#0b1828;border:1px solid #8b6aaf;border-radius:26px;width:100%;max-width:620px;margin:auto;padding:12px;font-family:system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 0 38px #4f267326}.sg-game *,.sg-game :before{box-sizing:border-box}.sg-game [hidden]{display:none!important}.sg-game button,.sg-game a{font:inherit}.sg-game button,.sg-game a:not(.game-icon-button){min-height:44px}.sg-game button{border:1px solid var(--sg-line);color:#f0f6fc;cursor:pointer;background:linear-gradient(145deg,#203e50,#142037);border-radius:14px;padding:10px 15px;transition:background .2s,box-shadow .2s}.sg-game button:disabled{opacity:.45;cursor:not-allowed}.sg-game button:hover:not(:disabled){border-color:#76d6d2;box-shadow:0 0 14px #38bdf82a}.sg-game button:focus-visible,.sg-game a:focus-visible,.sg-game canvas:focus-visible,.sg-game summary:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.sg-game a{color:#c7e8ed;border-radius:10px;justify-content:center;align-items:center;display:flex}.sg-game .sg-primary{background:linear-gradient(110deg,#b012ce,#6e28ba);border-color:#e8a0f1;font-weight:750;box-shadow:0 0 20px #c026d32b}.sg-game img{object-fit:contain;max-width:100%}.sg-toolbar{justify-content:space-between;align-items:center;gap:8px;padding:0 1px 12px;display:flex}.sg-toolbar strong{letter-spacing:.07em;font-size:11px}.sg-toolbar strong span{color:#8fa5b7;letter-spacing:.13em;margin-top:4px;font-size:8px;display:block}.sg-toolbar .game-toolbar-actions{gap:5px}.sg-toolbar .game-icon-button{border-radius:12px;width:44px;min-width:44px;height:44px;padding:9px}.sg-menu{background:#0b1d2a;border-radius:17px;overflow:hidden}.sg-menu-art{background:linear-gradient(#0000 50%,#0b1d2a),#0b1d2a;flex-direction:column;justify-content:flex-start;align-items:center;min-height:345px;padding:35px 8px 10px;display:flex}.sg-menu-art>img{filter:drop-shadow(0 5px 7px #071521);width:min(95%,440px);height:140px}.sg-menu-art p{text-align:center;letter-spacing:.14em;text-shadow:0 2px 8px #000;color:#ecfff8;margin:0;font-size:12px;font-weight:800}.sg-menu-actions{gap:10px;padding:5px 20px 20px;display:grid}.sg-menu-actions p{text-align:center;color:#bdcfd1;font-size:14px;line-height:1.6}.sg-menu-actions button{justify-content:center;align-items:center;gap:10px;display:flex}.sg-menu-actions img{width:25px;height:25px}.sg-menu-actions span{color:#b8cccf;font-size:11px}.sg-panel{text-align:center;padding:22px 10px}.sg-panel h2{margin:8px 0 15px;font-size:clamp(22px,5vw,32px)}.sg-panel p{color:#bdcbd6;font-size:14px;line-height:1.65}.sg-panel>button{min-width:120px;margin:5px}.sg-panel ol{text-align:left;padding-left:24px;line-height:1.7}.sg-panel li{margin-bottom:12px}.sg-eyebrow{letter-spacing:.18em;font-weight:800;color:#8ee6cb!important;font-size:10px!important}.sg-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:25px 0;display:grid}.sg-levels button{gap:6px;min-height:105px;padding:12px 4px;display:grid}.sg-levels strong{color:#a6ebd3;font-size:24px}.sg-levels span{font-size:11px}.sg-levels small{color:#fcd34d;font-size:11px}.sg-ready-targets{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0;display:flex}.sg-ready-targets figure{border:1px solid var(--sg-line);background:#162e3b;border-radius:14px;width:95px;margin:0;padding:8px}.sg-ready-targets img{width:75px;height:75px}.sg-ready-targets figcaption{font-size:12px}.sg-hud{grid-template-columns:.9fr 1fr 1.3fr .8fr;gap:6px;margin-bottom:9px;display:grid}.sg-hud>div{border:1px solid var(--sg-line);text-align:center;background:#102838;border-radius:11px;padding:8px 3px}.sg-hud span{letter-spacing:.04em;color:#b5c6ce;font-size:8px;display:block}.sg-hud strong{color:#bbf7d0;white-space:nowrap;font-size:clamp(15px,3.4vw,23px)}.sg-hud [data-score]{color:#fcd34d}.sg-hud [data-shots]{color:#e9d5ff}.sg-camera{aspect-ratio:3/4;background:#0c2328;border:1px solid #579eaa;border-radius:13px;width:100%;position:relative;overflow:hidden}.sg-camera canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.sg-camera canvas:active{cursor:grabbing}.sg-camera-badge{pointer-events:none;color:#fff;text-shadow:0 1px 4px #000;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.sg-camera-badge span{background:#081923bd;border-radius:5px;padding:3px 7px}.sg-focus{align-items:center;gap:8px;padding:11px 4px 4px;display:flex}.sg-focus>div{flex:1;min-width:0}.sg-focus-label{letter-spacing:.05em;justify-content:space-between;margin-bottom:6px;font-size:9px;display:flex}.sg-focus-label strong{color:#b5f6cb}.sg-focus-track{background:linear-gradient(90deg,#b64c6b,#d4a653 50%,#4f996c 85%,#65db90);border:1px solid #c0cfda;border-radius:8px;height:13px;position:relative}.sg-ideal{border:2px solid #bbffd5;border-radius:5px;position:absolute;inset:-2px 0 -2px 85%}.sg-focus-track i{background:#fff;border-radius:3px;width:4px;position:absolute;top:-4px;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 3px #000}.sg-camera-controls{justify-content:center;align-items:center;gap:25px;margin:10px 0;display:flex}.sg-camera-controls>button{width:48px;height:48px;padding:9px}.sg-camera-controls .sg-shutter{background:radial-gradient(circle,#c43bea,#662999);border:3px solid #f0afff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;padding:4px;display:flex;box-shadow:0 0 0 4px #642880,0 0 25px #ac2ed24a}.sg-shutter img{width:51px;height:51px}.sg-shutter span{letter-spacing:.1em;font-size:8px;font-weight:800}.sg-small-actions{justify-content:space-between;gap:8px;display:flex}.sg-small-actions button{flex:1;font-size:12px}.sg-objective-heading{letter-spacing:.02em;justify-content:space-between;align-items:center;gap:6px;margin:20px 1px 9px;font-size:9px;display:flex}.sg-objective-heading span{color:#a9d8ca}.sg-objectives{gap:7px;padding:3px 2px 8px;display:flex;overflow-x:auto}.sg-objective{text-align:center;border:1px solid var(--sg-line);background:#142938;border-radius:12px;flex:1;min-width:86px;max-width:145px;padding:5px}.sg-objective img{width:65px;height:65px;margin:auto;display:block}.sg-objective strong,.sg-objective small{font-size:10px;display:block}.sg-objective small{color:#b7c5d1;margin-top:3px}.sg-objective.is-found{background:#253330;border-color:#e5bd57}.sg-description{color:#b1c4cc;min-height:2em;font-size:11px;line-height:1.5}.sg-help summary{cursor:pointer;color:#b5e3df;align-items:center;min-height:44px;font-size:12px;display:flex}.sg-help p{font-size:12px;line-height:1.6}.sg-pan-buttons{gap:6px;display:flex}.sg-pan-buttons button{flex:1}.sg-status{text-align:center;color:#c4d7df;min-height:18px;margin:12px 4px 3px;font-size:12px;line-height:1.5}.sg-dialog{color:#e2e8f0;text-align:center;background:#0c1b2e;border:1px solid #65c4c4;border-radius:22px;width:min(92vw,430px);max-height:88dvh;padding:22px;overflow-y:auto;box-shadow:0 0 50px #060815aa}.sg-dialog::backdrop{background:#030a17b8}.sg-dialog h2{margin-top:0;font-size:26px}.sg-dialog p{color:#c1d1db;font-size:13px;line-height:1.6}.sg-dialog [data-modal-actions]{gap:9px;display:grid}.sg-dialog button{width:100%;min-height:48px}.sg-photo{background:#e1d5b8;width:100%;max-width:310px;margin:auto;padding:9px;position:relative;transform:rotate(-2deg);box-shadow:0 4px 14px #0007}.sg-photo canvas{aspect-ratio:auto;width:100%;height:auto;display:block}.sg-photo>img{pointer-events:none;opacity:1;width:34px;height:34px;position:absolute;bottom:4px;right:4px}.sg-breakdown{color:#bfe9e1;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:15px;font-size:11px;display:grid}.sg-stars{justify-content:center;margin:15px 0;display:flex}.sg-stars img{width:55px;height:55px}.sg-final-score{color:#fcd34d;font-size:58px;line-height:1.1;display:block}.sg-best{letter-spacing:.12em;font-weight:800;color:#fbbf24!important;font-size:12px!important}.sg-photo-results{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;display:grid}.sg-photo-results figure{background:#192f37;border:1px solid #736c53;border-radius:9px;margin:0;padding:9px}.sg-photo-results img{object-fit:contain;width:100%;height:85px}.sg-photo-results figcaption{font-size:12px}.sg-result-actions{gap:10px;display:grid}.sg-game[data-phase=LEVEL_COMPLETE] .sg-stars,.sg-game[data-phase=CAMPAIGN_COMPLETE] .sg-stars{animation:.6s ease-out sg-award}.sg-game[data-phase=GAME_OVER] .sg-results{animation:.4s ease-out sg-fade}.sg-flash{animation:.35s ease-out sg-flash}@keyframes sg-award{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes sg-fade{0%{opacity:0}to{opacity:1}}@keyframes sg-flash{0%{box-shadow:inset 0 0 55px #e0fff4}to{box-shadow:inset 0 0 #0000}}@media (width<=360px){.sg-game{border-radius:18px;padding:8px}.sg-toolbar strong{font-size:9px}.sg-toolbar strong span{display:none}.sg-toolbar,.sg-toolbar .game-toolbar-actions{gap:3px}.sg-toolbar .game-icon-button{width:44px}.sg-menu-actions{padding:5px 10px 16px}.sg-menu-art{min-height:285px}.sg-panel{padding:16px 3px}.sg-camera-controls{gap:20px}.sg-hud span{font-size:7px}.sg-objective{min-width:75px}.sg-objective img{width:55px;height:55px}}@media (orientation:landscape) and (width>=600px){.sg-game{max-width:880px}.sg-camera{aspect-ratio:1672/941}.sg-menu{grid-template-columns:1fr 1fr;display:grid}.sg-menu-art{min-height:400px}.sg-menu-actions{align-content:center}.sg-camera-controls{margin:10px 0}.sg-camera-controls .sg-shutter{width:74px;height:74px}.sg-photo-results{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.sg-game *,.sg-game :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-contrast:more){.sg-game button,.sg-hud>div,.sg-objective{border-color:#e2e8f0}}.sg-field-summary{text-align:center;color:#d2ebe3;font-variant-numeric:tabular-nums;margin:4px 0 12px;font-size:11px}.sg-results{scroll-margin-top:80px}.sg-photo-results canvas{aspect-ratio:auto;border:4px solid #e7dfc8;width:100%;height:auto;margin-bottom:7px;display:block}.sg-results [data-result-title]:focus{outline:none}.sg-menu-art{isolation:isolate;position:relative}.sg-menu-art .sg-menu-background{object-fit:cover;object-position:center 36%;z-index:-2;filter:none;width:100%;height:100%;position:absolute;inset:0}.sg-menu-art:before{content:"";z-index:-1;background:linear-gradient(#0000 35%,#0b1d2a);position:absolute;inset:0}