:root{color:#e5e9e3;font-synthesis:none;--gold:#d7bd87;--muted:#95aaa9;--line:#a6c9bf26;--teal:#8be0ca;background:#0a1117;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button{border:0}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(1.18)}[hidden]{display:none!important}#world{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}#screen,#overlay,#toast{pointer-events:auto}#screen{height:100%;overflow:auto}#vignette{pointer-events:none;background:linear-gradient(90deg,#040c11e0 0%,#050e1357 50%,#050d122e),linear-gradient(#0000 42%,#081218a3 73%,#071015 100%);transition:opacity .4s;position:absolute;inset:0}.playing #vignette{opacity:.2;background:radial-gradient(#0000 45%,#030810 100%)}.home{flex-direction:column;max-width:1800px;min-height:100%;margin:auto;padding:28px 4.5vw 20px;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:35px;height:54px;display:flex}.brand{color:#e9e7da;letter-spacing:3px;gap:13px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:2.5px;color:var(--muted);margin-top:8px;font-size:7px;display:block}.sigil{color:var(--gold);text-align:center;border:1px solid #d7bd8755;width:40px;font-family:Georgia,serif;font-size:36px;line-height:35px;transform:rotate(0)}nav{gap:35px;margin-left:7vw;margin-right:auto;display:flex}nav button{letter-spacing:2px;color:#a5b7b3;background:0 0;border-bottom:1px solid #0000;padding:18px 0;font-size:10px}nav .nav-active{color:var(--gold);border-bottom-color:var(--gold)}.text-button{letter-spacing:1.5px;color:#b9c7c0;background:0 0;padding:12px 0;font-size:10px}.hero{flex:1;justify-content:space-between;align-items:center;min-height:270px;padding-top:30px;padding-bottom:25px;display:flex}.eyebrow{letter-spacing:2.4px;color:var(--gold);font-size:9px;font-weight:700;line-height:1.6}.eyebrow i{background:var(--gold);vertical-align:middle;width:19px;height:1px;margin-right:8px;display:inline-block}h1,h2,p{margin:0}h1{letter-spacing:.035em;color:#edece1;margin:20px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,6.3vw,105px);font-weight:400;line-height:.91}h1 span{color:#d2c5a8;letter-spacing:.12em}h2{color:#e6e7dc;margin:10px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:400}.hero-copy>p{color:#a5bab7;letter-spacing:.35px;font-size:12px;line-height:1.7}.hero-rule{letter-spacing:1.8px;color:#92a7a5;align-items:center;gap:14px;margin-top:22px;font-size:8px;display:flex}.hero-rule i{background:#8fa69d55;width:50px;height:1px}.location-card{background:linear-gradient(90deg,#06131977,#0000);border-left:1px solid #bbd3be55;align-self:flex-end;max-width:275px;margin-bottom:28px;padding-top:14px;padding-bottom:14px;padding-left:24px}.location-card h2{margin:10px 0;font-size:30px}.location-card p{color:#b3c6c0;font-size:11px;line-height:1.8}.location-card>div{letter-spacing:1.4px;color:#9cb8ae;align-items:center;gap:8px;margin-top:19px;font-size:8px;display:flex}.card-index{color:#b1c4bb;margin-left:auto}.live-dot{background:#89bbaa;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #9cdac259}.play-panel{padding-top:8px}.section-label{letter-spacing:1.9px;color:#859c98;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:8px;display:flex}.section-label span:first-child{color:#b0bfb3}.modes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mode{text-align:left;background:#0b1a20bf;border:1px solid #67877d30;align-items:center;gap:18px;min-height:77px;padding:15px 20px;transition:background .2s;display:flex}.mode.selected{background:linear-gradient(110deg,#25352eeb,#11222bba);border-color:#baaa78b3}.mode-icon{color:#a4bcb4;font-size:31px;line-height:1}.mode.selected .mode-icon{color:var(--gold)}.mode small{letter-spacing:1.5px;color:#8fa9a1;margin-bottom:6px;font-size:8px;display:block}.mode strong{color:#dce4da;font-family:Georgia,serif;font-size:22px;font-weight:400}.mode-check{color:var(--gold);margin-left:auto;font-size:11px}.map-label{margin-top:22px}.maps{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.map-tile{text-align:left;background:linear-gradient(155deg,color-mix(in srgb,var(--map-color) 24%,#101b22),#0c171c 88%);border:1px solid #a9c5b622;min-height:90px;padding:10px 12px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.map-tile:hover{transform:translateY(-2px)}.map-tile.selected{border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.map-number{letter-spacing:1px;color:#adc4bc8c;font-size:8px}.map-art{color:var(--map-color);opacity:.32;font-size:52px;line-height:1;position:absolute;top:7px;right:12px}.map-tile strong{letter-spacing:.4px;color:#ccd9d2;white-space:nowrap;margin-top:31px;font-size:10px;font-weight:400;display:block;position:relative}.launch-row{align-items:center;gap:12px;margin-top:20px;display:flex}.selected-description{flex:1;align-items:center;gap:12px;padding-right:25px;display:flex}.selected-description p{color:#9aafa8;max-width:400px;font-size:10px;line-height:1.7}.primary{background:var(--gold);color:#1b241f;letter-spacing:1.8px;text-align:left;min-height:54px;padding:15px 24px;font-size:10px;font-weight:700;position:relative}.primary span{float:right;margin-left:18px;font-size:19px;line-height:12px}.primary small{letter-spacing:1px;color:#394338;margin-top:7px;font-size:7px;font-weight:400;display:block}.secondary{letter-spacing:1.2px;white-space:nowrap;background:#14242b87;border:1px solid #9bb4a64d;min-height:48px;padding:16px 20px;font-size:9px}.launch-row .primary{min-width:230px}.launch-row .secondary{min-height:54px}footer{color:#59746f;letter-spacing:1.6px;justify-content:space-between;margin-top:3px;padding-top:22px;font-size:7px;display:flex}footer i{padding:0 12px;font-style:normal}#overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030a10a8;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:linear-gradient(135deg,#15272bfa,#09131bfc);border:1px solid #acbda74a;width:min(580px,100%);max-height:90vh;padding:40px;position:relative;overflow:auto;box-shadow:0 25px 120px #0008}.modal h2{font-size:40px}.modal p{color:#a7bbb3;margin:14px 0;font-size:13px;line-height:1.8}.modal b{color:#e0ddc8}.modal .primary{width:100%;margin-top:15px}.modal #close-modal{color:#a8bcb1;background:0 0;font-size:26px;position:absolute;top:12px;right:15px}.modal label{letter-spacing:1.5px;color:#b7c6b9;margin:20px 0;font-size:9px;display:block}.modal input:not([type=checkbox]):not([type=range]),.modal select{color:#e5eddf;background:#071219;border:1px solid #8cae9f4a;border-radius:0;outline:none;width:100%;margin-top:9px;padding:13px;font-size:14px;display:block}.modal input:focus{border-color:var(--gold)}.modal input[type=range]{width:100%;accent-color:var(--gold);margin-top:15px;display:block}.modal input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}.modal .check{justify-content:space-between;align-items:center;font-size:13px;display:flex}.form-row{gap:16px;display:flex}.form-row label{flex:1}.dialog-actions{align-items:center;gap:14px;margin-top:25px;display:flex}.dialog-actions .primary{flex:1;margin:0}.stack{flex-direction:column;gap:12px;display:flex}.guide-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.guide-grid p{font-size:11px;line-height:2.5}kbd{color:#d3decf;white-space:nowrap;border:1px solid #92b0a24a;border-radius:2px;padding:3px 5px;font-family:Arial,sans-serif;font-size:9px}.muted{color:#849f96!important;font-size:11px!important}.lobby{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a181ee8;border:1px solid #b4c6ab38;width:min(590px,95%);margin:5vh auto;padding:35px;position:relative}.lobby h1{margin:15px 0;font-size:47px}.lobby>p{color:#a9bcb2;font-size:12px;line-height:1.9}.room-code{border-block:1px solid var(--line);align-items:center;gap:20px;margin:22px 0;padding:18px 0;display:flex}.room-code small{letter-spacing:1.5px;color:#8fa89d;max-width:70px;font-size:8px;line-height:1.7}.room-code strong{letter-spacing:5px;color:var(--gold);font-family:monospace;font-size:27px}.room-code button{margin-left:auto;font-size:8px}.roster>div{border-bottom:1px solid #bed0b914;align-items:center;gap:14px;padding:10px 0;font-size:13px;display:flex}.roster small{letter-spacing:1.3px;color:#7f9c90;margin-top:6px;font-size:7px;display:block}.avatar{color:#a0ccb9;width:35px;font-size:24px}.ready{letter-spacing:2px;color:#83bba2;margin-left:auto;font-size:8px}.lobby .muted{margin-top:20px}.hud-top{text-shadow:0 2px 6px #000;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:28px;left:32px;right:32px}.trial{border-left:2px solid var(--gold);max-width:40%;padding-left:17px}.trial strong{margin-top:8px;font-family:Georgia,serif;font-size:19px;font-weight:400;display:block}.trial small{letter-spacing:1.5px;color:#b3c2b5;margin-top:9px;font-size:8px;display:block}.timer-cluster{text-align:center;background:linear-gradient(#071319c9,#0000);min-width:210px;padding:10px 28px 20px;position:absolute;left:50%;transform:translate(-50%)}.timer-cluster>span{letter-spacing:2px;color:#c9d4c7;font-size:8px}.timer-cluster strong{letter-spacing:3px;margin:5px 0;font-family:Georgia,serif;font-size:38px;display:block}.timer-cluster small{letter-spacing:1px;color:var(--gold);font-size:9px}#pause-button{border:1px solid var(--line);pointer-events:auto;background:#0e222ad9;width:38px;height:38px}.crosshair{color:#e4efe4;text-shadow:0 0 3px #000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#interaction{letter-spacing:2px;color:#f2e2bb;text-shadow:0 2px 6px #000;white-space:nowrap;background:#07151b88;padding:10px 15px;font-size:10px;position:absolute;top:62%;left:50%;transform:translate(-50%)}#interaction:empty{display:none}.hud-bottom{text-shadow:0 2px 4px #000;justify-content:space-between;align-items:flex-end;gap:25px;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.vitals{width:220px}.vitals>span{letter-spacing:2px;color:var(--gold);font-size:9px}.meter,.stamina{background:#182c2fe0;height:5px;margin-top:12px;overflow:hidden}.meter i,.stamina i{background:#c6d5ba;height:100%;transition:width .15s;display:block}.stamina{height:2px;margin-top:5px}.stamina i{background:var(--gold)}.vitals small{letter-spacing:1.5px;color:#b6c9bc;margin-top:9px;font-size:8px;display:block}.powers{gap:8px;display:flex}.power-slot{background:#091b22d4;border:1px solid #94b9a639;align-items:center;gap:10px;min-width:145px;padding:10px;display:flex}.power-slot>span{letter-spacing:1px;font-size:8px}.power-slot small{color:#819f93;margin-top:7px;font-size:7px;display:block}.controls-hint{color:#b7ccbd;letter-spacing:1px;font-size:7px;line-height:2.8}.controls-hint span{display:block}.controls-hint kbd{margin-right:4px;padding:2px 3px;font-size:7px}#feed{text-align:right;color:#becfc1;text-shadow:0 2px 4px #000;max-width:320px;font-size:10px;line-height:1.8;position:absolute;top:155px;right:32px}#feed p{background:#06151b75;margin-bottom:5px;padding:5px 10px}#soul-banner{text-align:center;color:#a9e3ec;background:#101b3399;padding:20px 50px;position:absolute;top:23%;left:50%;transform:translate(-50%)}#soul-banner small,#soul-banner span{letter-spacing:1.5px;font-size:10px;display:block}#soul-banner strong{margin:12px;font-family:Georgia,serif;font-size:28px;display:block}#zone-warning{letter-spacing:2px;background:#542d20dd;border:1px solid #e9a873;padding:16px 25px;font-size:12px;position:absolute;top:72%;left:50%;transform:translate(-50%)}#mini-map{background:#06131bf0;border:1px solid #98bba34d;max-width:95vw;padding:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#mini-map canvas{max-width:100%;display:block}#mini-map small{text-align:center;letter-spacing:2px;color:#a2b9a7;margin:10px;font-size:9px;display:block}#toast{color:#ecdfbd;text-align:center;z-index:10;background:#142c30f5;border:1px solid #d7bd8766;max-width:90vw;padding:15px 25px;font-size:12px;position:absolute;bottom:125px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}.result-mark{color:var(--gold);text-align:center;padding:15px;font-size:80px}#touch{display:none}@media (max-height:800px) and (min-width:850px){.home{padding-top:18px;padding-bottom:12px}.hero{min-height:220px;padding-top:20px;padding-bottom:18px}h1{margin:14px 0;font-size:69px}.hero-rule{margin-top:14px}.mode{min-height:65px;padding:12px 17px}.map-label{margin-top:16px}.map-tile{min-height:78px}.map-tile strong{margin-top:23px}.map-art{font-size:44px}.launch-row{margin-top:16px}footer{padding-top:16px}}@media (max-width:850px){.home{padding:20px 5vw}.topbar{gap:12px}nav{gap:18px;margin-left:auto;margin-right:0}nav button{letter-spacing:1px;font-size:8px}nav .nav-active{display:none}.brand{letter-spacing:1.4px;font-size:10px}.brand small{letter-spacing:1.3px;font-size:6px}.topbar #settings span{display:none}.hero{min-height:270px}.location-card{max-width:200px}.location-card h2{font-size:25px}.location-card p{font-size:10px}.modes{gap:7px}.mode{gap:9px;padding:13px 10px}.mode strong{font-size:17px}.mode small{letter-spacing:.8px;font-size:6px}.mode-icon{font-size:24px}.maps{grid-template-columns:repeat(7,120px);padding-bottom:6px;overflow-x:auto}.launch-row{flex-wrap:wrap}.selected-description{flex-basis:100%;padding-bottom:3px}.launch-row .primary{flex:1;min-width:190px}.launch-row .secondary{padding:12px;font-size:8px}.section-label{letter-spacing:1px;font-size:7px}footer{gap:20px;line-height:1.8}.hud-top{top:16px;left:17px;right:17px}.trial strong{font-size:14px}.trial .eyebrow{letter-spacing:1px;font-size:7px}.trial small{font-size:7px}.timer-cluster{min-width:130px;padding:8px;left:auto;right:48px;transform:none}.timer-cluster strong{font-size:29px}.timer-cluster small{font-size:7px}.timer-cluster>span{letter-spacing:1px;font-size:7px}.hud-bottom{gap:15px;bottom:18px;left:17px;right:17px}.controls-hint{display:none}.vitals{width:160px}.power-slot{min-width:110px;padding:8px}.power-slot>span,.power-slot small{font-size:6px}.modal{padding:30px}.guide-grid{gap:5px}.modal h2{font-size:32px}.trial{max-width:49%}#feed{max-width:220px;font-size:9px;top:130px;right:17px}}@media (max-width:520px){.hero{align-items:flex-start;min-height:300px;padding-top:40px}.hero h1{font-size:60px}.location-card{display:none}.hero-rule{font-size:7px}.mode{text-align:center;padding:12px 6px;display:block}.mode-icon{display:none}.mode strong{font-size:16px}.mode small{margin-bottom:8px;font-size:5px}.mode-check{display:none}.launch-row{gap:7px}.launch-row .primary{text-align:center;flex-basis:100%;width:100%}.launch-row .secondary{flex:1}.section-label span:last-child{font-size:6px}.brand small{display:none}nav{gap:12px}nav button{font-size:7px}.topbar{height:40px}.lobby{margin-top:3vh;padding:25px}.lobby h1{font-size:38px}.room-code{gap:10px}.room-code strong{letter-spacing:2px;font-size:23px}.dialog-actions{gap:8px}.dialog-actions .primary{padding:15px;font-size:9px}.modal p{font-size:12px}.powers{gap:4px}.power-slot{min-width:95px}.hud-bottom{gap:10px}.vitals{width:110px}.vitals small{font-size:6px}.vitals>span{font-size:7px}#interaction{letter-spacing:1px;white-space:normal;text-align:center;max-width:90vw;font-size:8px}#feed{display:none}}@media (pointer:coarse){#touch{pointer-events:none;display:block;position:absolute;bottom:100px;left:20px;right:20px}.dpad{float:left;grid-template-rows:42px 42px;grid-template-columns:42px 42px 42px;gap:4px;display:grid}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/2}.dpad button:nth-child(4){grid-area:2/3}#touch button{pointer-events:auto;touch-action:none;color:#dbe3ca;background:#102930ba;border:1px solid #aecab74a;border-radius:8px}.touch-actions{float:right;grid-template-columns:46px 46px;gap:8px;display:grid}.touch-actions button{height:40px;font-size:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.match-group{border-top:1px solid var(--line);padding:14px 0}.match-group summary{cursor:pointer;color:var(--gold);letter-spacing:1px;font-size:13px}.match-fields{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.match-fields .check{grid-column:1/-1}.match-fields label{font-size:8px;line-height:1.7}.match-fields input[type=number]{padding:10px!important;font-size:14px!important}.power-slot{pointer-events:auto;text-align:left;color:#dde7d5}.power-slot:disabled{opacity:.7;cursor:default}.power-slot .relic-icon{color:var(--gold);font-size:25px}#setup-error{color:#ffb9a4;border-left:2px solid #e18e73;padding-left:12px;font-size:12px}.power-slot:not(:disabled){border-color:#dcc38766}#toast{pointer-events:none;width:max-content;max-width:620px;line-height:1.7}@media (max-width:650px){.power-slot .relic-icon{display:none}.powers{flex-wrap:wrap;justify-content:flex-end}.power-slot{min-width:100px}.match-fields{gap:0 12px}#toast{max-width:90vw}}#context-actions{pointer-events:auto;gap:8px;display:flex;position:absolute;top:160px;right:20px}#context-actions button{color:#ffe2a3;background:#152733e6;border:1px solid #b59a62;padding:10px;font-size:10px}#infection-banner,#mantra-reading{color:#ffd7b4;text-align:center;white-space:pre-line;background:#291c22ed;max-width:90vw;padding:14px;line-height:1.8;position:absolute;top:23%;left:50%;transform:translate(-50%)}#mantra-reading{color:#ffe29d;background:#241f16e6;font-size:22px}#interaction{pointer-events:auto;cursor:pointer}.portrait-advice{display:none}#joystick{pointer-events:auto;touch-action:none;background:#13303b88;border:2px solid #d5e5de66;border-radius:50%;place-items:center;width:120px;height:120px;display:grid}#joystick-knob{pointer-events:none;background:#b7d7cf99;border-radius:50%;width:48px;height:48px}.touch-help{color:#dce9df;font-size:8px;position:absolute;bottom:0;right:0}@media (pointer:coarse){#touch{bottom:80px;left:20px;right:20px}#context-actions{top:90px;right:10px}#context-actions button{padding:7px;font-size:8px}.controls-hint{display:none}#mantra-reading{width:60vw;font-size:16px}#interaction{font-size:10px;bottom:28%}}@media (pointer:coarse) and (orientation:portrait){.portrait-advice{color:#ffe4a4;background:#433b24;border-radius:6px;padding:12px;display:block}}#world{touch-action:none}#mantra-reading{pointer-events:none}#context-actions button[hidden]{display:none}.touch-mode #touch{pointer-events:none;display:block;position:absolute;bottom:80px;left:20px;right:20px}.touch-mode .controls-hint{display:none}.touch-mode #context-actions button{padding:7px;font-size:8px}.touch-mode #mantra-reading{width:60vw;font-size:16px}.touch-mode #interaction{font-size:10px;bottom:28%}@media (orientation:portrait){.touch-mode .portrait-advice{color:#ffe4a4;background:#433b24;border-radius:6px;padding:12px;display:block}}.touch-mode #timer-cluster,.touch-mode #objective,.touch-mode #soul-banner,.touch-mode #vitals{pointer-events:auto;cursor:pointer}#context-actions #fight-prompt{letter-spacing:5px;color:#fff;background:#c52029;border:3px solid #ffb3a8;padding:20px 65px;font-size:34px;font-weight:900;position:fixed;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 45px #d6262666}#fight-countdown{text-shadow:0 3px 8px #000;color:#ffe5a2;font-size:52px;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}#fight-countdown[hidden]{display:none}.touch-mode #context-actions #fight-prompt{padding:14px 45px;font-size:25px}#soul-banner strong{font-size:26px}.match-award{background:#d6bc7215;border:1px solid #d6bc72;margin:18px 0;padding:16px}.match-award h3{color:#ffe0a1;margin:8px 0;font-size:26px}.match-timeline{max-height:280px;padding:8px;overflow:auto}.match-timeline p{border-bottom:1px solid #ffffff20;padding-bottom:8px;font-size:14px}.match-timeline time{color:#a9e3d5;font-variant-numeric:tabular-nums;margin-right:8px}.modal details{margin:12px 0}.modal summary{cursor:pointer;background:#ffffff0a;padding:10px}.touch-mode #touch{pointer-events:none;z-index:12;position:fixed;inset:0}.touch-mode #joystick-zone{left:max(8px,env(safe-area-inset-left));bottom:max(6px,env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;place-items:center;width:188px;height:188px;display:grid;position:absolute}.touch-mode #joystick{pointer-events:none;background:#12242a38;border:1px solid #d7f3f45c;width:112px;height:112px;box-shadow:0 0 25px #06121833}.touch-mode #joystick-knob{background:#daf3f052;box-shadow:0 0 0 1px #edffff70}.touch-mode button{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#1d30367a}.touch-mode #touch button{pointer-events:auto;touch-action:none;color:#fff;text-shadow:0 1px 3px #000;background:#24383f59;border:1px solid #dbf6f37a;border-radius:14px;min-height:48px;padding:12px;font-size:11px;font-weight:700}.touch-mode #touch button:active{background:#71a79e80}.touch-mode #touch button:disabled{opacity:.35}.touch-mode #mobile-normal,.touch-mode #mobile-flight{right:max(16px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.touch-mode #touch .mobile-hit{background:#89392e59;border-radius:50%;width:76px;height:76px;font-size:19px}.touch-mode .mobile-utility{gap:8px;display:flex}.touch-mode #mobile-flight{display:none;bottom:60px}.touch-mode #mobile-flight button{width:76px;height:60px}.touch-mode #mobile-fight{bottom:max(20px,env(safe-area-inset-bottom));justify-content:center;gap:10px;display:none;position:absolute;left:15%;right:15%}.touch-mode #mobile-fight button{flex:1;max-width:135px;min-height:64px}.touch-mode.mobile-soul #mobile-normal{display:none}.touch-mode.mobile-soul #mobile-flight{display:flex}.touch-mode.mobile-duel #mobile-normal,.touch-mode.mobile-duel #mobile-flight,.touch-mode.mobile-duel #joystick-zone,.touch-mode.mobile-duel #powers,.touch-mode.mobile-duel #role-sound,.touch-mode.mobile-duel #music-toggle,.touch-mode.mobile-duel .touch-help,.touch-mode.mobile-duel #pause-button{display:none!important}.touch-mode.mobile-duel #mobile-fight{display:flex}.touch-mode.mobile-soul #powers,.touch-mode .power-slot:disabled,.touch-mode kbd{display:none}.touch-mode .touch-help{opacity:.65;font-size:9px;position:absolute;bottom:190px;left:24px}.touch-mode #interaction{pointer-events:auto;max-width:62%;font-size:11px;line-height:1.4;top:auto;bottom:36%}.touch-mode .hud-bottom{align-items:flex-end;bottom:12px;left:205px;right:220px}.touch-mode .vitals{min-width:110px;max-width:160px}.touch-mode .powers{gap:5px;position:fixed;bottom:85px;left:200px}.touch-mode .power-slot{min-width:80px;padding:6px;font-size:10px}.touch-mode .power-slot small{font-size:8px}.touch-mode #soul-banner{pointer-events:none;max-width:65%;top:85px}.touch-mode #context-actions{top:72px;right:12px}.touch-mode #context-actions button{min-height:44px}.touch-mode #fight-prompt{background:#be221894;font-size:28px}.touch-mode #feed{max-width:36%;font-size:10px}@media (max-height:480px){.touch-mode .hud-top{top:10px}.touch-mode .hud-top .trial{max-width:52%}.touch-mode .hud-top .trial strong{font-size:13px}.touch-mode #room-hud{font-size:9px}.touch-mode #soul-banner{font-size:10px;top:65px}.touch-mode #soul-banner strong{font-size:16px}.touch-mode .touch-help{display:none}}.touch-mode:has(#overlay:not([hidden])) #touch{display:none}