:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html{overscroll-behavior:none;background:#04110e}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;padding-bottom:var(--safe-bottom)}button,a{-webkit-touch-callout:none}.game-in-progress{touch-action:manipulation}.game-in-progress img{user-select:none;-webkit-user-drag:none}.hidden{display:none!important}
.pwa-shell-controls{position:fixed;right:max(10px,var(--safe-right));bottom:max(10px,var(--safe-bottom));z-index:2600;display:flex;align-items:center;gap:7px;pointer-events:none}.pwa-shell-controls>*{pointer-events:auto}.pwa-status-pill,.pwa-control-button{border:1px solid rgba(240,207,131,.35);color:#f3efe3;background:rgba(4,20,16,.88);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(0,0,0,.36)}.pwa-status-pill{height:34px;padding:0 11px;display:flex;align-items:center;gap:7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.05em}.pwa-status-pill i{width:7px;height:7px;border-radius:50%;background:#72d39a;box-shadow:0 0 12px rgba(114,211,154,.7)}.pwa-status-pill.offline i{background:#f0cf83;box-shadow:0 0 12px rgba(240,207,131,.65)}.pwa-control-button{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;grid-template-columns:auto auto;gap:2px;cursor:pointer}.pwa-control-button span{font-size:16px;color:#f0cf83}.pwa-control-button b{font-size:7px;letter-spacing:.08em}
.pwa-panel{width:min(620px,calc(100vw - 18px));max-height:calc(100dvh - 18px);padding:0;border:0;border-radius:24px;color:#f3efe3;background:transparent}.pwa-panel::backdrop{background:rgba(0,8,6,.8);backdrop-filter:blur(12px)}.pwa-panel-card{position:relative;padding:30px;background:linear-gradient(145deg,#0a2c23,#061b16);border:1px solid rgba(240,207,131,.2);border-radius:24px;box-shadow:0 35px 90px rgba(0,0,0,.55);overflow:auto;max-height:calc(100dvh - 18px)}.pwa-panel-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff;background:rgba(255,255,255,.04);font-size:20px}.pwa-panel-kicker{font-size:8px;font-weight:950;letter-spacing:.18em;color:#d9b66f}.pwa-panel h2{margin:9px 0 8px;font:600 clamp(27px,5vw,43px) Georgia,serif}.pwa-panel p{color:#9daea5;line-height:1.6;font-size:11px}.pwa-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.pwa-readiness article{padding:14px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.pwa-readiness span{display:block;color:#d9b66f;font-size:6px;font-weight:950;letter-spacing:.1em}.pwa-readiness strong{display:block;margin:7px 0 3px;font:600 18px Georgia,serif}.pwa-readiness small{display:block;color:#83978c;font-size:7px;line-height:1.4}.pwa-main-action{width:100%;min-height:52px;border:0;border-radius:14px;color:#182016;background:linear-gradient(145deg,#f1d58e,#c99646);font-weight:950;font-size:11px;box-shadow:0 14px 35px rgba(201,150,70,.2)}.pwa-main-action:disabled{filter:grayscale(.4);opacity:.7}.pwa-panel-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.pwa-panel-actions button,.pwa-danger-action{min-height:42px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#e6eee9;background:rgba(255,255,255,.035);font-size:8px;font-weight:850}.pwa-danger-action{width:100%;margin-top:16px;color:#d7a8a8;border-color:rgba(214,120,120,.18);background:rgba(120,35,35,.08)}.pwa-download-progress{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);font-size:8px}.pwa-download-progress span{display:block;height:3px;margin-bottom:8px;border-radius:99px;background:linear-gradient(90deg,#d9b66f,#f3dfaa);animation:pwaProgress 1.1s ease-in-out infinite}.pwa-ios-help{margin-top:12px;padding:14px;border:1px solid rgba(240,207,131,.2);border-radius:12px;background:rgba(240,207,131,.06)}.pwa-ios-help strong{color:#f0cf83;font-size:10px}.pwa-ios-help p{margin:5px 0 0;font-size:9px}@keyframes pwaProgress{0%{transform:scaleX(.12);transform-origin:left}60%{transform:scaleX(.8);transform-origin:left}100%{transform:scaleX(.12);transform-origin:right}}
.pwa-toast-region{position:fixed;left:50%;bottom:calc(62px + var(--safe-bottom));z-index:4000;display:grid;gap:8px;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));pointer-events:none}.pwa-toast-region>div{padding:13px 16px;border:1px solid rgba(240,207,131,.25);border-radius:13px;color:#172018;background:#f0cf83;box-shadow:0 18px 50px rgba(0,0,0,.45);font-size:9px;font-weight:900;text-align:center;animation:pwaToast .25s ease both}@keyframes pwaToast{from{opacity:0;transform:translateY(12px)}}
.pwa-update-banner{position:fixed;left:50%;top:calc(12px + var(--safe-top));z-index:4200;width:min(570px,calc(100vw - 24px));padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;transform:translateX(-50%);border:1px solid rgba(240,207,131,.3);border-radius:15px;color:#f4f0e4;background:rgba(5,29,23,.96);box-shadow:0 18px 55px rgba(0,0,0,.5);backdrop-filter:blur(20px)}.pwa-update-banner div{display:grid;gap:3px}.pwa-update-banner strong{font-size:10px}.pwa-update-banner span{color:#a4b5ab;font-size:8px}.pwa-update-banner button{padding:10px 13px;border:0;border-radius:10px;background:#f0cf83;color:#172018;font-size:8px;font-weight:950}
@media(max-width:700px){.pwa-status-pill{display:none}.pwa-control-button{width:39px;height:39px;border-radius:13px}.pwa-panel-card{padding:25px 16px 18px}.pwa-readiness{grid-template-columns:1fr}.pwa-readiness article{display:grid;grid-template-columns:1fr auto;align-items:center}.pwa-readiness strong{grid-column:2;grid-row:1/3}.pwa-panel-actions{grid-template-columns:1fr}.pwa-shell-controls{bottom:max(8px,var(--safe-bottom));right:max(8px,var(--safe-right))}}
@media(display-mode:standalone){body{padding-top:var(--safe-top)}.pwa-control-button b{display:none}.pwa-control-button span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.pwa-download-progress span,.pwa-toast-region>div{animation:none!important}}
.game-in-progress .pwa-status-pill{display:none}.game-in-progress .pwa-shell-controls{bottom:auto;top:calc(78px + var(--safe-top));right:max(8px,var(--safe-right))}.game-in-progress .pwa-control-button{width:36px;height:36px;opacity:.72}.game-in-progress .pwa-control-button:focus,.game-in-progress .pwa-control-button:hover{opacity:1}
@media(max-width:700px){.game-in-progress .pwa-shell-controls{top:calc(62px + var(--safe-top))}}
@media(max-width:700px){body:has(.home-screen:not(.hidden)) .pwa-shell-controls{display:none}}