px;background:linear-gradient(160deg,#080f16fc,#020408fc 58%,#14060ffc);border-left:1px solid #ffd35ba6;flex-direction:column;width:min(405px,100%);top:0;bottom:0;right:0;box-shadow:-18px 0 50px #000000bf}.companion-head{display:flex;border-bottom:1px solid #ffd46047;justify-content:space-between;align-items: center;padding-bottom:13px}.companion-head strong{color:#fff0a7;letter-spacing:.11em;font:700 17px Cinzel,serif}.companion-head span{display:block;color:var(--cyan);text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:700}.companion-head button{border:1px solid var(--border);color:#fff0a3;background:#070a0f;width:40px;height:40px;font-size:24px}.chat-log{overflow:auto;flex:1;padding:15px 2px 8px}.bubble{color:#fff1bb;background:#412b08ab;border:1px solid #ffd35f6b;width:-moz-fit-content;width:fit-content;max-width:88%;margin:0 0 11px;padding:10px 12px;font-size:15px;line-height:1.35}.bubble.me{color:#d8fdff;background:#02080ce0;border-color:#5feffa80;margin-left:auto}.bubble b{display:block;color:var(--accent);letter-spacing:.13em;margin-bottom:4px;font:700 9px Cinzel,serif}.bubble.me b{color:var(--cyan)}.suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:7px 0}.suggestions button{color:#f3d98f;background:#080b0f;border:1px solid #ffd35b57;border-radius:999px;padding:7px 9px;font-size:10px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:7px}.chat-form input{background:#02060a;border:1px solid #5feffa6b;min-width:0;height:47px;padding:0 12px;font-size:16px}.chat-form button{letter-spacing:.12em;background:#1b1104;border:1px solid #d5ab42;padding:0 14px;font-size:10px;font-weight:800}@media (max-width:650px){.pause-button{left:max(12px,env(safe-area-inset-left))}.chest-button{left:max(58px,calc(env(safe-area-inset-left) + 46px));right:auto}.hud{top:max(58px,calc(env(safe-area-inset-top) + 56px));grid-template-columns:minmax(0,1fr)minmax(0,1fr)minmax(82px,.9fr);gap:8px}.rank{min-width:0;padding-right:0}.rank strong{display:block;overflow:visible;letter-spacing:.05em;white-space:nowrap;font-size:11px}.meter span,.rank small{letter-spacing:.1em;white-space:nowrap;font-size:8px}.objective{top:max(96px,calc(env(safe-area-inset-top) + 94px))}.compass{top:max(141px,calc(env(safe-area-inset-top) + 137px));width:74vw}.joystick{width:112px;height:112px}.actions{grid-template-columns:repeat(2,58px);gap:6px}.actions button{min-width:58px;height:47px}.actions .attack,.actions .vision{height:59px}.glassy-quote{font-size:14px;line-height:1.25}.opening{gap:13px}.destinations{grid-template-columns:1fr;overflow:auto;max-height:52vh}}@media (max-height:620px){.joystick{width:96px;height:96px}.actions{transform-origin:bottom right;transform:scale(.88)}.touch-layer{bottom:7px}.objective{display:none}.compass{top:68px}.opening-art{height:130px}.glassy-quote{font-size:12px}}@media (max-height:620px) and (max-width:900px) and (orientation:landscape){.pause-button{left:max(8px,env(safe-area-inset-left));top:max(7px,env(safe-area-inset-top))}.chest-button{left:max(53px,calc(env(safe-area-inset-left) + 45px));right:auto;top:max(7px,env(safe-area-inset-top))}.solid-sigil{right:max(8px,env(safe-area-inset-right));top:max(7px,env(safe-area-inset-top));width:42px;height:42px}.hud{left:max(116px,calc(env(safe-area-inset-left) + 108px));right:max(60px,calc(env(safe-area-inset-right) + 52px));top:max(7px,env(safe-area-inset-top));grid-template-columns:minmax(92px,1fr)minmax(92px,1fr)minmax(86px,.8fr);gap:9px}.rank{min-width:0;padding-right:0}.rank strong{display:block;overflow:visible;white-space:nowrap;font-size:11px}.meter span,.rank small{white-space:nowrap;font-size:8px}.compass{top:max(54px,calc(env(safe-area-inset-top) + 48px))}}@media (min-width:900px){.touch-layer{max-width:980px;margin:0 auto}.joystick{width:142px;height:142px}.actions{grid-template-columns:repeat(3,72px)}.actions button{min-width:72px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.road-proclamation{overflow:hidden;background:#000004b8}.road-proclamation:before{opacity:.72;mask-image:linear-gradient(#000,#0000 62%);background:repeating-radial-gradient(at 50% 78%,#0000 0 20px,#ffd24a1a 21px 22px);border:0;inset:0}.road-proclamation-copy{position:relative;z-index:2;overflow:auto;text-align:center;background:linear-gradient(90deg,#0000,#000004e6 10% 90%,#0000);border-top:1px solid #ffd7678c;border-bottom:1px solid #ffd7678c;width:min(850px,100vw - 28px);max-height:calc(100vh - 28px);padding:18px 12px 10px}.road-proclamation-copy .solid-proclamation-signal{width:min(620px,86vw);margin:0 auto 4px}.road-proclamation-copy .glassy-quote{padding-top:14px;padding-bottom:14px;font-size:clamp(13px,2vw,18px);line-height:1.42}.skip-rune{color:#ffe8a2b8;letter-spacing:.13em;background:0 0;border:0;border-bottom:1px solid #ffd8686b;min-height:32px;padding:5px 10px;font-size:9px;font-weight:800}.proclamation-road{position:absolute;filter:blur(3px);c