[hidden]{display:none!important}html,body.player-page,#player-app{min-width:320px;min-height:100%}body.player-page{margin:0;overflow-x:hidden;color:#dce8e4;background:#091019}body.player-page[data-screen=game]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none}.portal-screen{display:grid;min-height:100dvh;place-items:center;padding:calc(1.2rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1.2rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));background:radial-gradient(circle at 12% 10%,rgb(57 125 95 / 24%),transparent 28rem),radial-gradient(circle at 88% 92%,rgb(52 84 125 / 22%),transparent 32rem),repeating-linear-gradient(0deg,transparent 0 3px,rgb(255 255 255 / 1.2%) 3px 4px),#091019}.portal-card{width:min(100%,30rem);border:1px solid #2c403f;border-radius:16px;padding:clamp(1.25rem,4vw,2rem);background:#0d181ff5;box-shadow:0 26px 80px #0000006b,inset 0 1px #ffffff0a}.portal-mark{display:grid;width:3.25rem;height:3.25rem;place-items:center;border:1px solid #4d8b70;border-radius:12px;color:#d6f4df;background:linear-gradient(145deg,#24543f,#153227);font-family:ui-serif,Georgia,serif;font-size:1.6rem;box-shadow:0 8px 24px #134e364d}.eyebrow{margin:1.15rem 0 .35rem;color:#70b897;font-size:.68rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.portal-card h1{margin:0;color:#edf7f2;font-family:ui-serif,Georgia,serif;font-size:clamp(1.75rem,5vw,2.35rem);letter-spacing:.035em}.portal-description,.character-heading p{margin:.55rem 0 0;color:#8fa19e;font-size:.9rem;line-height:1.65}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:1.5rem 0 1rem;border:1px solid #26383c;border-radius:10px;padding:.3rem;background:#0a141b}.auth-mode{border:0;border-radius:7px;padding:.62rem;color:#829591;background:transparent}.auth-mode:hover:not(:disabled){color:#cfddd8;background:#15242a}.auth-mode.active{color:#e7f6ef;background:#235b46;box-shadow:inset 0 0 0 1px #36795f}.portal-form fieldset{display:grid;gap:.5rem;min-width:0;margin:0;border:0;padding:0}.portal-form label,.character-form label,.hero-picker legend{color:#a4b4b0;font-size:.8rem;font-weight:650}.input-hint{margin-top:-.15rem;color:#708680;font-size:.72rem}.portal-form input,.character-form input{width:100%;min-height:2.85rem;border:1px solid #34494d;border-radius:9px;padding:.65rem .75rem;color:#eef7f3;outline:none;background:#08131a;font-size:1rem}.portal-form input:focus,.character-form input:focus{border-color:#56ba8d;box-shadow:0 0 0 3px #56ba8d26}.portal-form input[aria-invalid=true],.character-form input[aria-invalid=true]{border-color:#d96666}.portal-form button[type=submit]{min-height:2.85rem;margin-top:.55rem}.form-field{display:grid;gap:.5rem}.form-status,.form-error{margin:.85rem 0 0;border-radius:8px;padding:.65rem .75rem;font-size:.8rem;line-height:1.45}.form-status{border:1px solid #304b48;color:#9fc4b7;background:#10231f}.form-error{border:1px solid #6f3b40;color:#ffd0cb;background:#351a20}.character-card{width:min(100%,70rem)}.character-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.character-heading .eyebrow{margin-top:0}.account-summary{display:flex;flex:0 0 auto;align-items:center;gap:.75rem;border:1px solid #293d40;border-radius:999px;padding:.3rem .4rem .3rem .75rem;color:#b8c7c3;background:#0a151c;font-size:.78rem}.text-button{border-color:transparent;padding:.35rem .55rem;color:#8dc8ad;background:transparent}.character-form{display:grid;gap:1.2rem;margin-top:1.5rem}.character-name-field{display:grid;gap:.45rem;max-width:31rem}.field-meta{display:flex;justify-content:space-between;gap:1rem;color:#708680;font-size:.72rem}#character-name-bytes[data-state=error],#password-bytes[data-state=error]{color:#ff918a}.hero-picker{min-width:0;margin:0;border:0;padding:0}.hero-picker legend{margin-bottom:.65rem}.hero-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.hero-option{position:relative;min-width:0;overflow:hidden;border:1px solid #2d4244;border-radius:12px;color:#b7c4c0;background:#0a151c;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.hero-option:hover{transform:translateY(-2px);border-color:#50766a}.hero-option:focus-within{outline:3px solid rgb(86 186 141 / 28%);outline-offset:2px}.hero-option:has(input:checked){border-color:#66c69b;box-shadow:0 0 0 2px #66c69b33,0 12px 28px #0000003d}.hero-option input{position:absolute;z-index:2;width:1px;height:1px;margin:0;opacity:0}.hero-card-art,.selected-hero-preview{display:block;background-color:#13242a;background-image:url(/assets/generated/hero-roster.png);background-repeat:no-repeat;background-position:var(--atlas-x, 0%) var(--atlas-y, 0%);background-size:300% 200%;image-rendering:pixelated}.hero-card-art{width:100%;aspect-ratio:1;border-bottom:1px solid #2a3e40}.hero-card-copy{display:block;min-width:0;padding:.65rem}.hero-card-copy strong,.hero-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-card-copy strong{color:#d9e8e2;font-size:.82rem}.hero-card-copy small{margin-top:.18rem;color:#6e827d;font-size:.62rem}.hero-confirmation{display:grid;grid-template-columns:auto minmax(8rem,1fr) auto;align-items:center;gap:.85rem;border-top:1px solid #283b3d;padding-top:1rem}.selected-hero-preview{width:3.75rem;height:3.75rem;border:1px solid var(--hero-primary, #4d8b70);border-radius:10px}.hero-confirmation small,.hero-confirmation strong{display:block}.hero-confirmation small{color:#71847e;font-size:.68rem}.hero-confirmation strong{margin-top:.2rem;color:#e0ece7}#character-submit{min-height:2.8rem}#game-shell,#game-canvas{width:100%;height:100dvh;overflow:hidden}#game-shell{position:relative;background:#101923}#game-canvas canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}.minimap-panel{position:absolute;z-index:3;top:calc(4.6rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));width:min(14rem,28vw);border:1px solid rgb(190 220 209 / 34%);border-radius:10px;padding:.45rem;color:#dcece6;background:#070f15db;box-shadow:0 8px 28px #00000047;font-size:.62rem;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.minimap-panel header,.minimap-legend{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.minimap-panel header{margin-bottom:.35rem}.minimap-panel header strong{font-size:.7rem;letter-spacing:.06em}.minimap-panel header span,.minimap-legend{color:#8fa59d}#minimap-canvas{display:block;width:100%;aspect-ratio:8 / 5;border:1px solid rgb(225 243 235 / 28%);background:#0b151b;image-rendering:pixelated}.minimap-legend{margin-top:.35rem}.minimap-legend span{display:inline-flex;align-items:center;gap:.22rem;white-space:nowrap}.minimap-legend i{display:inline-block;width:.42rem;height:.42rem;background:#62dcff}.minimap-legend i[data-marker=monster]{background:#ff665f;transform:rotate(45deg)}.minimap-legend i[data-marker=boundary]{border:1px solid #e7f6ef;background:transparent}.game-hud{position:absolute;z-index:3;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:calc(.9rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .9rem calc(1rem + env(safe-area-inset-left));pointer-events:none}.brand{color:#f0f7f3;font-size:1.12rem;font-weight:750;letter-spacing:.08em;text-shadow:0 1px 5px #000}.brand span{margin-left:.45rem;color:#93aaa1;font-size:.72rem;font-weight:550;letter-spacing:.02em}.hud-identity{display:grid;gap:.45rem}.player-vitals{width:min(15rem,42vw);border:1px solid rgb(255 255 255 / 12%);border-radius:8px;padding:.42rem .58rem;color:#9fb2bf;background:#080e14d1;font-size:.68rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-vitals>div:first-child,.target-heading,.target-vitals{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.player-vitals strong{color:#e7f4ee;font-variant-numeric:tabular-nums}.vital-track{height:.38rem;overflow:hidden;border-radius:999px;background:#1a252b;box-shadow:inset 0 0 0 1px #ffffff12}.player-vitals .vital-track{margin-top:.28rem}.vital-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3dac6b,#62d68a);transition:width .12s linear,background-color .12s linear}.vital-track span[data-level=low]{background:linear-gradient(90deg,#c18a35,#e5af51)}.vital-track span[data-level=critical]{background:linear-gradient(90deg,#b63f48,#e45b62)}.target-card{position:absolute;z-index:3;top:calc(4.6rem + env(safe-area-inset-top));left:50%;width:min(19rem,46vw);transform:translate(-50%);border:1px solid rgb(255 209 102 / 42%);border-radius:10px;padding:.62rem .72rem;color:#e9f0f3;background:#080e14e0;box-shadow:0 8px 24px #0000003d;font-size:.76rem;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.target-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-heading span{flex:0 0 auto;color:#c8d2d9;font-size:.68rem}.target-card[data-alignment=hostile] .target-heading span{color:#ff8984}.target-card[data-alignment=friendly] .target-heading span{color:#71d7a2}.target-card[data-alignment=neutral] .target-heading span{color:#d8c98a}.target-vitals{margin-top:.45rem}.target-vitals .vital-track{flex:1}.target-vitals>span{min-width:4.8rem;color:#bdc9d1;font-size:.68rem;font-variant-numeric:tabular-nums;text-align:right}.object-card{position:absolute;z-index:3;top:calc(8.2rem + env(safe-area-inset-top));left:50%;width:min(23rem,58vw);transform:translate(-50%);border:1px solid rgb(115 207 156 / 44%);border-radius:10px;padding:.58rem .72rem;color:#e4f2eb;background:#081414e0;box-shadow:0 8px 24px #0000003d;font-size:.72rem;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.object-card[hidden],.inventory-panel[hidden]{display:none}.object-card>div{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.object-card span{color:#75d5a3;font-size:.66rem}.object-card p{margin:.35rem 0 0;color:#9db5ac;line-height:1.35}.inventory-panel{position:absolute;z-index:5;top:calc(4.7rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));display:grid;width:min(25rem,calc(100vw - 2rem));gap:.8rem;border:1px solid #3a5652;border-radius:13px;padding:.85rem;color:#dfece7;background:#071016f5;box-shadow:0 20px 56px #00000070;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inventory-panel header,.inventory-selection{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.inventory-panel header small,.inventory-selection small{display:block;color:#76908a;font-size:.62rem}.inventory-panel h2{margin:.12rem 0 0;font-size:1rem}#inventory-close{min-width:2rem;min-height:2rem;border-color:#344b4a;border-radius:50%;padding:0;color:#aebfba;background:#111e25;font-size:1.2rem}.inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.38rem}.inventory-slot,.quick-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid #2e4247;border-radius:8px;padding:0;color:var(--item-color, #6f8588);background:linear-gradient(145deg,#132229,#0b161d);box-shadow:inset 0 1px #ffffff0d}.inventory-slot:hover,.quick-slot:hover,.inventory-slot[data-selected=true],.quick-slot[data-selected=true]{border-color:#ffd166;box-shadow:0 0 0 2px #ffd1662e,inset 0 1px #ffffff12}.inventory-slot .item-icon,.quick-slot .item-icon{font-size:1.25rem;font-weight:750;line-height:1}.inventory-slot .slot-number,.quick-slot .slot-number{position:absolute;top:.18rem;left:.25rem;color:#63777c;font-size:.52rem}.inventory-slot .item-quantity,.quick-slot .item-quantity{position:absolute;right:.22rem;bottom:.12rem;color:#edf6f3;font-size:.62rem;font-weight:700;text-shadow:0 1px 2px #000}.inventory-slot .item-name{position:absolute;bottom:.13rem;left:.22rem;max-width:68%;overflow:hidden;color:#aebfba;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap}.quick-slot .item-name{display:none}.inventory-selection{min-height:3.6rem;border-top:1px solid #293d40;padding-top:.75rem}.inventory-selection strong,.inventory-selection span{display:block}.inventory-selection strong{margin-top:.12rem;font-size:.83rem}.inventory-selection span{margin-top:.2rem;color:#819791;font-size:.65rem}.inventory-selection-actions{display:flex;flex:0 0 auto;gap:.35rem}.inventory-selection-actions button{padding:.46rem .66rem;font-size:.68rem}.quickbar{position:absolute;z-index:3;bottom:calc(4.1rem + env(safe-area-inset-bottom));left:50%;display:grid;grid-template-columns:repeat(6,3.1rem);gap:.32rem;transform:translate(-50%);border:1px solid rgb(255 255 255 / 10%);border-radius:11px;padding:.38rem;background:#070f15c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.hud-actions{display:flex;align-items:center;gap:.55rem;pointer-events:auto}.connection-pill{display:flex;align-items:center;gap:.48rem;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;padding:.42rem .75rem;color:#bdc8d2;background:#080e14d1;font-size:.78rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-dot{width:.52rem;height:.52rem;border-radius:50%;background:#e4ae4f;box-shadow:0 0 0 3px #e4ae4f24}.connection-pill[data-state=connected] .status-dot{background:#4ddb9a;box-shadow:0 0 0 3px #4ddb9a24}.connection-pill[data-state=disconnected] .status-dot,.connection-pill[data-state=error] .status-dot{background:#e56062;box-shadow:0 0 0 3px #e5606224}.hud-button{border-color:#ffffff24;padding:.42rem .65rem;color:#c9d3db;background:#080e14d1;font-size:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.debug-panel{position:absolute;z-index:2;top:calc(16.1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));width:12rem;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;padding:.65rem .8rem;color:#91a3b4;background:#080e14bd;font-size:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.debug-panel div{display:flex;justify-content:space-between;gap:.7rem;padding:.22rem 0}.debug-panel strong{overflow:hidden;color:#d7e4ee;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.event-log{position:absolute;z-index:3;bottom:calc(4.2rem + env(safe-area-inset-bottom));left:calc(1rem + env(safe-area-inset-left));display:grid;width:min(28rem,60vw);gap:.3rem;pointer-events:none}.event-log>div{justify-self:start;border-left:3px solid #5c7386;border-radius:4px 8px 8px 4px;padding:.42rem .62rem;color:#d7e2e9;background:#080e14d1;box-shadow:0 5px 16px #0000002e;font-size:.74rem;line-height:1.3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.event-log>div[data-tone=combat]{border-left-color:#e77762}.event-log>div[data-tone=positive]{border-left-color:#57ce8d}.event-log>div[data-tone=warning]{border-left-color:#e2b85a}.event-log>div[data-tone=danger]{border-left-color:#e4545b;color:#ffd4d1}.controls-hint{position:absolute;z-index:2;left:50%;bottom:calc(.9rem + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.5rem;transform:translate(-50%);border:1px solid rgb(255 255 255 / 10%);border-radius:10px;padding:.5rem .75rem;color:#9fb0bf;background:#080e14b8;font-size:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-hint kbd{border:1px solid #425160;border-bottom-width:2px;border-radius:4px;padding:.1rem .28rem;color:#e1ebf3;background:#17222d}.controls-hint a{margin-left:.7rem;pointer-events:auto}.mobile-dpad,.mobile-actions{display:none}.death-state{position:absolute;z-index:5;top:50%;left:50%;display:grid;min-width:min(24rem,82vw);transform:translate(-50%,-50%);border:1px solid rgb(205 99 99 / 55%);border-radius:12px;padding:1rem 1.2rem;color:#f1d7d6;background:#270f13e5;box-shadow:0 18px 48px #00000061;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.death-state strong{font-size:1.2rem;letter-spacing:.12em}.death-state span{margin-top:.35rem;color:#bd9da0;font-size:.78rem}.game-blocker{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#050a0fc2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-blocker>div{width:min(100%,26rem);border:1px solid #72464a;border-radius:12px;padding:1.15rem;color:#f2dcda;background:#25161b;box-shadow:0 18px 50px #0000005c}.game-blocker p{color:#c3a3a3;font-size:.82rem;line-height:1.5}.game-blocker button+button{margin-left:.45rem}#game-error{position:absolute;z-index:5;left:50%;bottom:calc(4rem + env(safe-area-inset-bottom));max-width:min(90vw,38rem);transform:translate(-50%);border:1px solid #8c4144;border-radius:8px;padding:.65rem .8rem;color:#ffd4d1;background:#451418f0;font-size:.8rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgb(104 217 176 / 45%);outline-offset:2px}@media (max-width: 1040px){.hero-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 680px){.portal-screen{place-items:start center;padding-top:calc(.8rem + env(safe-area-inset-top))}.portal-card{border-radius:13px;padding:1.1rem}.character-heading{display:grid}.account-summary{justify-self:start}.hero-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-confirmation{grid-template-columns:auto 1fr}#character-submit{grid-column:span 2;width:100%}.game-hud{align-items:flex-start;padding-right:calc(.65rem + env(safe-area-inset-right));padding-left:calc(.65rem + env(safe-area-inset-left))}.brand span{display:block;max-width:9rem;margin:.15rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-vitals{width:min(12rem,46vw)}.target-card{top:calc(7.2rem + env(safe-area-inset-top));width:min(18rem,72vw)}.object-card{top:calc(10.8rem + env(safe-area-inset-top));width:min(18rem,76vw)}.hud-actions .connection-pill{display:none}.inventory-panel{top:calc(4.4rem + env(safe-area-inset-top));right:calc(.55rem + env(safe-area-inset-right))}.connection-pill{max-width:9.5rem}#connection-state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-panel{display:none}.minimap-panel{top:calc(5.2rem + env(safe-area-inset-top));right:calc(.65rem + env(safe-area-inset-right));width:min(9.5rem,40vw);padding:.35rem}.minimap-panel header{margin-bottom:.24rem}.minimap-legend{margin-top:.25rem;font-size:.52rem}}@media (pointer: coarse),(any-pointer: coarse),(max-width: 960px){.controls-hint{display:none}.mobile-dpad{position:absolute;z-index:4;bottom:calc(1rem + env(safe-area-inset-bottom));left:calc(1rem + env(safe-area-inset-left));display:grid;grid-template-columns:repeat(3,3.25rem);grid-template-rows:repeat(3,3.25rem);gap:.22rem;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-actions{position:absolute;z-index:4;right:calc(1rem + env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,3.7rem);grid-template-rows:repeat(2,3.7rem);gap:.45rem;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.quickbar{bottom:calc(11.4rem + env(safe-area-inset-bottom));grid-template-columns:repeat(6,minmax(0,2.65rem));max-width:calc(100vw - 1rem)}.mobile-actions button{display:grid;place-content:center;min-width:3.7rem;min-height:3.7rem;border-color:#ffffff2e;border-radius:50%;padding:0;color:#dcece7;background:#09131ad6;box-shadow:inset 0 1px #ffffff14;font-size:.68rem;line-height:1.05;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:none}.mobile-actions button span{display:block;margin-bottom:.18rem;font-size:1.05rem;font-weight:750}.mobile-actions button.pressed{border-color:#ffd166;color:#fff5d4;background:#6d4e1ce5;transform:translateY(1px)}.action-target{grid-area:1 / 1}.action-inventory{grid-area:1 / 2}.action-interact{grid-area:2 / 1}.action-attack{grid-area:2 / 2;align-self:end;min-width:4.4rem!important;min-height:4.4rem!important}.event-log{bottom:calc(11.8rem + env(safe-area-inset-bottom));width:min(25rem,calc(100vw - 2rem))}.mobile-dpad button{min-width:3.25rem;min-height:3.25rem;border-color:#ffffff2e;border-radius:12px;padding:0;color:#dcece7;background:#09131ac7;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:none}.mobile-dpad button.pressed{border-color:#62c499;color:#effff8;background:#1f674be0;transform:translateY(1px)}.dpad-up{grid-area:1 / 2}.dpad-left{grid-area:2 / 1}.mobile-dpad>span{grid-area:2 / 2}.dpad-right{grid-area:2 / 3}.dpad-down{grid-area:3 / 2}#game-error{bottom:calc(11.5rem + env(safe-area-inset-bottom))}}@media (orientation: landscape) and (max-height: 560px) and (max-width: 960px),(orientation: landscape) and (max-height: 560px) and (pointer: coarse),(orientation: landscape) and (max-height: 560px) and (any-pointer: coarse){.game-hud{padding-top:calc(.45rem + env(safe-area-inset-top));padding-right:calc(.55rem + env(safe-area-inset-right));padding-left:calc(.55rem + env(safe-area-inset-left))}.brand span,.hud-actions .connection-pill{display:none}.player-vitals{width:min(10rem,31vw)}.minimap-panel{top:calc(3.65rem + env(safe-area-inset-top));right:calc(.55rem + env(safe-area-inset-right));width:min(7.5rem,22vw);padding:.28rem}.minimap-panel header{margin-bottom:.18rem}.minimap-panel header span,.minimap-legend{display:none}.mobile-dpad{bottom:calc(.55rem + env(safe-area-inset-bottom));left:calc(.55rem + env(safe-area-inset-left));grid-template-columns:repeat(3,2.75rem);grid-template-rows:repeat(3,2.75rem);gap:.16rem}.mobile-dpad button{min-width:2.75rem;min-height:2.75rem;border-radius:10px}.mobile-actions{right:calc(.55rem + env(safe-area-inset-right));bottom:calc(.55rem + env(safe-area-inset-bottom));grid-template-columns:repeat(2,3.1rem);grid-template-rows:repeat(2,3.1rem);gap:.3rem}.mobile-actions button{min-width:3.1rem;min-height:3.1rem;font-size:.62rem}.mobile-actions button span{margin-bottom:.1rem;font-size:.9rem}.mobile-actions .action-attack{min-width:3.55rem!important;min-height:3.55rem!important}.quickbar{bottom:calc(.55rem + env(safe-area-inset-bottom));grid-template-columns:repeat(6,minmax(0,2.45rem))}.event-log{bottom:calc(4.2rem + env(safe-area-inset-bottom));left:50%;width:min(23rem,52vw);transform:translate(-50%)}.target-card{top:calc(3.8rem + env(safe-area-inset-top));width:min(18rem,44vw)}.object-card{top:calc(7.2rem + env(safe-area-inset-top));width:min(21rem,52vw)}.inventory-panel{top:calc(3.6rem + env(safe-area-inset-top));max-height:calc(100dvh - 4.1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}#game-error{bottom:calc(4.2rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}