*{box-sizing:border-box} :root{--ink:#071315;--panel:rgba(5,19,23,.86);--gold:#dfc28a;--mint:#81eacb;--text:#f3f0e5;--muted:#a9b6b4}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:hover{filter:brightness(1.16)}button:active{transform:translateY(1px)}.hidden{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(3,10,13,.72),transparent 28%,transparent 65%,rgba(3,10,13,.4));box-shadow:inset 0 0 180px #00121166}#damage-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #ed4848;opacity:0;transition:opacity .15s}.welcome{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:430px;z-index:4}.welcome:before{content:'';position:absolute;z-index:-1;inset:-120px -100px -120px -200px;background:radial-gradient(ellipse at 30% 50%,#031518f5 0%,#031518d9 35%,#03151870 57%,transparent 73%);pointer-events:none}.brand-mark{width:35px;height:43px;margin-bottom:18px}.brand-mark svg{width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:1.1}h1{font:400 clamp(54px,5.4vw,86px)/.91 Georgia,'Times New Roman',serif;letter-spacing:.085em;margin:0 0 22px}h1 span{letter-spacing:.215em;font-size:1.16em;color:#e4d1a9}.title-rule{display:flex;align-items:center;gap:14px;width:365px}.title-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}.title-rule span:last-child{transform:rotate(180deg)}.title-rule b{font-size:10px;letter-spacing:.32em;font-weight:400;color:var(--gold)}.intro{font-size:15px;line-height:1.7;letter-spacing:.02em;color:#c6d5d1;margin:25px 0 27px}.choose-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;margin-bottom:13px;color:#d6c6a4}.choose-label span{color:var(--muted);font-size:10px;letter-spacing:0}.hero-select{display:flex;gap:10px}.hero-card{width:calc(100%/3);position:relative;text-align:left;padding:13px 14px 14px;border:1px solid #aec7c321;background:#04131680;transition:.2s}.hero-card.selected{border-color:#dec48bba;background:#cfb17411}.hero-card.selected:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.hero-symbol{display:block;height:30px;font-size:24px;line-height:25px;color:var(--gold)}.arc-symbol{color:#85eee4}.thunder-symbol{color:#c5cfff}.hero-card strong{display:block;font:400 18px Georgia,serif;margin:9px 0 6px}.hero-card small{font-size:8px;letter-spacing:.12em;color:#a6b6b2}.hero-description{font-size:12px;color:#b5c6c1;min-height:16px;margin:12px 0 18px}.primary{display:flex;justify-content:space-between;align-items:center;padding:17px 23px;background:#d8bc85;color:#152021;min-height:52px;letter-spacing:.05em;font-weight:600;font-size:13px;width:100%;transition:.2s}.primary span:last-child{font-size:20px;font-weight:400}.text-button{padding:12px 0 1px;font-size:11px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}.load-status{font-size:10px;line-height:1.5;color:#8faea3;margin-top:12px;min-height:14px}.welcome-foot{border-top:1px solid #cad4b922;margin-top:27px;padding-top:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#9eaeaa}.welcome-foot span:last-child{letter-spacing:0;color:#bdcfca}#scene-caption{position:absolute;bottom:12%;right:6%;text-align:right;pointer-events:none}#scene-caption span{font-size:9px;letter-spacing:.23em;color:var(--gold)}#scene-caption h2{font:400 34px/1.12 Georgia,serif;margin:14px 0;color:#e7e4d5}#scene-caption p{font-size:11px;color:#b3c6c0}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}kbd{font:400 9px Arial,sans-serif;color:#d8d9c5;border:1px solid #a8b9b339;padding:3px 5px;border-radius:2px}.top-hud{position:absolute;left:32px;right:32px;top:28px;display:flex;align-items:flex-start;justify-content:space-between}.player-panel{display:flex;align-items:center;gap:12px;width:275px}.hero-emblem{border:1px solid #d8c79480;width:51px;height:57px;display:grid;place-items:center;font:26px Georgia;color:var(--gold);background:#071619c9;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%)}.player-info{flex:1}.name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.name-row strong{font:20px Georgia}.name-row span{font-size:10px;color:var(--gold);letter-spacing:.12em}.meter{position:relative;height:13px;background:#030f13bc;margin:4px 0;border:1px solid #b8d7c02b;overflow:hidden}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#447f6c,#9cdbc0);transition:width .12s}.meter span{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;font-size:8px;color:#f2f6dd;text-shadow:0 1px 3px #000}.meter.mp{height:8px}.meter.mp i{background:linear-gradient(90deg,#446586,#89bad0)}.meter.mp span{font-size:7px}.zone-title{text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:1px}.zone-title>span{display:block;letter-spacing:.34em;font-size:8px;color:var(--gold);margin-bottom:9px}.zone-title strong{font:20px Georgia;display:block}.zone-title small{display:block;font-size:9px;color:#a2b4b2;margin-top:7px}.top-actions{display:flex;gap:8px}.icon-button{width:35px;height:35px;border:1px solid #e0dec136;background:#07191ec7;font-size:18px}.icon-button.on{color:var(--gold)}.mission{position:absolute;right:34px;top:111px;width:214px;text-align:right}.mission-head{display:flex;justify-content:space-between;color:var(--gold);font-size:9px;letter-spacing:.1em}.mission h2{font:20px Georgia;margin:10px 0}.mission p{font-size:10px;line-height:1.6;color:#c0d1ca;margin:0 0 11px}.rift-track{display:flex;gap:6px;justify-content:flex-end}.rift-track i{width:26px;height:3px;background:#bba58036}.rift-track i.sealed{background:var(--mint);box-shadow:0 0 9px #73d7b6}.map-frame{width:128px;height:128px;position:relative;margin:18px 0 0 auto;border:1px solid #b7cbb638;border-radius:50%;background:#081a20b5;padding:6px}.map-frame canvas{width:100%;height:100%;opacity:.9}.map-frame span{position:absolute;top:-7px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--gold);background:#0a2023;padding:1px 5px}.bottom-hud{position:absolute;bottom:32px;left:32px;right:32px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.party-panel{width:235px}.micro-label{font-size:9px;letter-spacing:.18em;color:var(--gold)}.micro-label kbd{margin-left:8px;font-size:7px}.party-row{display:flex;gap:6px;margin:13px 0 10px}.party{width:70px;min-height:67px;background:#071b20cd;border:1px solid #93b5a733;position:relative;padding:9px 2px}.party.active{border-color:#cfb881bd;box-shadow:inset 0 -2px #cfb881}.party b{display:block;color:var(--gold);font:21px Georgia}.party span{display:block;font-size:9px;margin-top:7px}.party kbd{position:absolute;top:3px;right:3px;font-size:7px;padding:0 2px;border:0;color:#849c92}.currency{display:flex;justify-content:space-between;max-width:221px;color:#bdcabe;font-size:9px}.currency span:first-child{color:var(--gold)}.combat-panel{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:446px}.limit-label{display:flex;justify-content:space-between;font-size:8px;color:#d2ba89;letter-spacing:.18em;margin-bottom:6px}.limit-meter{height:3px;background:#e3b76125;margin-bottom:13px}.limit-meter i{height:100%;display:block;background:var(--gold);width:0;transition:width .15s}.abilities{display:flex;gap:7px}.abilities button{position:relative;flex:1;min-width:0;height:77px;background:linear-gradient(#0d2930c9,#05171ddb);border:1px solid #9dc1b03b;padding:8px 2px 6px}.abilities button.ultimate{border-color:#d3b67b83}.abilities kbd{border:0;font-size:8px;padding:0;display:block;color:#a5bcb4;letter-spacing:.06em}.abilities b{display:block;font-size:24px;color:var(--gold);height:31px;font-weight:400;line-height:31px}.abilities span{font-size:9px;color:#dce2d0;display:block;white-space:nowrap}.abilities em{font:12px Arial;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#041115c9;color:#c9ceb7}.abilities em:empty{display:none}.abilities button.ready{border-color:#ffe3a9;box-shadow:0 0 15px #d5ab4c45}.neural-status{text-align:right;min-width:210px}.neural-status>button{font-size:9px;letter-spacing:.13em;padding:10px 0;color:#b6d4c7}.live-dot{display:inline-block;border-radius:50%;height:5px;width:5px;background:var(--mint);margin-right:7px;box-shadow:0 0 8px var(--mint)}.neural-status small{display:block;font-size:9px;color:#8faaa3}.save-status{display:block;font-size:8px;color:#74918b;margin-top:11px}.move-hint{position:absolute;bottom:159px;left:32px;font-size:9px;letter-spacing:.13em;color:#e0dfca}.move-hint span{color:#9aafa8;font-size:8px;margin-left:5px}.move-hint i{display:inline-block;height:8px;width:1px;background:#adc3b135;margin:0 11px}.interact-prompt{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);text-align:center}.interact-prompt button{background:#081b20ed;border:1px solid #b2d5bc60;padding:13px 18px;color:#e9eedc;font-size:12px;box-shadow:0 5px 30px #0005}.interact-prompt kbd{color:var(--gold);margin-right:7px;font-size:12px}.toast{position:absolute;top:107px;left:50%;transform:translateX(-50%);background:#061a20ee;border-bottom:1px solid #c6b2807a;padding:12px 23px;color:#d4e2d6;font-size:12px;opacity:0;transition:opacity .35s;text-align:center;max-width:460px}.toast.show{opacity:1}.announcement{position:absolute;left:50%;top:31%;transform:translateX(-50%);text-align:center;font:30px Georgia;letter-spacing:.04em;color:#f0ddad;text-shadow:0 2px 20px #061514;opacity:0;transition:opacity .8s;width:80%;pointer-events:none}.announcement.show{opacity:1}.boss-bar{position:absolute;top:103px;left:50%;transform:translateX(-50%);width:355px;text-align:center}.boss-bar small{display:block;color:#e9a799;font-size:8px;letter-spacing:.22em;margin:0 0 7px}.boss-bar strong{font:13px Georgia;letter-spacing:.07em}.boss-bar .meter{height:5px;margin-top:9px}.boss-bar .meter i{background:linear-gradient(90deg,#8d4364,#e8a2ab)}#floaters{position:fixed;inset:0;pointer-events:none;overflow:hidden}.floater{position:absolute;font:600 16px Arial;color:#ffe6a9;text-shadow:0 2px 4px #00191b;white-space:nowrap}.floater.hurt{color:#ff9a98}.floater.heal{color:#9dfbd1}.enemy-health{position:absolute;width:38px;height:3px;background:#140c16b3;border-radius:1px}.enemy-health i{display:block;height:100%;background:#d891aa}.neural-panel{position:fixed;right:22px;top:20px;width:336px;max-height:calc(100% - 40px);overflow-y:auto;background:#071b20f5;backdrop-filter:blur(18px);padding:26px 24px;border:1px solid #9eb4a74a;z-index:12;box-shadow:0 25px 90px #0008}.neural-panel h2{font:28px Georgia;margin:12px 0}.panel-intro{font-size:12px;color:#b5c9bf;line-height:1.6}.close{position:absolute;right:13px;top:8px;font-size:26px;color:#adbfb5}.model-facts{display:flex;gap:10px;border-block:1px solid #b7c4a629;padding:18px 0;margin:20px 0}.model-facts>div{flex:1}.model-facts strong{display:block;font:21px Georgia;color:#d9c596}.model-facts span{display:block;font-size:8px;color:#9db4aa;margin-top:7px}.domain-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;color:#a9c4b9}.domain-stats b{font-weight:400;color:#e2d2a3;float:right}.neural-panel h3{font:15px Georgia;margin-top:24px}.score-row{display:grid;grid-template-columns:75px 1fr 30px;align-items:center;gap:8px;font-size:9px;margin:8px 0;color:#b9cdbf}.score-row>i{height:4px;background:#bdd2bc13}.score-row i b{height:100%;display:block;background:#577d73}.score-row.selected i b{background:var(--mint)}.score-row.selected{color:var(--mint)}#network-viz{display:block;width:100%;height:102px;margin:12px 0}.model-note{font-size:10px;line-height:1.7;color:#97b1a5}.neural-panel a{font-size:10px;color:var(--gold);display:inline-block;margin-top:9px;text-decoration:none}.modal{position:fixed;inset:0;background:#031014b8;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:30;padding:24px}.modal-card{width:460px;max-width:100%;padding:36px;background:#0b2025;border:1px solid #a69b785b;box-shadow:0 30px 110px #0009}.modal h2{font:36px Georgia;color:#e2cfac;line-height:1.14;margin:14px 0 20px}.modal p{font-size:13px;line-height:1.8;color:#bfd0c5;white-space:pre-line}.modal button{margin-top:13px}.modal .secondary{padding:13px;border:1px solid #bcba9540;display:block;width:100%;font-size:12px;color:#cbdbcf}#modal-options label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;color:#c0d4c7}#modal-options input{accent-color:#ddc28c;width:18px;height:18px}.error-box{position:absolute;inset:0;z-index:90;background:#081b22f5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}.error-box h2{font:34px Georgia;color:var(--gold)}.error-box p{max-width:500px;line-height:1.7;color:#bbcec3}.error-box button{max-width:300px;margin:20px}.error-box #error-message{font-size:13px}#touch-controls{display:none}
@media(max-width:1100px){.neural-status{min-width:120px}.neural-status small{font-size:8px}.party-panel{width:205px}.party{width:60px}.combat-panel{width:410px}.move-hint{font-size:8px}.move-hint span{font-size:7px}.welcome{left:6%;width:390px}.hero-card{padding:12px}.welcome-foot{font-size:7px}.zone-title strong{font-size:18px}.mission{width:187px}.top-hud,.bottom-hud{left:23px;right:23px}.mission{right:23px}}
@media(max-height:760px) and (min-width:701px){.welcome{transform:translateY(-50%) scale(.85);transform-origin:left center}.mission{top:90px}.map-frame{width:105px;height:105px;margin-top:12px}.mission h2{font-size:18px}.bottom-hud{bottom:23px}.move-hint{bottom:142px}.top-hud{top:21px}#scene-caption{bottom:10%}.boss-bar{top:95px}}
@media(max-width:850px){.neural-status{position:absolute;right:0;bottom:123px}.save-status{display:none}.combat-panel{left:auto;right:0;transform:none;width:390px}.party-panel{width:200px}.zone-title{display:none}}
@media(max-width:700px){.welcome{left:7%;width:86%;top:auto;bottom:max(35px,env(safe-area-inset-bottom));transform:none}.brand-mark{width:25px;height:31px;margin-bottom:12px}h1{font-size:50px;line-height:.9;margin-bottom:17px}.title-rule{max-width:300px;width:86%}.title-rule b{font-size:8px}.intro{font-size:12px;margin:17px 0 20px;line-height:1.6}.choose-label{font-size:8px}.choose-label span{font-size:8px}.hero-card strong{font-size:16px}.hero-card small{font-size:7px;letter-spacing:.05em}.hero-card{padding:10px 11px}.hero-symbol{height:24px;font-size:22px}.hero-description{font-size:10px;margin:10px 0 15px}.primary{padding:15px 18px;min-height:48px}.welcome-foot{margin-top:18px;padding-top:13px;font-size:6px;letter-spacing:.03em}.welcome:before{inset:-100px -35px -80px -35px;background:linear-gradient(0deg,#031518 0%,#031518c2 65%,transparent)}#scene-caption{right:7%;top:8%;bottom:auto}#scene-caption h2{font-size:24px;margin-top:11px}#scene-caption p{display:none}#scene-caption span{font-size:7px}.top-hud{left:17px;right:17px;top:max(17px,env(safe-area-inset-top))}.player-panel{width:217px;gap:8px}.hero-emblem{width:42px;height:48px}.name-row strong{font-size:17px}.name-row{margin-bottom:6px}.top-actions{gap:5px}.icon-button{height:30px;width:30px;font-size:15px}.mission{top:89px;right:17px;width:165px}.mission-head{font-size:8px}.mission h2{font-size:16px;margin:9px 0}.mission p{font-size:9px;line-height:1.45}.map-frame{width:86px;height:86px;margin-top:13px}.rift-track i{width:20px}.bottom-hud{bottom:max(18px,env(safe-area-inset-bottom));left:15px;right:15px}.party-panel{width:130px}.party{width:39px;height:48px;min-height:48px;padding:6px 1px}.party span{font-size:7px}.party b{font-size:16px}.party-row{gap:4px;margin:6px 0}.party kbd{display:none}.micro-label{font-size:7px}.micro-label kbd{display:none}.currency{font-size:7px}.combat-panel{width:210px;bottom:0}.abilities{gap:4px}.abilities button{height:56px;padding:5px 1px}.abilities b{height:24px;line-height:24px;font-size:20px}.abilities span{font-size:7px}.abilities kbd{font-size:7px}.abilities button[data-ability=basic],.abilities .dodge-button{display:none}.limit-meter{margin-bottom:8px}.limit-label{font-size:6px}.neural-status{bottom:82px;min-width:0;right:0}.neural-status>button{font-size:7px;padding:5px 0}.neural-status small{font-size:6px}.move-hint{display:none}#touch-controls{display:block;pointer-events:auto}#joystick{position:absolute;left:26px;bottom:139px;width:101px;height:101px;border-radius:50%;border:1px solid #c2cdb33a;background:#05202b4d;touch-action:none}#stick{position:absolute;left:31px;top:31px;width:39px;height:39px;border-radius:50%;border:1px solid #e0cea46b;background:#afc6a429;pointer-events:none}#touch-attack{position:absolute;right:24px;bottom:137px;width:76px;height:76px;border-radius:50%;border:1px solid #d2b9859c;background:#14383ed9;color:var(--gold);font-size:9px;letter-spacing:.08em;touch-action:none}#touch-dodge{position:absolute;right:115px;bottom:142px;width:54px;height:54px;border-radius:50%;border:1px solid #abc2b53f;background:#0b2631b5;font-size:7px;touch-action:none}.interact-prompt{top:auto;bottom:246px;transform:translateX(-50%);width:max-content;max-width:92%}.interact-prompt button{font-size:10px;padding:10px 13px}.interact-prompt kbd{font-size:9px}.toast{top:79px;font-size:10px;padding:9px 14px;max-width:72%}.announcement{font-size:24px;top:34%}.boss-bar{top:80px;width:230px}.boss-bar strong{font-size:10px}.boss-bar small{font-size:7px}.neural-panel{width:calc(100% - 30px);right:15px;top:15px;max-height:calc(100% - 30px);padding:22px}.modal-card{padding:27px}.modal h2{font-size:29px}.modal p{font-size:12px}#vignette{box-shadow:inset 0 0 80px #00121166}}
@media(max-height:540px) and (orientation:landscape){.welcome{width:340px;left:5%;top:50%;bottom:auto;transform:translateY(-50%) scale(.74);transform-origin:left center}#scene-caption{top:auto;bottom:10%}#scene-caption h2{font-size:24px}.mission{top:73px}.mission p,.map-frame{display:none}.top-hud{top:14px}.bottom-hud{bottom:13px}.party-panel{width:165px}.party{width:47px;min-height:50px;height:50px}.party b{font-size:16px}.party span{font-size:8px}.combat-panel{width:350px}.abilities button{height:59px}.abilities b{height:23px;line-height:23px}.neural-status{bottom:98px}.move-hint{display:none}.toast{top:71px}.boss-bar{top:74px}.boss-bar strong{font-size:10px}.boss-bar{width:255px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.announcement{transition:none}}

/* Final visual QA: preserve objective and boss-label readability. */
.boss-active .toast{top:172px}
@media(max-width:700px){.toast,.boss-active .toast{left:17px;top:89px;right:auto;transform:none;width:174px;max-width:calc(100% - 204px);text-align:left;padding:9px 10px;font-size:9px;line-height:1.5}.neural-status>button{font-size:8px}.neural-status small{display:none}.abilities span{font-size:8px}.boss-active .mission .map-frame{display:none}.boss-bar{top:190px;width:calc(100% - 38px)} }