@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;--ink: #07101f;--panel: rgba(9, 18, 31, .94);--line: rgba(214, 234, 217, .18);--gold: #f0b84d;--lime: #b8ed65;--orange: #f2773c;--teal: #63ddc5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#030812}body{touch-action:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}button{font:inherit;color:inherit}.hidden{display:none!important}.rotate-notice{display:none}.eyebrow{margin:0 0 10px;color:var(--lime);font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:800;letter-spacing:.22em}.primary-button{min-width:230px;border:1px solid #f8d681;border-radius:3px;padding:15px 24px;background:linear-gradient(180deg,#ef8a42,#c44e2f);box-shadow:0 5px #74251f,0 12px 35px #ec683647;color:#fffbe8;font-family:Barlow Condensed,sans-serif;font-weight:900;letter-spacing:.12em;cursor:pointer;transition:transform .14s,filter .14s}.primary-button:hover{filter:brightness(1.16);transform:translateY(-2px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #74251f}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;background:#07101f url(/assets/hard-knox-rpg-key-art-v3.png) center/cover no-repeat}.title-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(2,8,18,.95) 0%,rgba(3,9,18,.78) 34%,transparent 72%),linear-gradient(0deg,rgba(2,6,14,.7),transparent 45%)}.title-screen:before{content:"";z-index:2;position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(240,184,77,.35);pointer-events:none}.title-content{z-index:3;width:min(580px,86vw);margin-left:clamp(32px,8vw,130px)}.title-content h1{margin:0;max-width:560px;color:#fff4ce;font-family:Barlow Condensed,sans-serif;font-size:clamp(64px,8vw,118px);font-weight:900;font-style:italic;letter-spacing:-.055em;line-height:.72;text-shadow:4px 6px 0 #45251f,0 0 40px rgba(241,169,70,.18)}.title-content h1 span{display:block;margin:22px 0 9px 8px;color:var(--orange);font-size:.28em;letter-spacing:.23em;line-height:1}.lede{max-width:410px;margin:29px 0 30px;color:#c7d0d4;font-size:15px;line-height:1.65}.microcopy{margin:22px 0 0;color:#778690;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.load-slots{display:flex;flex-wrap:wrap;gap:6px;max-width:470px;margin-top:16px}.load-slots:empty{display:none}.load-slots button{border:1px solid rgba(184,237,101,.35);border-radius:3px;padding:7px 10px;background:#050e16c2;color:#a9b7b3;font:700 9px/1 Barlow Condensed;letter-spacing:.08em;cursor:pointer}.load-slots button:hover{border-color:var(--lime);color:#eef5df}.title-corner{z-index:3;position:absolute;right:34px;bottom:32px;color:var(--gold);font:800 13px/1.6 Barlow Condensed,sans-serif;letter-spacing:.18em;text-align:right}.title-corner span{color:#74828b;font-size:9px}.story-screen,.select-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:auto;padding:30px;background:radial-gradient(circle at 50% 0%,#173153,#08111f 48%,#030812)}.story-screen{background:linear-gradient(#02070e9e,#02070ee6),url(/assets/hard-knox-rpg-key-art-v3.png) center/cover no-repeat}.story-panel{width:min(720px,88vw);border-left:4px solid var(--gold);padding:clamp(28px,5vw,58px);background:linear-gradient(110deg,#060f1bf5,#08121ed1);box-shadow:0 25px 90px #000c}.story-panel h2{margin:0;color:#fff1c7;font:900 clamp(46px,7vw,82px)/.9 "Barlow Condensed";letter-spacing:-.025em}.story-panel>p:not(.eyebrow){max-width:610px;margin:24px 0 30px;color:#c6d2cf;font-size:clamp(14px,1.5vw,18px);line-height:1.7}.story-progress{display:flex;gap:8px;margin-bottom:26px}.story-progress i{width:42px;height:4px;background:#41505a}.story-progress i.active{background:var(--gold)}.select-panel{width:min(1120px,96vw)}.select-panel>h2{margin:0 0 23px;color:#eef5e7;font:800 clamp(32px,4vw,54px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.hero-card{position:relative;min-height:218px;overflow:hidden;border:1px solid var(--line);border-radius:4px;padding:0;background:linear-gradient(160deg,color-mix(in srgb,var(--hero) 35%,#142135),#080e18 68%);cursor:pointer;isolation:isolate}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.025) 8px 9px)}.hero-card:after{content:"";position:absolute;inset:auto 0 0;height:72%;background:linear-gradient(transparent,#080d17 92%)}.hero-card:hover{border-color:color-mix(in srgb,var(--hero) 80%,white);transform:translateY(-2px)}.hero-card.selected{border:2px solid var(--accent);box-shadow:0 0 0 2px #07101f,0 0 25px color-mix(in srgb,var(--accent) 35%,transparent)}.hero-sprite-preview{position:absolute;left:50%;top:4px;width:168px;height:168px;transform:translate(-50%);background-position:0 0;background-size:400% 400%;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 8px 7px rgba(0,0,0,.5))}.hero-silhouette{position:absolute;left:50%;top:30px;width:76px;height:132px;transform:translate(-50%);filter:drop-shadow(0 8px 7px rgba(0,0,0,.5))}.hero-silhouette .head{position:absolute;left:25px;top:0;width:29px;height:31px;border-radius:45% 45% 40% 40%;background:#c7855f;box-shadow:inset -6px -2px #391e1633}.hero-silhouette .body{position:absolute;left:14px;top:29px;width:52px;height:64px;border-radius:18px 18px 8px 8px;background:var(--hero);box-shadow:inset -9px 0 #0000002e}.hero-silhouette .legs{position:absolute;left:21px;top:86px;width:15px;height:44px;background:#24384f;box-shadow:27px 0 #24384f}.hero-silhouette .weapon{position:absolute;right:2px;top:43px;width:8px;height:86px;transform:rotate(-24deg);transform-origin:center;border-radius:2px;background:#bb874f;box-shadow:0 -11px 0 5px #717981}.hero-card:nth-child(3) .weapon{width:4px;box-shadow:-16px 5px #bccbd0;background:#bccbd0}.hero-card:nth-child(6) .weapon{display:none}.hero-label{z-index:2;position:absolute;left:13px;right:10px;bottom:13px;text-align:left}.hero-label strong{display:block;color:#fff6d7;font:900 24px/.9 Barlow Condensed,sans-serif;text-transform:uppercase}.hero-label span{color:var(--accent);font:700 10px/1.4 Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase}.select-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.hero-detail{color:#b7c2c5;font-size:12px;line-height:1.55}.hero-detail strong{color:var(--gold)}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;display:grid;place-items:center;overflow:hidden;background:#030812}#game{display:block;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);aspect-ratio:16 / 9;image-rendering:auto;background:#0a1420}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px #000000b8,inset 0 0 18px #000c}.top-hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));display:flex;align-items:center;width:445px;padding:9px 12px 10px 8px;background:linear-gradient(90deg,rgba(4,11,20,.92),rgba(4,11,20,.54),transparent);filter:drop-shadow(0 4px 7px rgba(0,0,0,.5))}.portrait{display:grid;flex:none;place-items:center;width:82px;height:82px;border:3px solid #d9be75;border-radius:50%;background:radial-gradient(circle at 45% 35%,#3c6d6b,#14212b 68%);box-shadow:inset 0 0 0 5px #08111f;color:#fff0c8;font:900 42px/1 Barlow Condensed,sans-serif}.vitals{flex:1;margin-left:-7px}.name-row{display:flex;justify-content:space-between;margin:0 3px 6px 18px;color:#eef1df;font:800 18px/1 Barlow Condensed,sans-serif;letter-spacing:.07em;text-shadow:1px 2px #000}.name-row span{color:var(--gold)}.meter{position:relative;height:15px;overflow:hidden;border:2px solid #101821;background:#171d25;box-shadow:0 0 0 1px #dfd9ab73;transform:skew(-12deg)}.meter i{display:block;width:100%;height:100%;transition:width .18s}.meter span{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;font:800 9px/11px Inter,sans-serif;text-align:center;transform:skew(12deg);text-shadow:1px 1px #000}.meter.hp{height:21px}.meter.hp i{background:linear-gradient(90deg,#a72336,#ed5848)}.meter.hp span{font-size:11px;line-height:17px}.meter.stamina{width:92%;height:13px;margin-top:4px}.meter.stamina i{background:linear-gradient(90deg,#258d74,#69e6b4)}.meter.mana{width:86%;height:14px;margin-top:4px}.meter.mana i{background:linear-gradient(90deg,#5a48a8,#a26eea)}.meter.xp{width:80%;height:12px;margin-top:4px}.meter.xp i{background:#e5b84e}.currency{display:grid;grid-template-columns:22px auto;grid-template-rows:18px 10px;min-width:74px;margin-left:12px;border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.currency>span{grid-row:1 / 3;color:var(--gold);font-size:21px}.currency strong{font:800 17px/1 Barlow Condensed}.currency small{color:#8d9b9c;font:700 7px/1 Inter;letter-spacing:.15em}.quest-card{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));width:min(380px,34vw);border-right:4px solid var(--gold);padding:14px 18px 15px;background:linear-gradient(90deg,transparent,rgba(4,10,19,.92) 28%);text-align:right;text-shadow:1px 2px #000}.controller-status{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:28px;border-left:2px solid #52616a;padding:6px 9px;background:#040a12b8;color:#8d9ba0;font:700 9px/1 Inter;letter-spacing:.08em;text-shadow:1px 1px #000}.controller-status.connected{border-color:var(--teal);color:#b6f2dd}.quest-card small{display:block;color:var(--gold);font:700 10px/1 Inter;letter-spacing:.18em}.quest-card strong{display:block;margin-top:7px;color:#eff2df;font:800 24px/1 Barlow Condensed;text-transform:uppercase}.quest-card p{margin:8px 0 0;color:#d0dad5;font-size:12px;line-height:1.45}.quest-card b{display:block;margin-top:9px;color:#ffe08c;font:800 10px/1 Inter;letter-spacing:.08em}.quest-card>span{display:block;margin-top:9px;color:#bba1ee;font:700 9px/1 Inter;letter-spacing:.12em}.minimap{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:28px;width:206px;border:1px solid rgba(231,219,169,.45);padding:3px;background:#03080fdb;box-shadow:0 5px 15px #00000059}.minimap canvas{display:block;width:200px;height:126px;opacity:.96}.minimap span{display:block;padding:6px;color:#e0e8dd;font:700 9px/1 Inter;letter-spacing:.14em;text-align:center}.quickbar{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:6px;transform:translate(-50%)}.slot{display:grid;grid-template-columns:25px auto;align-items:center;min-width:70px;height:36px;border:1px solid rgba(213,225,211,.25);border-radius:3px;padding:4px 6px 4px 4px;background:linear-gradient(#101b25eb,#060c14f2);box-shadow:0 4px 12px #0000004d;color:#aeb9b6;font:700 6px/1 Inter;letter-spacing:.08em}.slot.throwable,.slot.potion{min-width:104px}.slot.boosted{border-color:#8cff72;color:#dfffd1;box-shadow:0 0 18px #62ff6857}.slot kbd{display:grid;place-items:center;width:25px;height:27px;border:1px solid #6f7b75;border-radius:3px;background:#19252c;color:#f0d48d;font:800 13px/1 Barlow Condensed;box-shadow:inset 0 -3px #0000004d}.slot.inventory{cursor:pointer}.slot.inventory:hover{border-color:var(--gold)}.audio-toggle{cursor:pointer}.audio-toggle:hover{border-color:var(--teal)}.mobile-audio-toggle{display:none}.combat-readout{position:absolute;left:50%;bottom:70px;display:grid;min-width:250px;transform:translate(-50%);border-left:3px solid var(--gold);padding:8px 13px;background:linear-gradient(90deg,#040a12f0,#040a12bd,#040a121f);filter:drop-shadow(0 5px 12px #0009);text-align:left;pointer-events:none}.combat-readout small{color:var(--gold);font:800 8px/1 Inter;letter-spacing:.18em}.combat-readout strong{margin-top:4px;color:#fff1bf;font:900 20px/.9 Barlow Condensed;letter-spacing:.05em}.combat-readout span{margin-top:4px;color:#a9b8b2;font:700 8px/1 Inter;letter-spacing:.11em}.buff-status{position:absolute;left:max(25px,env(safe-area-inset-left));top:126px;display:flex;align-items:center;gap:10px;border-left:3px solid #8cff72;padding:8px 12px;background:#05120ee0;box-shadow:0 0 22px #62ff682e;pointer-events:none}.buff-status strong{color:#caffb5;font:900 15px/1 Barlow Condensed;letter-spacing:.07em}.buff-status span{color:#b7d7b0;font:700 8px/1 Inter;letter-spacing:.07em}.prompt{position:absolute;left:50%;bottom:118px;transform:translate(-50%);border:1px solid rgba(230,216,158,.45);border-radius:3px;padding:8px 13px;background:#050c14e6;color:#e8ebd7;font:700 10px/1 Inter;letter-spacing:.04em;box-shadow:0 5px 18px #0008}.prompt b{color:var(--gold)}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%);border-bottom:1px solid var(--gold);padding:8px 20px;background:linear-gradient(90deg,transparent,rgba(4,10,18,.92),transparent);color:#fff1bc;font:800 14px/1 Barlow Condensed;letter-spacing:.12em;text-shadow:1px 2px #000}.boss-hud{position:absolute;left:50%;top:21px;width:min(420px,46vw);transform:translate(-50%);text-align:center;text-shadow:1px 2px #000}.boss-hud small{display:block;color:#e5bd68;font:700 7px/1 Inter;letter-spacing:.22em}.boss-hud strong{color:#f3ebd3;font:900 20px/1.2 Barlow Condensed;letter-spacing:.1em}.boss-hud>div{height:8px;border:1px solid #d5bb7b;background:#1b1720}.boss-hud i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7b2037,#dd4c45);transition:width .2s}.dialogue{position:absolute;left:50%;bottom:75px;display:grid;grid-template-columns:72px 1fr;gap:15px;width:min(670px,78vw);transform:translate(-50%);border:1px solid #b39a61;border-radius:4px;padding:13px;background:linear-gradient(110deg,#0f1d26fa,#060c15fa);box-shadow:0 14px 40px #000b}.dialogue-portrait{display:grid;place-items:center;border:1px solid #5eaa9e;background:radial-gradient(circle,#276a68,#0e222c);color:#eff3d7;font:900 42px/1 Barlow Condensed}.dialogue small{color:var(--teal);font:700 10px/1 Inter;letter-spacing:.12em}.dialogue p{min-height:42px;margin:9px 0;color:#f0f1e5;font-size:14px;line-height:1.5}.dialogue span{color:#9aa9a6;font:700 8px/1 Inter;letter-spacing:.1em}.tutorial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#02070ed1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-card{width:min(720px,92vw);border:1px solid #aa915b;border-left:5px solid var(--gold);padding:30px;background:linear-gradient(125deg,#101e29,#08111d);box-shadow:0 25px 90px #000d}.tutorial-card h2{margin:0;color:#fff0bd;font:900 48px/.9 Barlow Condensed}.tutorial-card>p:not(.eyebrow,.tutorial-note){color:#cbd6d1;font-size:14px;line-height:1.6}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.tutorial-grid>div{display:grid;gap:5px;border:1px solid rgba(255,255,255,.12);padding:14px;background:#08121c}.tutorial-grid kbd{color:var(--gold);font:900 22px/1 Barlow Condensed}.tutorial-grid strong{color:#eef4e6;font:800 14px/1 Barlow Condensed}.tutorial-grid span{color:#879793;font-size:9px}.tutorial-note{color:#9eb3ac;font-size:11px}.inventory-panel{position:absolute;top:50%;left:50%;width:min(780px,90vw);max-height:88vh;overflow:auto;transform:translate(-50%,-50%);border:1px solid #997f4d;border-radius:5px;padding:22px;background:radial-gradient(circle at 80% 10%,#1e3b3d,#0d1824 52%,#080e18);box-shadow:0 20px 90px #000e,inset 0 0 0 3px #04090fb3}.panel-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid rgba(240,184,77,.2);padding-bottom:12px}.panel-head small,.gear-card small,.inventory-grid small{color:var(--gold);font:700 8px/1 Inter;letter-spacing:.16em}.panel-head h2{margin:4px 0 0;font:900 30px/1 Barlow Condensed}.panel-head button{border:0;background:none;color:#96a6a4;font-size:28px;cursor:pointer}.gear-card{display:grid;grid-template-columns:64px 1fr;gap:14px;margin:18px 0;border:1px solid rgba(99,221,197,.25);padding:14px;background:#20534f26}.gear-icon{display:grid;place-items:center;background:#101f27;color:var(--teal);font-size:28px}.gear-card strong{display:block;margin-top:4px;color:#f1edda;font:800 20px/1 Barlow Condensed}.gear-card p{margin:5px 0 0;color:#899897;font-size:10px}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inventory-grid>div{min-height:68px;border:1px solid rgba(255,255,255,.09);padding:12px;background:#03080e59}.inventory-grid strong{display:block;margin:5px 0 3px;color:#dee7d4;font:800 14px/1 Barlow Condensed}.inventory-grid span{color:#82908f;font-size:9px}.panel-tip{margin:16px 0 0;color:#71817f;font-size:9px;line-height:1.5}.combo-manual{margin-top:12px;border:1px solid rgba(240,184,77,.2);padding:12px;background:#040a1173}.combo-manual>small{color:var(--gold);font:800 8px/1 Inter;letter-spacing:.13em}.combo-manual>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.combo-move{min-height:82px;border-top:2px solid var(--teal);padding:9px;background:#15272e94}.combo-move b{display:block;color:#fff0c4;font:900 14px/1 Barlow Condensed}.combo-move em{display:block;margin-top:4px;color:var(--teal);font:800 7px/1 Inter;font-style:normal;letter-spacing:.09em}.combo-move span{display:block;margin-top:6px;color:#91a19d;font-size:8px;line-height:1.35}.save-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.save-row button{border:1px solid rgba(240,184,77,.28);padding:9px;background:#101b25;color:#b7c0b7;font:800 9px/1 Barlow Condensed;letter-spacing:.09em;cursor:pointer}.save-row button:hover{border-color:var(--gold);color:#fff0bc}.end-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle,#0f2d32bd,#02060cf0);text-align:center}.end-screen>div{width:min(520px,84vw)}.end-screen h2{margin:0;color:#fff0bd;font:900 clamp(48px,7vw,86px)/.85 "Barlow Condensed";letter-spacing:-.03em}.end-screen p:not(.eyebrow){margin:22px auto 27px;color:#b4c3be;font-size:12px;line-height:1.65}.touch-controls{display:none}@media(max-width:900px){.hero-grid{grid-template-columns:repeat(3,1fr)}.hero-card{min-height:150px}.hero-silhouette{top:12px;transform:translate(-50%) scale(.72);transform-origin:top}.hero-sprite-preview{width:120px;height:120px}.hero-label strong{font-size:19px}.select-footer{grid-template-columns:1fr}.select-screen{align-items:start}.minimap,.slot:nth-child(3),.slot.inventory,.audio-toggle{display:none}.quest-card{width:42vw}.top-hud{transform:scale(.78);transform-origin:top left}.tutorial-grid{grid-template-columns:repeat(2,1fr)}}@media(pointer:coarse){.quickbar,.minimap{display:none}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid rgba(219,227,206,.24);background:#0a141da8;color:#eeedd5bd}.mobile-audio-toggle{position:absolute;z-index:12;top:50%;right:max(8px,env(safe-area-inset-right));display:grid;place-items:center;width:46px;height:46px;transform:translateY(-50%);border:1px solid rgba(99,221,197,.45);border-radius:50%;background:#050f18c7;color:#f0d48d;font:900 20px/1 Barlow Condensed;touch-action:none}.mobile-audio-toggle span{font:700 6px/1 Inter;letter-spacing:.08em}.touch-dpad{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));width:144px;height:144px}.touch-dpad button{position:absolute;width:50px;height:50px;border-radius:7px;font-size:17px}.touch-dpad .up{left:47px;top:0}.touch-dpad .left{left:0;top:47px}.touch-dpad .down{left:47px;top:94px}.touch-dpad .right{left:94px;top:47px}.touch-actions{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(29px,env(safe-area-inset-bottom));width:292px;height:145px}.touch-actions button{position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff0c2;font:900 18px/1 Barlow Condensed}.touch-actions small{font:700 6px/1 Inter;letter-spacing:.1em}.touch-j{right:0;bottom:28px;background:#973430b8!important}.touch-k{right:56px;top:0}.touch-e{right:66px;bottom:0}.touch-r{right:120px;top:7px}.touch-f{right:130px;bottom:6px;background:#5b3984b3!important}.touch-c{right:188px;top:37px}.prompt{bottom:18px}.dialogue{bottom:20px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:500px){.controller-status{display:none}.quest-card{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));transform:scale(.78);transform-origin:top right}.touch-dpad{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));transform:scale(.88);transform-origin:bottom left}.touch-actions{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));transform:scale(.88);transform-origin:bottom right}}@media(pointer:coarse)and (orientation:portrait){.rotate-notice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:10px;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 35%,#173153,#050b15 68%);color:#fff0c2;text-align:center}.rotate-notice div{color:var(--gold);font:900 64px/1 Barlow Condensed,sans-serif}.rotate-notice strong{font:900 34px/1 Barlow Condensed,sans-serif;letter-spacing:.08em}.rotate-notice span{color:#aab8b5;font-size:13px}}@media(max-height:600px){.title-content{transform:scale(.86);transform-origin:left center}.select-screen{padding:18px}.hero-card{min-height:135px}.hero-silhouette{transform:translate(-50%) scale(.62);transform-origin:top}.hero-sprite-preview{width:106px;height:106px}.hero-label strong{font-size:18px}.hero-detail{display:none}}