.relock-hint{position:fixed;left:50%;top:46%;z-index:40;transform:translate(-50%,-50%);padding:8px 16px;border-radius:999px;background:#0c0c0eb8;border:1px solid var(--panel-border);color:#fff;font:700 14px var(--body);pointer-events:none;animation:relock-pulse 1.6s ease-in-out infinite}.relock-hint.hidden{display:none}@keyframes relock-pulse{50%{opacity:.55}}kbd.key-cap{display:inline-block;min-width:1.5em;margin-right:6px;padding:0 5px;border-radius:5px;background:#ffffff29;border-bottom:2px solid rgba(0,0,0,.35);font:700 .85em/1.5 var(--display);text-align:center;color:inherit}body.touch kbd.key-cap{display:none}.update-toast{position:fixed;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px);z-index:60;max-width:calc(100vw - 24px);padding:9px 16px;border-radius:999px;border:1px solid rgba(244,183,59,.6);background:#0e0e10eb;color:#fff;font:600 13px var(--body);white-space:nowrap;transform:translate(-50%);cursor:pointer;animation:a2hs-in .2s ease-out}.update-toast b{color:var(--yellow)}@keyframes a2hs-in{0%{opacity:0;transform:translate(-50%,-8px)}}.install-landing{align-self:center;margin-top:-2px;padding:7px 14px;border-radius:999px;border:1px solid rgba(244,183,59,.45);background:#f4b73b1a;color:#fff;font:700 13px var(--body);cursor:pointer}.install-landing:hover{background:#f4b73b33}.menu-install-btn{width:100%;min-height:42px;margin-top:14px;border-radius:12px;font:700 14px var(--body);cursor:pointer}.ig{position:fixed;inset:0 0 calc(-1 * var(--chin));z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) calc(52px + env(safe-area-inset-bottom) + var(--chin)) max(8px,env(safe-area-inset-left));background:#0000008c;animation:ig-fade .18s ease-out}.ig.ig-out{opacity:0;transition:opacity .18s}.ig-sheet{width:min(420px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:18px 18px 12px;border-radius:20px;border:1px solid var(--panel-border);background:#141416;box-shadow:0 20px 60px #0009;text-align:left;animation:ig-up .24s cubic-bezier(.2,.9,.3,1.1)}.ig-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.ig-icon{flex:none;width:52px;height:52px;border-radius:12px;box-shadow:0 4px 14px #00000080}.ig-titles h2{margin:0 0 3px;font:900 17px var(--display);color:var(--yellow)}.ig-titles p{margin:0;font-size:13px;line-height:1.4;opacity:.85}.ig-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ig-step{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#ffffff0d;font-size:14px;line-height:1.35}.ig-step b{color:var(--yellow)}.ig-num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--yellow);color:#111;font:900 12px/22px var(--display);text-align:center}.ig-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#ffffff1a;color:#4aa3ff}.ig-ico svg{width:22px;height:22px}.ig-ico img{border-radius:7px}.ig-ico-app{background:none}.ig-actions{display:flex;gap:8px;margin-top:12px}.ig-btn{flex:1;padding:12px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff14;color:#fff;font:700 14px var(--body);text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}.ig-btn-primary{border-color:var(--yellow);background:var(--yellow);color:#111}.ig-close{display:block;width:100%;margin-top:10px;padding:10px;border:0;background:none;color:#fff;opacity:.75;font:700 14px var(--body);cursor:pointer}.ig-arrow{display:none;position:fixed;z-index:51;font-size:30px;line-height:1;color:var(--yellow);text-shadow:0 2px 10px rgba(0,0,0,.8);pointer-events:none;animation:ig-bob 1s ease-in-out infinite}.ig[data-spot=bottom] .ig-arrow,.ig[data-spot=bottom-right] .ig-arrow{display:block;bottom:calc(10px + env(safe-area-inset-bottom) + var(--chin))}.ig[data-spot=bottom] .ig-arrow{left:calc(50% - 15px)}.ig[data-spot=bottom-right] .ig-arrow{right:max(18px,env(safe-area-inset-right))}.ig[data-spot=top-right]{padding-bottom:calc(16px + env(safe-area-inset-bottom) + var(--chin))}.ig[data-spot=top-right] .ig-arrow{display:block;top:max(6px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));transform:rotate(180deg);animation-name:ig-bob-up}@media(orientation:landscape)and (max-height:500px){.ig[data-spot]{padding-bottom:calc(10px + env(safe-area-inset-bottom) + var(--chin))}.ig[data-spot] .ig-arrow{display:block;top:max(6px,env(safe-area-inset-top));bottom:auto;left:auto;right:max(18px,env(safe-area-inset-right));transform:rotate(180deg);animation-name:ig-bob-up}.ig-sheet{width:min(560px,100%);padding:12px 14px 6px}.ig-steps{gap:5px}.ig-step{padding:6px 8px}}@media(min-width:700px)and (min-height:560px){.ig{align-items:center}.ig[data-tablet]{align-items:flex-start;justify-content:flex-end;padding-top:calc(48px + env(safe-area-inset-top))}}.ig-nudge{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));z-index:30;width:min(380px,calc(100vw - 24px));padding:10px 12px 8px;border-radius:16px;border:1px solid rgba(244,183,59,.55);background:#0e0e10eb;box-shadow:0 8px 28px #00000073;transform:translate(-50%);font-size:13px;line-height:1.35;animation:ig-drop .25s ease-out}.ig-nudge b{color:var(--yellow)}.ig-nudge-row{display:flex;gap:6px;margin-top:8px}.ig-nudge-row button{padding:7px 10px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0f;color:#fff;font:700 12px var(--body);cursor:pointer}.ig-nudge-row .ig-nudge-go{border-color:var(--yellow);background:var(--yellow);color:#111}.ig-nudge-row .ig-nudge-never{margin-left:auto;border:0;background:none;opacity:.6}@keyframes ig-fade{0%{opacity:0}}@keyframes ig-up{0%{transform:translateY(24px);opacity:0}}@keyframes ig-drop{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes ig-bob{50%{translate:0 6px}}@keyframes ig-bob-up{50%{translate:0 -6px}}.island{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;z-index:40;max-width:min(560px,calc(100vw - 32px));overflow:hidden;border-radius:20px;background:#050505;color:#fafbf7;box-shadow:0 12px 40px #0000008c,inset 0 0 0 1.5px #f4b73b73;transform:translate(-50%);pointer-events:auto;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body.touch .island{left:auto;right:8px;top:calc(8px + env(safe-area-inset-top,0px));max-width:min(300px,calc(100vw - 132px));transform:none}.island.paused{display:none!important}.island:not(.open):not(:has(.island-compact>:not(.hidden))){display:none}.island.open{width:min(380px,calc(100vw - 16px));max-width:none;cursor:pointer}.island-body{display:none;gap:8px;padding:18px 20px 20px}.island.open .island-body{display:grid;animation:island-in .25s .12s ease both}.island.open .island-compact{display:none}@keyframes island-in{0%{opacity:0}}.island-body small{font:800 11px/1 system-ui,sans-serif;letter-spacing:.12em;color:var(--tone)}.island-body b{font:900 26px/1.1 Arial Black,Impact,sans-serif}.island-body em{font:900 24px/1 Arial Black,Impact,sans-serif;font-style:normal;color:var(--tone)}.island-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:16px;background:#1a1b19}.island-row i{font-style:normal;font-size:18px}.island-row p{margin:0;font-size:14px;line-height:1.4;color:#e4e6e0}.island-foot{font-size:12px;color:#9b9e98}.island{--tone: #f4b73b}.island[data-tone=green]{--tone: #4ade80}.island[data-tone=red]{--tone: #ff5a4a}.island .island-compact>.mission-bar,.island .island-compact>.next-move{position:static;transform:none;width:auto;max-width:none;margin:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none}.island-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.island-acts>*{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:24px;background:#2b2c2a;color:#fafbf7;font:800 15px/1 system-ui,sans-serif;text-decoration:none}.island-acts>.go{background:var(--tone);color:#151716}body.touch .island.open{width:min(292px,calc(100vw - 24px));border-radius:18px}body.touch .island-body{gap:6px;padding:12px 14px 14px}body.touch .island-body small{font-size:9.5px}body.touch .island-body b{font-size:17px;line-height:1.15}body.touch .island-body em{font-size:17px}body.touch .island-row{grid-template-columns:22px minmax(0,1fr);gap:8px;padding:7px 9px;border-radius:12px}body.touch .island-row i{font-size:14px}body.touch .island-row p{font-size:12px;line-height:1.35}body.touch .island-foot{font-size:10.5px}body.touch .island-acts{gap:6px}body.touch .island-acts>*{min-height:40px;border-radius:20px;font-size:13.5px}.island-acts>:only-child{grid-column:span 2}body:not(.touch) .island-acts>.go:after{content:attr(data-key);margin-left:8px;padding:2px 6px;border-radius:6px;background:#0000004d;font:800 10.5px/1.2 system-ui,sans-serif;vertical-align:middle}.island-row:not(.step) p{font-size:13px;color:#b9bcb5;font-style:italic}.island-row.step{grid-template-columns:36px minmax(0,1fr);align-items:center;background:#1f1a0d;box-shadow:inset 0 0 0 2px var(--tone),0 0 24px color-mix(in srgb,var(--tone) 35%,transparent)}.island-row.step i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--tone);color:#151716;font:900 16px/1 Arial Black,Impact,sans-serif;box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 30%,transparent);animation:step-pulse 1.4s ease-in-out infinite}.island-row.step p{font:800 16px/1.3 system-ui,sans-serif;color:#fff}@keyframes step-pulse{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--tone) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.island-row.step i{animation:none}}.island-head{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center}.island-head>div{display:grid;gap:6px;min-width:0}.island-thumb{width:112px;aspect-ratio:2 / 1;object-fit:cover;border-radius:10px;background:#1a1b19}.island.has-img .island-body b{font-size:18px;overflow-wrap:anywhere}.island .island-compact>.reconnect-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;color:#fafbf7;font:700 13px/1.2 system-ui,sans-serif;white-space:nowrap}.island.open .island-compact:has(>.reconnect-pill){display:block}.island.open .island-compact:has(>.reconnect-pill)>:not(.reconnect-pill){display:none}.reconnect-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#f4b73b;animation:reconnect-pulse 1s ease-in-out infinite alternate}@keyframes reconnect-pulse{0%{opacity:.25}}@media(prefers-reduced-motion:reduce){.reconnect-pill:before{animation:none}}#hp-fill{background:linear-gradient(90deg,#2f9e4f,#57d27a)}.hp-bar.low #hp-fill{background:linear-gradient(90deg,#b3261e,#e5483d);animation:hp-low .9s ease-in-out infinite alternate}.hp-bar.hit{animation:hp-hit .45s ease-out}.hp-bar.hit:after{content:"";position:absolute;inset:0;background:#ff281e8c;animation:hp-hit-fade .45s ease-out forwards;pointer-events:none}.armor-fill{background:#3d8bff}.armor-bar b{background:linear-gradient(90deg,#2f6fd6,#5aa6ff)}@keyframes hp-hit{0%{box-shadow:0 0 #ff281ee6}30%{box-shadow:0 0 10px 2px #ff281eb3}to{box-shadow:0 0 #ff281e00}}@keyframes hp-hit-fade{to{opacity:0}}@keyframes hp-low{to{filter:brightness(1.35)}}.death-by{margin-top:10px;font:900 clamp(20px,4vw,30px) / 1.1 var(--display);color:#fff;letter-spacing:.02em;text-shadow:2px 2px 0 #000}.death-by.hidden{display:none}@media(prefers-reduced-motion:reduce){.hp-bar.low #hp-fill,.hp-bar.hit{animation:none}}.acct-sheet{position:fixed;inset:auto 0 0;z-index:45;display:flex;justify-content:center;padding:0 max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));pointer-events:none}.acct-sheet.hidden{display:none}.acct-card{position:relative;width:min(400px,100%);max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;background:#0e0e10f7;backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:18px;padding:16px 18px 12px;color:#fff;font-family:var(--body);box-shadow:0 10px 40px #00000080;animation:acct-in .22s ease-out}@keyframes acct-in{0%{transform:translateY(24px);opacity:0}}.acct-x{position:absolute;top:6px;right:6px;width:36px;height:36px;background:none;border:none;color:#fff;font-size:18px;opacity:.7;cursor:pointer}.acct-title{margin:0 30px 4px 0;font:400 22px var(--headline);letter-spacing:.02em;color:var(--yellow)}.acct-sub{margin:0 0 12px;font-size:13px;opacity:.85}.acct-google,.acct-primary{width:100%;min-height:44px;border-radius:12px;font:700 15px var(--body);cursor:pointer}.acct-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:none}.acct-g{font:800 17px/1 Arial,sans-serif;color:#4285f4}.acct-primary{background:var(--yellow);color:var(--ink);border:none}.acct-google:disabled,.acct-primary:disabled{opacity:.6;cursor:default}.acct-or{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.5}.acct-or:before,.acct-or:after{content:"";flex:1;border-top:1px solid rgba(255,255,255,.25)}.acct-form{display:grid;gap:8px}.acct-form.hidden,.acct-google.hidden,.acct-or.hidden,.acct-error.hidden{display:none}.acct-input{min-height:44px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff14;color:#fff;padding:0 12px;font:600 16px var(--body)}.acct-code{text-align:center;font-size:24px;letter-spacing:.4em;font-variant-numeric:tabular-nums}.acct-note{margin:0;font-size:13px;opacity:.85}.acct-check{display:flex;align-items:flex-start;gap:10px;padding:4px 2px;font-size:14px;font-weight:600;line-height:1.35;cursor:pointer}.acct-check input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--yellow);cursor:pointer}.acct-check small{display:block;font-size:12px;font-weight:400;opacity:.7}.acct-links{display:flex;justify-content:space-between}.acct-link{background:none;border:none;color:var(--yellow);font:600 13px var(--body);padding:6px 0;cursor:pointer}.acct-later{display:block;margin:8px auto 0;color:#fff;opacity:.6}.acct-keys{margin:10px 0 0;font-size:12px;text-align:center;opacity:.75}.acct-keys.hidden{display:none}.acct-error{margin:10px 0 0;font-size:13px;font-weight:600;color:#ff8a7a}.acct-hud-btn{pointer-events:auto;background:var(--panel);border:1px solid var(--yellow);border-radius:999px;color:var(--yellow);font:700 12px var(--body);padding:5px 12px;cursor:pointer;white-space:nowrap}.acct-hud-btn.hidden{display:none}.acct-landing{margin:8px 0 0;font-size:13px;text-align:center;opacity:.9}.acct-landing button{background:none;border:none;color:var(--yellow);font:700 13px var(--body);cursor:pointer;padding:4px}.menu-account{display:grid;gap:8px;font-size:13px}.menu-account>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-account-x{color:var(--muted, rgba(255, 255, 255, .6));font-weight:600}.menu-account>button{justify-self:start}.menu-account-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.menu-account button{min-width:0;overflow:hidden;background:#ffffff14;color:var(--yellow);border:1px solid var(--panel-border);border-radius:10px;font:700 13px var(--body);padding:9px 10px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}
