*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d10;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#e8e2d0}#app canvas{display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#stats{position:absolute;left:16px;bottom:16px;width:230px;background:#0c0e10b8;padding:10px 12px;border:1px solid #3a3a30;border-radius:6px;font-size:13px}.bar{margin:4px 0}.bar .t{display:flex;justify-content:space-between}.bar .b{height:7px;background:#222;border-radius:3px;overflow:hidden}.bar .b i{display:block;height:100%}.moodles{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.moodles span{background:#5a1e1e;padding:1px 6px;border-radius:3px;font-size:12px}#topright{position:absolute;right:16px;top:14px;text-align:right;background:#0c0e10b8;padding:8px 12px;border-radius:6px;border:1px solid #3a3a30}#clock{font-size:20px;font-weight:700}#objective{color:#ffd76a;font-size:14px}#street{font-size:13px;color:#aab}#log{position:absolute;left:16px;top:14px;width:380px;font-size:13px;text-shadow:0 1px 2px #000}#log div{margin:2px 0;transition:opacity 1s}#equip{position:absolute;right:16px;bottom:16px;background:#0c0e10b8;padding:8px 12px;border-radius:6px;border:1px solid #3a3a30;font-size:14px}#prompt{position:absolute;left:50%;bottom:110px;transform:translate(-50%);background:#0009;padding:5px 12px;border-radius:4px;font-size:14px;display:none}#credit{position:absolute;left:50%;bottom:4px;transform:translate(-50%);font-size:11px;color:#8a8a80}#panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:720px;max-width:96vw;max-height:80vh;overflow:auto;background:#121416f2;border:1px solid #6b5f3a;border-radius:8px;padding:14px 18px;display:flex;gap:18px}#panel.hidden,.hidden{display:none!important}#panel .col{flex:1}#panel h3{margin:0 0 8px;color:#ffd76a}#panel .it{display:flex;justify-content:space-between;padding:5px 8px;margin:3px 0;background:#262a2c;border-radius:4px;cursor:pointer;font-size:14px}#panel .it:hover{background:#3b4245}#panel .it small{color:#9a9}#panel button{margin-top:8px;background:#6b5f3a;color:#fff;border:0;padding:6px 12px;border-radius:4px;cursor:pointer}#title{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#2a1d14cc,#050506f0);text-align:center;z-index:5}#title h1{font-size:64px;margin:0;letter-spacing:12px;color:#f2d27a;text-shadow:0 0 30px #a33}#title h2{margin:4px 0 18px;font-weight:400;color:#c9b}#title p{line-height:1.8}#title button{font-size:18px;margin:8px;padding:10px 28px;background:#8a2a20;color:#fff;border:0;border-radius:6px;cursor:pointer}#title button:hover{background:#b33a2a}.keys{margin-top:20px;font-size:13px;color:#998}#panel .it span{display:flex;align-items:center;gap:8px}#panel .it img{width:40px;height:40px;background:#1a1c1e;border-radius:4px;padding:2px}#charsel{display:flex;gap:18px;justify-content:center;margin-top:8px}.ch{width:200px;padding:14px;background:#1e1e1ed9;border:2px solid #6b5f3a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.ch:hover{border-color:#f2d27a;transform:translateY(-3px)}.ch small{color:#bba;line-height:1.5}.pv{width:120px;height:160px;object-fit:contain;border-radius:8px;margin-bottom:6px;background:radial-gradient(#3a4048,#15181c)}.pv.m{background:linear-gradient(#1a1410 0,#1a1410 18%,#f1eee8 18%,#f1eee8 32%,#3d5a78 32%,#3d5a78 62%,#3a3a44 62%)}.pv.f{background:linear-gradient(#2a1a12 0,#2a1a12 24%,#f1eee8 24%,#f1eee8 34%,#c8505a 34%,#c8505a 62%,#2a3a5a 62%)}.selh{margin-top:10px;color:#ccb}#phone{position:absolute;right:16px;top:70px;width:300px;padding:10px 12px;background:#12161eeb;border:1px solid #3a4a6a;border-radius:14px;color:#e8eef8;font-size:13px;line-height:1.5;box-shadow:0 6px 20px #000a;transform:translate(360px);transition:transform .5s;pointer-events:none;z-index:5}#phone.on{transform:none}#phone b{color:#ffd76a}#speed{margin-top:6px;display:flex;gap:4px;align-items:center;justify-content:flex-end;flex-wrap:wrap;pointer-events:auto}#speed button{background:#2a2c2e;color:#ddd;border:1px solid #555;border-radius:4px;padding:2px 7px;font-size:12px;cursor:pointer}#speed button.on{background:#c9971c;color:#111;border-color:#ffd76a}#speed .st{font-size:12px;color:#ffd76a;margin-right:4px}#speed small{width:100%;color:#999;font-size:11px}#daylen{margin:8px 0;display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}#daylen button{background:#222;color:#ddd;border:1px solid #666;border-radius:5px;padding:5px 12px;cursor:pointer}#daylen button.on{background:#a8221e;color:#fff;border-color:#ffd76a}#cinecap{position:fixed;left:0;right:0;bottom:12%;text-align:center;color:#fff;font-size:22px;text-shadow:0 2px 6px #000;z-index:60;pointer-events:none;letter-spacing:2px}#cinefade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:59;pointer-events:none}#evacend{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(#0c1c2c,#000);color:#e8e2d0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:70;animation:fin 1.5s;text-align:center}#evacend h1{font-size:30px;color:#7fd0ff;margin:0 0 6px}#evacend h2{font-size:16px;color:#9ab;margin:0 0 20px;font-weight:400}#evacend table{margin:10px auto 24px;border-collapse:collapse}#evacend td{padding:4px 16px;border-bottom:1px solid #234}#evacend button{margin:6px;padding:10px 22px;font-size:16px;background:#1d4a66;color:#fff;border:1px solid #7fd0ff;cursor:pointer}@keyframes fin{0%{opacity:0}to{opacity:1}}#dlg{position:fixed;left:50%;bottom:90px;transform:translate(-50%);width:min(560px,90vw);background:#0e1014f0;border:1px solid #a88a4a;color:#e8e2d0;padding:14px 18px;z-index:40;font-size:15px;line-height:1.6}#dlg b{color:#ffd27a}#dlg button{margin:4px 8px 0 0;padding:6px 14px;background:#2a2a2a;color:#e8e2d0;border:1px solid #777;cursor:pointer}body.cine #app>:not(canvas),body.cine>:not(#app):not(#cinecap):not(#cinefade):not(#evacend):not(script){visibility:hidden}#joy,.mkeys{display:none}body.mobile{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}body.mobile canvas{touch-action:none}body.mobile #joy{display:block;position:absolute;left:calc(20px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));width:130px;height:130px;border-radius:50%;background:#14161859;border:2px solid rgba(255,255,255,.35);pointer-events:auto;touch-action:none}body.mobile.portrait #joy{bottom:calc(52px + env(safe-area-inset-bottom))}body.mobile #joyk{position:absolute;left:37px;top:37px;width:56px;height:56px;border-radius:50%;background:#f2d27abf;box-shadow:0 2px 8px #000}body.mobile #prompt,body.mobile .keys:not(.mkeys),body.mobile #credit{display:none!important}body.mobile .mkeys{display:block}body.mobile #stats{left:8px;top:calc(8px + env(safe-area-inset-top));bottom:auto;width:120px;padding:5px 7px;font-size:10px}body.mobile #topright{right:8px!important;top:calc(8px + env(safe-area-inset-top))!important;max-width:58vw;font-size:11px;padding:6px 8px!important}body.mobile #topright *{white-space:normal!important}body.mobile #topright #clock{font-size:15px!important}body.mobile #log{left:8px;top:auto;bottom:175px;width:70vw;font-size:11px}body.mobile #equip{right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;font-size:11px;padding:4px 8px!important}body.mobile #phone{max-width:60vw;font-size:11px}body.mobile #title h1{font-size:40px;letter-spacing:6px}body.mobile #title p{font-size:13px;padding:0 14px}body.mobile #title{overflow:auto}body.mobile #phone{width:62vw;top:auto;bottom:175px;right:8px}#fpv{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}body.fpvon #fpv{display:block}body.fpvon #hud,body.fpvon #joy{display:none!important}#fpv .osd span{position:absolute;font:700 15px/1.3 monospace;color:#fff;text-shadow:1.5px 0 rgba(255,0,60,.7),-1.5px 0 rgba(0,220,255,.7),0 0 3px #000;z-index:2}#fpv .tl{left:4%;top:5%}#fpv .tr{right:4%;top:5%;text-align:right}#fpv .bl{left:4%;bottom:8%}#fpv .br{right:4%;bottom:8%;text-align:right}#fpv .tc{left:50%;top:5%;transform:translate(-50%);color:#f55!important}#fpv .osd b{color:#f44}#fpv .fch{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;border:2px solid rgba(255,255,255,.75);border-radius:50%;z-index:2}#fpv .fch:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:#fff}.fstick{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom));width:130px;height:130px;border-radius:50%;background:#14161859;border:2px solid rgba(255,255,255,.4);pointer-events:auto;touch-action:none;z-index:3}.fstick.l{left:18px}.fstick.r{right:18px}.fknob{position:absolute;left:37px;top:37px;width:56px;height:56px;border-radius:50%;background:#78c8ffb3}body.mobile #fpv .osd span{font-size:11px}body.mobile #fpv .tc{top:11%}#roccine{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:65}#roccine .lb{position:absolute;left:0;right:0;height:11%;background:#000}#roccine .t{top:0}#roccine .b{bottom:0}#roccine .ttl{position:absolute;left:0;right:0;bottom:16%;text-align:center;font:900 64px/1 "Noto Serif TC",serif;color:#f3ead2;letter-spacing:.3em;text-shadow:0 2px 18px #000;animation:fin 3s}#roccine .sub{position:absolute;left:0;right:0;bottom:12%;text-align:center;font:16px sans-serif;color:#cbb;letter-spacing:.2em;animation:fin 4s}#evacend.win{background:radial-gradient(#2a1c10,#000)}#evacend.win h1{color:#ffd76a;font-size:40px;letter-spacing:.2em}body:has(#roccine) #hud,body:has(#roccine) #log,body:has(#roccine) #phone{display:none}#fpv .dvr{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:12px/1 monospace;color:#cfe;opacity:.8;text-shadow:0 0 2px #000}#fpv .dvr .rec{color:#f33}body.mobile #fpv .dvr{top:calc(64px + env(safe-area-inset-top));bottom:auto}#gmap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#2a2620;font-family:Noto Sans TC,sans-serif}#gmap.hidden{display:none}#gmap canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}#gmap .mhead{position:absolute;z-index:2;top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#e8dfc8eb;color:#3a3428;padding:6px 10px;border:2px solid #6a6252;border-radius:4px}#gmap .mhead b{font-size:16px;margin-right:auto}#gmap .mhint{font-size:12px;opacity:.75}#gmap button{font:inherit;font-size:14px;padding:4px 10px;background:#f4efe2;border:1px solid #6a6252;border-radius:3px;color:#3a3428}#gmap .mleg{position:absolute;z-index:2;left:8px;bottom:calc(8px + env(safe-area-inset-bottom));max-width:min(560px,calc(100% - 16px));background:#e8dfc8e6;color:#3a3428;font-size:12px;line-height:1.7;padding:4px 8px;border:1px solid #6a6252;border-radius:3px}#gmap .mleg i{display:inline-block;width:11px;height:11px;margin:0 3px 0 8px;vertical-align:-1px;border:1px solid #6a6252}#gmap .mleg em{font-style:normal;margin-left:8px}#gmap .mcred{position:absolute;z-index:2;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));font-size:11px;color:#efe9da;opacity:.85}#gmap .mmenu{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;background:#efe9da;border:2px solid #6a6252;padding:6px;border-radius:4px;min-width:150px;color:#3a3428}#gmap .mmenu p{margin:2px 0;font-size:12px;max-width:220px}#mapbtn{display:none}body.mobile #mapbtn{display:block;position:fixed;z-index:20;right:12px;top:calc(210px + env(safe-area-inset-top));width:48px;height:48px;border-radius:50%;background:#e8dfc8e6;border:2px solid #6a6252;font-size:22px}body.mobile #gmap .mhint{display:none}body.mobile #gmap .mleg{font-size:10px;bottom:calc(30px + env(safe-area-inset-bottom))}#gsel{display:flex;gap:8px;justify-content:center;align-items:center;margin:6px 0}#gsel button{padding:4px 16px}#gsel button.on{background:#c9a35a;color:#111}#gsel label{color:#ccb;font-size:13px;margin-left:10px}#charsel{flex-wrap:wrap}#charsel .ch{width:150px}#charsel .ch small em{color:#e8c870;font-style:normal;font-size:11px}body.mobile #charsel{gap:8px}body.mobile #charsel .ch{width:44%;padding:8px}body.mobile #charsel .ch small{font-size:10px}#wake{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#000;color:#ffd27a;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;transition:opacity 1.5s}#wake small{color:#ccb;font-size:15px;margin-top:10px}#wake.out{opacity:0;pointer-events:none}#skipbtn{position:fixed;z-index:46;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));padding:6px 14px;background:#141414cc;color:#ffd27a;border:1px solid #c9a35a;border-radius:6px}#mpsel{margin-top:10px;font-size:13px;color:#bcd;display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}#mpsel input{background:#111;color:#eee;border:1px solid #556;padding:4px 6px;border-radius:4px}#mpsel button{padding:4px 10px}#mpsel em{color:#8cf;font-style:normal}#mphud{position:fixed;left:50%;top:8px;transform:translate(-50%);z-index:30;background:#0a141ebf;color:#8cf;font-size:12px;padding:4px 10px;border-radius:6px;pointer-events:none}#coverind{display:none;position:fixed;z-index:20;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);padding:4px 12px;border-radius:12px;background:#14283cbf;border:1px solid #6af;color:#cdf;font-size:14px;pointer-events:none}#coverbtn{display:none}body.mobile #coverbtn{display:block;position:fixed;z-index:20;right:12px;top:calc(266px + env(safe-area-inset-top));width:48px;height:48px;border-radius:50%;border:1px solid #6af;background:#141e28cc;font-size:22px}#pbtns,#pmapbtn{display:none}body.mobile.portrait #pbtns{display:block;position:fixed;z-index:41;right:0;bottom:0;width:0;height:0}.pbtn{position:fixed;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#141a20b8;color:#fff;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}#pbact{width:calc(88px * var(--pbs, 1));height:calc(88px * var(--pbs, 1));right:calc(16px + env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom));font-size:calc(32px * var(--pbs, 1));background:#961e18d1}#pbact.long{font-size:22px}#pbact[data-mode=ctx]{background:#e8681ce6}#pbact[data-mode=scope]{background:#1f5a3ae6}#pbsec{width:calc(60px * var(--pbs, 1));height:calc(60px * var(--pbs, 1));right:calc(30px + env(safe-area-inset-right));bottom:calc(56px + 88px * var(--pbs, 1) + env(safe-area-inset-bottom));font-size:calc(22px * var(--pbs, 1))}#pbsec.lit{background:#1f5a3ae6;border-color:#9fd8b0}.pbtn.on{transform:scale(.92);background:#ffc850d9!important;color:#111}#pbhint{position:fixed;right:calc(8px + env(safe-area-inset-right));bottom:calc(106px + 148px * var(--pbs, 1) + env(safe-area-inset-bottom));max-width:62vw;text-align:right;font-size:12px;color:#fff;background:#141a20b8;border-radius:6px;padding:3px 7px;pointer-events:none}body.mobile.portrait #equip{bottom:calc(70px + 148px * var(--pbs, 1) + env(safe-area-inset-bottom))!important;border:1px solid rgba(255,255,255,.45);border-radius:6px;pointer-events:auto}body.mobile.portrait #equip:after{content:" ⇄";color:#e8681c}body.mobile.portrait #coverbtn,body.mobile.portrait #mapbtn{display:none!important}body.mobile.portrait #pmapbtn{display:block;position:fixed;z-index:22;left:calc(58px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));width:44px;height:44px;font-size:20px;border-radius:8px;border:1px solid #777;background:#141a20bf}body:not(.ingame) #coverbtn,body:not(.ingame) #mapbtn,body:not(.ingame) #pbtns,body:not(.ingame) #pmapbtn,body:not(.ingame) #menubtn,body:not(.ingame) #coverind,body:not(.ingame) #joy,body:not(.ingame) #speed{display:none!important}#startbar,#menubtn,#pmenu.hidden{display:none}#pmenu{position:fixed;z-index:42;top:0;right:0;bottom:0;left:0;background:#080a0ce6;padding:calc(16px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;justify-content:safe center;align-items:center;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;gap:10px;text-align:center;color:#fff}#pmenu button{width:min(280px,80vw);font-size:18px;padding:10px;border-radius:6px;border:0;background:#8a2a20;color:#fff}body.mobile #menubtn{display:block;position:fixed;z-index:22;left:calc(8px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));width:44px;height:44px;font-size:22px;border-radius:8px;border:1px solid #777;background:#141a20bf;color:#fff}body.mobile.portrait #stats{margin-top:46px}body.portrait #title{justify-content:flex-start;padding:calc(10px + env(safe-area-inset-top)) 8px calc(84px + env(safe-area-inset-bottom));box-sizing:border-box}body.portrait #title h1{font-size:30px;letter-spacing:4px}body.portrait #title h2{margin:0 0 6px;font-size:14px}body.portrait #title p{display:none}body.portrait #daylen,body.portrait #gsel{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font-size:12px;margin:2px 0}body.portrait #daylen button,body.portrait #gsel button{font-size:13px;padding:5px 10px;margin:0}body.portrait #mpsel{font-size:11px}body.portrait #charsel{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;width:100%;max-width:none}body.portrait #charsel .ch{width:auto!important;margin:0!important;padding:6px!important;font-size:12px}body.portrait #charsel .ch .pv{width:56px!important;height:56px!important}body.portrait #charsel .ch small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:10px}body.portrait #charsel .ch.on{outline:3px solid #f2d27a}body.portrait:not(.ingame) #startbar{display:flex;align-items:center;justify-content:space-between;gap:8px;position:fixed;z-index:30;left:0;right:0;bottom:0;padding:10px calc(12px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:#0a0806f2;border-top:1px solid #a33;color:#eee;font-size:14px}#startgo{font-size:18px;padding:12px 22px;border:0;border-radius:8px;background:#b33a2a;color:#fff;font-weight:700}body.mobile.portrait #coverind{bottom:calc(290px + env(safe-area-inset-bottom))!important}#surv{position:fixed;z-index:35;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,94vw);max-height:86vh;overflow:auto;background:#120e0af2;border:1px solid #8a5a2a;border-radius:10px;padding:12px 16px;color:#eee;font-size:13px}#surv h3{margin:4px 0;color:#f2d27a}#surv table{width:100%;border-collapse:collapse}#surv td{border-bottom:1px solid #333;padding:3px}#surv tr.away{opacity:.45}#surv tr.dead{opacity:.35;text-decoration:line-through}#surv .row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}#surv button{background:#6a3a20;color:#fff;border:0;border-radius:6px;padding:6px 10px;font-size:13px}#surv button small{display:block;font-size:10px;opacity:.8}#surv button:disabled{opacity:.4}#surv ul{padding-left:18px;color:#cba}.survend{max-width:560px;margin:8px auto;color:#fe9}#ride,#shop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;background:#102a1c;border:3px solid #e8681c;border-radius:10px;padding:14px 18px;color:#fff;text-align:center;min-width:240px}#ride h3,#shop h3{margin:0 0 4px;color:#ffb070}#ride p,#shop p{margin:0 0 10px;font-size:13px;opacity:.8}#ride button,#shop button{display:block;width:100%;margin:6px 0;padding:9px;font-size:16px;border:0;border-radius:6px;background:#e8681c;color:#fff;cursor:pointer}#ride button.x,#shop button.x{background:#444}#ridefade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0b0d0c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .6s;pointer-events:none}#ridefade.on{opacity:1}#ridefade .car{width:min(80vw,520px);height:120px;background:#e9ebee;border-bottom:10px solid #e8681c;border-radius:8px;display:flex;justify-content:space-around;align-items:center}#ridefade .win{width:26%;height:54px;background:repeating-linear-gradient(90deg,#111 0,#111 30px,#2a2f33 30px,#2a2f33 34px);background-size:200% 100%;animation:tunnel .4s linear infinite;border-radius:4px}@keyframes tunnel{to{background-position:-68px 0}}#ridefade p{font-size:20px;margin:16px 0 4px;color:#ffb070}#logo{font-size:36px;line-height:1;filter:drop-shadow(0 0 12px #e8681c88)}#tmenu{display:flex;flex-direction:column;gap:10px;margin:18px auto 8px;width:min(320px,86vw)}#tmenu button{margin:0;width:100%;font-size:18px;padding:11px}#tmenu button.pri{background:#e8681c}#selback{display:block;margin:0 0 8px!important}#mpsel.hl{outline:2px solid #e8681c;border-radius:6px}body:not(.selmode) #startbar{display:none!important}#pmenu em{font-size:12px;color:#fc9}#pmenu em:empty{display:none}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;display:flex;align-items:center;justify-content:center}#modal .mbox{background:#0f1216f7;border:1px solid #555;border-radius:10px;color:#eee;padding:14px 18px;width:min(560px,94vw);max-height:88vh;overflow:auto;font-size:14px}#modal h3{margin:0 0 8px;color:#e8681c}#modal h4{margin:12px 0 6px;border-bottom:1px solid #333;color:#9cf}#modal button{background:#1f5a3a;color:#fff;border:1px solid #3a7;border-radius:5px;padding:4px 10px;font-size:13px}#modal .mclose{margin-top:12px;width:100%;padding:9px;font-size:15px;background:#8a2a20;border:0}.srow{display:flex;align-items:center;gap:8px;margin:4px 0;flex-wrap:wrap}.srow span{width:110px}.srow input[type=range]{flex:1;min-width:120px}.srow i{font-size:12px;color:#aaa}#kmsg{display:block;font-size:12px;color:#fc9;margin-bottom:6px}#klist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px}.krow{display:flex;justify-content:space-between;align-items:center}.krow button{min-width:72px}.krow button.wait{background:#e8681c!important}.ktab{border-collapse:collapse;width:100%;margin-bottom:10px}.ktab td,.ktab th{border-bottom:1px solid #2a2a2a;padding:3px 6px;text-align:left}.ktab td:first-child{width:90px;color:#fc9;font-weight:700}.mnote{color:#aaa;font-size:12px}#charsel{display:grid;grid-template-columns:repeat(5,146px);width:max-content;max-width:100vw;margin-left:auto;margin-right:auto;grid-auto-rows:1fr;justify-content:center;align-items:stretch;gap:12px}#charsel .ch{width:auto;margin:0;justify-content:flex-start;text-align:center}#charsel .ch .pv{flex:none}#charsel .ch b{white-space:nowrap;font-size:14px}#charsel .ch small{display:block;width:100%}#charsel .ch small.bl{min-height:4.5em}#charsel .ch small.pk{margin-top:auto;min-height:3em}body.mobile:not(.portrait) #charsel{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}body.mobile #charsel .ch{width:auto}body.portrait #charsel .ch small.bl,body.portrait #charsel .ch small.pk{min-height:0}body.portrait #charsel .ch small.bl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}body.portrait #charsel .ch small.pk{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:1.5em}body.portrait #charsel .ch small.ag{height:1.5em}body.mobile #charsel,body.portrait #charsel{width:auto}#scope{display:none;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;background:radial-gradient(circle at center,transparent 0,transparent 41vmin,#000 41.2vmin)}#scope .ring{position:absolute;left:50%;top:50%;width:82vmin;height:82vmin;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 6vmin #000000d9;border:3px solid #111}#scope .xh{position:absolute;padding:0;border:0;background:#111;left:50%;top:50%}#scope .xh.h{width:82vmin;height:2px;transform:translate(-50%,-50%)}#scope .xh.v{width:2px;height:82vmin;transform:translate(-50%,-50%)}#scope .mil{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#e8681c}#scope .snote{position:absolute;bottom:6vmin;left:50%;transform:translate(-50%);color:#f3e6c8;font-size:15px;text-align:center;max-width:80vw;text-shadow:0 0 4px #000}#snpwarn{display:none;position:fixed;top:64px;left:50%;transform:translate(-50%);background:#960a0ae0;color:#fff;padding:6px 14px;border:2px solid #ff5040;border-radius:6px;font-weight:700;z-index:41;animation:snpblink .4s infinite alternate}@keyframes snpblink{0%{opacity:1}to{opacity:.55}}#pmenu .phead{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;width:min(280px,80vw);font-size:18px}#pmenu .phead .px{width:44px;height:44px;padding:0;font-size:20px;background:#333}#modal{background:#060709;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box}#modal .mbox{display:flex;flex-direction:column;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;padding:0;box-sizing:border-box}#modal .mhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 8px 18px;border-bottom:1px solid #333;background:#0f1216;flex:none}#modal .mhead h3{margin:0}#modal .mhead .mx{min-width:44px;min-height:40px;font-size:15px;background:#8a2a20;border:0}#modal .mbody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:4px 18px 8px}#modal .mclose{flex:none;margin:0;border-radius:0 0 10px 10px}#modal .kdet summary{margin:10px 0 4px;color:#9cf}#modal input[type=range]{touch-action:none}#title{overflow-y:auto;touch-action:pan-y}#rescue{margin-top:14px;padding:10px 16px;font-size:15px;border-radius:6px;border:0;background:#e8681c;color:#fff}body:not(.ingame) #equip,body:not(.ingame) #pbhint{display:none!important}body.mobile.portrait #phone{right:auto;bottom:auto;max-width:none;box-sizing:border-box;padding:5px 7px;border-radius:6px;font-size:10px;line-height:1.35;transform:none;opacity:0;transition:opacity .6s;pointer-events:none}body.mobile.portrait #phone.on{opacity:1}body.mobile.portrait #phone .pm{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.mobile.portrait #log{width:calc(100vw - 190px);bottom:calc(196px + env(safe-area-inset-bottom))}body.mobile.portrait #log .radio,body.mobile.portrait #log div:nth-child(n+5){display:none}body.mobile.portrait #skipbtn{right:auto;left:calc(8px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));font-size:12px;padding:5px 10px}#phone.on{pointer-events:auto;cursor:pointer}#phone.on:after{content:"▾ 點一下看全文";display:block;font-size:9px;color:#8fa4c4;margin-top:2px}#phone.exp:after{content:"▴ 收起"}body.mobile.portrait #phone.on{pointer-events:auto}body.mobile.portrait #phone.exp .pm{display:block;-webkit-line-clamp:unset;overflow:visible}body.mobile.portrait #phone.exp{width:min(78vw,300px)!important;z-index:30}.rlog{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.rl{border-bottom:1px solid #333;padding:6px 2px}.rl i{color:#8fa4c4;font-size:11px;font-style:normal;margin-right:8px}.rl b{color:#ffd76a;font-size:12px}.rl p{margin:3px 0 0;font-size:13px;line-height:1.45}#phone .pm{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#phone.exp .pm{display:block;-webkit-line-clamp:unset;overflow:visible}#tmenu button.soon{opacity:.5;filter:grayscale(1);cursor:default;white-space:normal}#tmenu button.soon small{font-size:.75em;white-space:nowrap}#soontoast{position:fixed;left:50%;bottom:12%;transform:translate(-50%);max-width:90vw;padding:10px 18px;border-radius:8px;background:#0a0a0ceb;border:1px solid #c9a35a;color:#f2e6cc;font-size:16px;text-align:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity .25s}#soontoast.on{opacity:1}#title-language{align-self:flex-end;padding:7px 12px;border:1px solid #c9a35a;border-radius:6px;background:#201b16;color:#f3dfb3;font:inherit;max-width:100%}html[lang=en] .srow{flex-wrap:wrap}html[lang=en] .srow>span{min-width:130px}html[lang=en] .mhead h3{overflow-wrap:anywhere}html[lang=en] #pbact,html[lang=en] #pbsec{padding:0;white-space:nowrap;line-height:1.1}html[lang=en] #pbact,html[lang=en] #pbact.long{font-size:calc(15px * var(--pbs, 1))}html[lang=en] #pbsec{font-size:calc(11px * var(--pbs, 1))}html[lang=en] #stats .t span:first-child{white-space:normal}html[lang=en] #title p{max-width:760px}@media(pointer:coarse),(max-width:600px){body #title[data-loading]{height:100dvh;box-sizing:border-box;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto}body #title[data-loading]>*{flex-shrink:0}body #title[data-loading] #logo{font-size:clamp(40px,12vw,54px);margin-bottom:14px}body #title[data-loading] h1{font-size:clamp(30px,9vw,44px);letter-spacing:4px}body #title[data-loading] h2{font-size:clamp(13px,3.7vw,18px);margin:8px 0 22px}body #title[data-loading] #loadbar{width:min(360px,100%);margin:0 auto 12px}body #title[data-loading] #loadmsg{max-width:100%;font-size:15px;line-height:1.5;overflow-wrap:anywhere}body #title[data-loading] p,body #title[data-loading] .keys,body #title[data-loading] #btns,body #title[data-loading] #title-language{display:none}}body.selmode #title{justify-content:flex-start;padding:max(12px,env(safe-area-inset-top)) 12px 24px;scroll-padding:12px}body.selmode #title>*{flex-shrink:0}body.selmode #title h1{font-size:clamp(30px,5vw,48px)}body.selmode #title p{display:none}body.selmode #charsel{max-width:100%;grid-template-columns:repeat(5,minmax(0,146px))}body.selmode.portrait #title{padding-bottom:calc(110px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom))}body.selmode.portrait #charsel{grid-template-columns:repeat(2,minmax(0,1fr))}body.portrait #charsel .ch small.bl,body.portrait #charsel .ch small.pk{display:block;height:auto;overflow:visible}body.mobile.inventory-open #menubtn,body.mobile.inventory-open #joy,body.mobile.inventory-open #pbtns,body.mobile.inventory-open .mkeys,body.mobile.inventory-open #equip,body.mobile.inventory-open #coverbtn,body.mobile.inventory-open #pmapbtn{display:none!important}body.mobile.inventory-open #panel{max-height:calc(100dvh - 180px);overflow-y:auto;touch-action:pan-y}body.mobile #panel button{min-height:44px;min-width:44px}#pbact:after{content:"";position:absolute;left:16%;bottom:10px;width:68%;height:4px;border-radius:3px;background:#fff2b0;transform:scaleX(0);transform-origin:left;pointer-events:none}#pbact.holding:after{animation:attack-hold .38s linear forwards}#pbact.hold-ready:after{transform:scaleX(1)}@keyframes attack-hold{to{transform:scaleX(1)}}body.selmode #btns [hidden]{display:none!important}body.selmode #logo,body.selmode #title h2,body.selmode #loadbar,body.selmode #loadmsg,body.selmode #title .keys{display:none}body.selmode #title{padding:28px 28px 120px;gap:0;background:linear-gradient(110deg,#141411f5,#191713e8)}body.selmode #title h1{width:min(1080px,100%);margin:8px auto 20px;text-align:left;font-size:26px;letter-spacing:4px}body.selmode #btns{width:min(1080px,100%);margin:0 auto;padding:24px;border:1px solid #716043;border-radius:18px;background:#211f1bdc;box-shadow:0 20px 60px #0004;text-align:left}body.selmode #selback{margin:0 0 20px!important;padding:8px 12px;border:1px solid #716043;border-radius:8px;background:transparent;font-size:13px;color:#d7cebb}#selection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 24px}.selection-step{display:flex;gap:12px;align-items:center;padding:14px 18px;border:1px solid #494338;border-radius:9px;color:#a49e91;background:#191916;font-size:14px}.selection-step b{font-size:18px;color:#887b60}.selection-step.active{background:#483c27;border-color:#d7b367;color:#fff2d0}.selection-step.active b{color:#f5cc76}body.selmode .selh{margin:0 0 18px;font-size:20px;font-weight:700;text-align:left}#selection-role-stage{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:stretch}body.selmode #gsel{grid-column:1 / -1;display:flex;gap:0;margin:0;justify-content:flex-start}body.selmode #gsel button{min-width:84px;margin:0;padding:10px;font-size:14px;border-radius:0;background:#302e28;border:1px solid #655b47;color:#d2c9b6}body.selmode #gsel button:first-child{border-radius:8px 0 0 8px}body.selmode #gsel button:last-child{border-radius:0 8px 8px 0}body.selmode #gsel button.on{background:#d0ae65;color:#211d14}body.selmode #charsel{width:100%;max-width:100%;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:160px;gap:12px}body.selmode #charsel .ch{width:auto!important;height:160px;min-height:0;margin:0!important;padding:12px!important;background:#2a2924;border:1px solid #554e40;border-radius:10px;box-shadow:none;outline:none;cursor:pointer;gap:5px;justify-content:center;transform:none}body.selmode #charsel .ch.on{background:#413925;border:2px solid #edc777;box-shadow:inset 0 0 0 2px #211b14}body.selmode #charsel .ch .pv{width:68px!important;height:90px!important;margin:0;background:transparent}body.selmode #charsel .ch b{font-size:13px;white-space:normal}body.selmode #charsel .ch .ag{font-size:11px;height:auto}body.selmode #charsel .ch .bl,body.selmode #charsel .ch .pk{display:none!important}body.selmode #charsel .ch:focus-visible{outline:3px solid white}#selection-role-detail{padding:22px;border:1px solid #65573e;border-radius:12px;background:#181916;text-align:left}.selection-eyebrow{display:block;font-size:11px;letter-spacing:2px;color:#c4a96e;margin-bottom:16px}#selection-role-detail h3{font-size:20px;line-height:1.5;margin:0 0 18px}body.selmode #title #selection-role-detail p{display:block;font-size:14px;line-height:1.9;color:#bdb6a7;margin:0 0 20px}.selection-perks{padding:16px;background:#353023;border-radius:8px;color:#e3c782;font-size:13px;line-height:1.8}#selection-settings{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;min-height:260px}body.selmode #daylen{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:12px;margin:0;padding:24px;border:1px solid #65573e;border-radius:12px;background:#181916}#daylen>span{grid-column:1/-1;font-size:15px;margin-bottom:12px}body.selmode #daylen button{min-height:70px;margin:0;border-radius:9px;font-size:14px;background:#302d25;border-color:#65573e}body.selmode #daylen button.on{color:#241c10;background:#d0ae65;border-color:#f0d291}#selection-settings>label{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:24px;border:1px solid #65573e;border-radius:12px;background:#181916;font-size:16px}#selection-settings input[type=checkbox]{width:22px;height:22px;accent-color:#c6a05d}#selection-settings #mpsel{grid-column:1/-1}#selection-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:none;padding:0;line-height:1.6}.selection-identity,.selection-departure{padding:24px;background:#181916;border:1px solid #65573e;border-radius:12px}.selection-identity{text-align:center}.selection-identity .selection-eyebrow{text-align:left}#selection-summary img{width:90px;height:130px;object-fit:contain}#selection-summary h3{margin:12px 0 20px;font-size:21px}body.selmode #title #selection-summary p{display:block;font-size:14px;color:#d6bc83;line-height:1.7}.selection-fact{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #413c31;gap:12px;font-size:14px}.selection-fact span{color:#aca596}.selection-departure small{display:block;margin-top:24px;color:#aaa396;font-size:12px;line-height:1.8}body.selmode #startbar{display:flex;position:fixed;inset:auto 0 0;z-index:101;align-items:center;gap:12px;padding:16px max(28px,calc((100vw - 1080px)/2)) calc(16px + env(safe-area-inset-bottom));border-top:1px solid #65573e;background:#191914fa}#startbar>span{flex:1;font-size:14px}#selection-previous{margin:0;padding:12px 18px;border:1px solid #716043;border-radius:8px;background:#2e2a22;color:#ded3bc;font-size:14px}#startgo{margin:0;min-width:135px;border-radius:8px}@media(max-width:700px){body.selmode #title{padding:24px 12px 110px}body.selmode #title h1{font-size:23px;margin:0 0 16px}body.selmode #btns{padding:14px;border-radius:12px}body.selmode #selback{margin-bottom:14px!important;font-size:12px;padding:7px 10px}#selection-steps{gap:6px;margin-bottom:18px}.selection-step{flex-direction:column;align-items:flex-start;gap:5px;padding:10px;font-size:11px}.selection-step b{font-size:15px}body.selmode .selh{font-size:17px;margin-bottom:12px}#selection-role-stage{grid-template-columns:1fr;gap:12px}body.selmode #gsel{grid-column:auto}body.selmode #gsel button{padding:7px;min-width:64px;font-size:12px}body.selmode #charsel{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:108px;gap:8px}body.selmode #charsel .ch{height:108px;padding:8px!important;gap:2px}body.selmode #charsel .ch .pv{width:38px!important;height:55px!important}body.selmode #charsel .ch b{font-size:12px}body.selmode #charsel .ch .ag{font-size:10px}#selection-role-detail{padding:16px}.selection-eyebrow{font-size:10px;margin-bottom:10px}#selection-role-detail h3{font-size:16px;margin-bottom:8px}body.selmode #title #selection-role-detail p{font-size:12px;margin-bottom:12px;line-height:1.7}.selection-perks{font-size:12px;padding:10px}#selection-settings,#selection-summary{grid-template-columns:1fr;gap:12px}body.selmode #daylen{padding:18px;gap:8px}#daylen>span{font-size:13px}body.selmode #daylen button{min-height:64px;padding:6px;font-size:12px}#selection-settings>label{min-height:94px;padding:18px;font-size:14px}.selection-identity,.selection-departure{padding:18px}#selection-summary img{width:60px;height:80px}#selection-summary h3{font-size:17px;margin:8px 0 12px}body.selmode #title #selection-summary p{margin:0;font-size:12px}.selection-fact{padding:12px 0;font-size:13px}.selection-departure small{margin-top:14px}body.selmode #startbar{gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}#startbar>span{font-size:11px}#selection-previous{padding:10px;font-size:12px}#startgo{min-width:100px;padding:12px;font-size:15px}}#entry-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:24px;background:radial-gradient(ellipse at center,#392b21,#100e0c 75%);color:#f4ddab}.entry-spinner{width:52px;height:52px;border:3px solid #c9a35a33;border-top-color:#e6bd70;border-radius:50%;animation:entry-spin 1.2s linear infinite}@keyframes entry-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.entry-spinner{animation:none;border-color:#e6bd70}}body.selmode #title-language{position:absolute;top:24px;right:28px}body.selmode #title h1{padding-right:125px}@media(max-width:700px){body.selmode #title-language{top:20px;right:12px}}#modal.help-modal .mbox{width:min(720px,calc(100vw - 24px))}#modal .help-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #3a3d42;background:#15191e;flex:none}#modal .help-nav button{margin:0;min-height:44px;font-size:16px}#modal .help-nav button:disabled{opacity:.35;cursor:default}#help-progress{color:#ffd17d;font-variant-numeric:tabular-nums;white-space:nowrap}#help-heading{color:#ffd17d;font-size:20px}#help-heading:focus{outline:none}#modal.help-modal .ktab{width:100%;table-layout:fixed}#modal.help-modal .ktab td:first-child{width:30%}#modal.help-modal .ktab td{overflow-wrap:anywhere;vertical-align:top}#modal.help-modal button:focus-visible{outline:3px solid #ffd17d;outline-offset:-3px}@media(max-width:480px){#modal.help-modal .mbody{padding:4px 12px 10px}#modal.help-modal .ktab{font-size:15px}#modal.help-modal .ktab td{padding:7px 5px;line-height:1.45}#modal .help-nav{gap:6px;padding:8px}#modal .help-nav button{padding:8px 5px;font-size:14px}}#panel{z-index:25;box-sizing:border-box;width:880px;height:min(680px,86vh);height:min(680px,86dvh);max-height:none;padding:14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}#panel .inventory-columns{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}#panel .inventory-columns.has-loot{grid-template-columns:repeat(2,minmax(0,1fr))}#panel .col{min-width:0;min-height:0;display:flex;flex-direction:column}#panel h3{flex:none;font-size:17px;line-height:1.4;overflow-wrap:anywhere}#panel .inventory-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}#panel button.it{box-sizing:border-box;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 6px;padding:8px;min-height:60px;background:#262a2c;text-align:left;font:inherit;font-size:14px;line-height:1.45}#panel .it img{box-sizing:border-box;width:44px;height:44px}#panel .it .item-text,#panel .it .item-name,#panel .it .item-detail{display:block;min-width:0;overflow-wrap:anywhere}#panel .it .item-detail{margin-top:3px;font-size:11px;color:#b1b8b1}#panel .it .item-action{white-space:nowrap;align-self:center;font-size:12px;color:#c5d9bb}#panel button.it:hover{background:#3b4245}#panel button:focus-visible,#panel .inventory-list:focus-visible{outline:2px solid #ffd76a;outline-offset:-2px}#panel .inventory-actions{flex:none;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #625936;padding-top:10px}#panel .inventory-actions button{margin:0;min-height:44px;padding:10px 18px;font:inherit}#panel .inventory-actions button:disabled{opacity:.45;cursor:default}#panel .inventory-empty{color:#b5b5ac;padding:12px 4px;margin:0}body.mobile.inventory-open #panel{max-height:none;overflow:hidden;height:min(720px,calc(100dvh - 32px))}@media(max-width:600px){#panel{padding:12px;max-width:calc(100vw - 20px);height:calc(100dvh - 32px)}#panel .inventory-columns.has-loot{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px}#panel .inventory-columns.has-loot .col+.col{border-top:1px solid #625936;padding-top:10px}#panel .inventory-actions button{flex:1;padding-inline:8px}}#mpleave{position:fixed;top:58px;right:12px;z-index:90;min-height:44px}#mpsel p{flex-basis:100%;font-size:12px;line-height:1.5}#mpsel input{max-width:100%;box-sizing:border-box;min-height:40px}#mpleave{left:50%;right:auto;top:42px;transform:translate(-50%)}body.portrait #mphud{top:178px;left:8px;transform:none;max-width:calc(100vw - 135px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.portrait #mpleave{top:174px;right:8px;left:auto;transform:none}