/* Only the adventure game frame is styled here. Existing site styles remain intact. */
.sha-section{padding:24px!important}.sha-shell{overflow:hidden;position:relative;border:1px solid #40547a;border-radius:20px;background:#101a32;color:#f2f6ff;box-shadow:0 18px 55px rgba(0,0,0,.3);text-align:left}.sha-hud{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;background:linear-gradient(110deg,#152c3e,#23314c);font-size:14px}.sha-level-title{font-weight:850;max-width:280px;color:#ffedbc}.sha-hunt{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sha-hunt>span{display:inline-flex;align-items:center;gap:4px;opacity:.68}.sha-hunt .is-found{opacity:1;color:#a1f2b6}.sha-check{font-weight:900;color:#a1f2b6;min-width:12px}.sha-hud-stats{display:flex;gap:14px;align-items:center}.sha-hearts{color:#ff9fba;letter-spacing:3px;font-size:18px}.sha-viewport{position:relative;line-height:0;background:#273e50;isolation:isolate}.sha-viewport canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;outline:none}.sha-viewport canvas:focus-visible{outline:3px solid #92e9e3;outline-offset:-3px}.sha-overlay{position:absolute;inset:0;display:grid;place-items:center;line-height:1.5;background:rgba(10,24,38,.50);padding:18px;box-sizing:border-box;overflow:auto}.sha-dialog{background:rgba(15,32,49,.95);border:1px solid #638b97;border-radius:20px;max-width:530px;width:100%;padding:26px;box-sizing:border-box;text-align:center;box-shadow:0 10px 60px rgba(0,0,0,.25)}.sha-dialog h3{font-size:clamp(22px,3vw,32px);color:#fff3ca;line-height:1.2;margin:0 0 12px}.sha-dialog p{color:#dfeced;font-size:15px;line-height:1.65;margin:10px 0 18px}.sha-dialog .batch-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sha-dialog button{white-space:normal}.sha-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;background:#13243b}.sha-direction{display:flex;gap:10px}.sha-touch{touch-action:none;user-select:none;-webkit-user-select:none;min-width:60px;min-height:52px;border:1px solid #648696;border-radius:15px;background:linear-gradient(#2d4c60,#203647);color:#e6faff;font:800 18px/1 system-ui;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.13)}.sha-touch.is-held,.sha-touch:active{background:#44758b;transform:translateY(1px)}.sha-jump{padding:0 28px;color:#ffe8ae}.sha-controls small{font-size:12px;color:#bfd3dd}.sha-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;border-top:1px solid #34516a}.sha-tool-group{display:flex;gap:8px;flex-wrap:wrap}.sha-tool{border:1px solid #59718c;background:#1b2d48;border-radius:10px;padding:9px 12px;color:#e8effb;font:600 13px system-ui;cursor:pointer;min-height:38px}.sha-tool:disabled{opacity:.45;cursor:default}.sha-status{padding:0 16px 12px;margin:0!important;min-height:2.4em;line-height:1.5;font-size:14px;color:#b9dfea}.sha-levels{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:190px;overflow:auto;margin-top:14px;text-align:left}.sha-level{color:#e7f7ff;background:#254757;border:1px solid #4f7b88;border-radius:8px;padding:10px;font:600 12px/1.3 system-ui;cursor:pointer}.sha-level:disabled{background:#1c2b3a;color:#9baab3;cursor:default}.sha-shell button:focus-visible{outline:3px solid #9ce8e2;outline-offset:3px}.sha-shell:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.sha-shell:fullscreen .sha-viewport{width:min(100%,calc((100dvh - 260px)*16/9));margin:0 auto}.sha-shell:fullscreen .sha-viewport canvas{width:100%}.sha-shell:fullscreen .sha-status{min-height:1.5em}.sha-key{display:inline-block;border:1px solid #637894;border-radius:5px;padding:1px 6px;color:#d8f8ff} @media(max-width:700px){.sha-section{padding:14px!important}.sha-hud{gap:9px;padding:10px 12px}.sha-level-title{max-width:none;width:100%;font-size:13px}.sha-hunt{gap:7px;font-size:12px}.sha-hud-stats{gap:9px;font-size:12px}.sha-hearts{font-size:15px;letter-spacing:1px}.sha-controls small{display:none}.sha-dialog{padding:18px;max-width:450px}.sha-dialog h3{font-size:23px}.sha-dialog p{font-size:13px;line-height:1.5;margin:7px 0 12px}.sha-overlay{padding:10px;align-items:start}.sha-dialog .batch-actions{margin-top:8px}.sha-dialog .btn{min-height:40px;padding:10px 14px;font-size:13px}.sha-tools{padding:10px}.sha-status{font-size:12px}.sha-levels{max-height:120px}}@media(max-width:440px){.sha-hud-stats{width:100%;justify-content:space-between}.sha-touch{min-width:56px;min-height:50px}.sha-jump{padding:0 22px}.sha-dialog h3{font-size:19px}.sha-dialog p{font-size:12px}.sha-overlay{padding:7px}.sha-dialog{padding:12px}.sha-dialog .batch-actions{gap:7px;flex-wrap:nowrap}.sha-dialog .btn{flex:1 1 0;font-size:12px;min-width:0}.sha-dialog .batch-actions .btn{flex-basis:0}.sha-levels{grid-template-columns:1fr;max-height:90px}.sha-tool{font-size:12px;padding:8px 10px}}


@media(max-height:500px) and (min-width:650px){.sha-shell:fullscreen .sha-hud{padding:6px 10px;gap:8px;flex-wrap:nowrap;font-size:11px}.sha-shell:fullscreen .sha-level-title{width:auto;max-width:170px;font-size:11px}.sha-shell:fullscreen .sha-hunt{gap:5px;font-size:11px}.sha-shell:fullscreen .sha-hud-stats{width:auto;font-size:11px;gap:8px}.sha-shell:fullscreen .sha-controls{padding:5px 10px}.sha-shell:fullscreen .sha-touch{min-height:44px;min-width:48px;font-size:14px}.sha-shell:fullscreen .sha-tools{padding:5px 10px}.sha-shell:fullscreen .sha-tool{min-height:28px;padding:5px 8px;font-size:11px}.sha-shell:fullscreen .sha-status{font-size:10px;min-height:1.3em;padding:0 10px 4px}.sha-shell:fullscreen .sha-viewport{width:min(100%,calc((100dvh - 155px)*16/9))}}