:root{--paper: #f5ecd6;--paper2: #ebdfc2;--ink: #4a3426;--ink2: #7a5c44;--teal: #3fa89e;--teal-d: #2a7d75;--red: #d4433a;--gold: #e8ae3e;--green: #6cb84a;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--u: clamp(.8px, .14vmin + .55px, 1.25px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:#9fd4ea;touch-action:none;overscroll-behavior:none;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;color:var(--ink)}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0;touch-action:manipulation}.tape{position:relative;background:var(--teal);color:#fffaf0;font-weight:800;letter-spacing:1px;padding:calc(8 * var(--u)) calc(16 * var(--u));font-size:calc(15 * var(--u));clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,88% 0,92% 10%,96% 0,100% 8%,97% 50%,100% 92%,96% 100%,92% 90%,88% 100%,12% 100%,8% 90%,4% 100%,0 92%,3% 50%);box-shadow:inset 0 -3px #0000001f;text-shadow:0 1px 0 rgba(0,0,0,.2);transition:transform .08s,filter .15s}.tape:active{transform:scale(.94) rotate(-1deg)}.tape.red{background:var(--red)}.tape.gold{background:var(--gold);color:#4a3020;text-shadow:none}.tape.gray,.tape:disabled{background:#b8ad98;filter:saturate(.3)}.tape.big{font-size:calc(22 * var(--u));padding:calc(14 * var(--u)) calc(44 * var(--u))}.paper{background:var(--paper);border:26px solid transparent;border-image:url(./panel-1f_N23ki.png) 90 fill / 26px round;box-shadow:0 10px 30px #281e1459}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button,#hud canvas,#hud #goal,#team .slot{pointer-events:auto}#tl{position:absolute;left:calc(10px + var(--safe-l));top:calc(10px + var(--safe-t));display:flex;flex-direction:column;gap:calc(6 * var(--u))}#zone-chip{display:inline-flex;gap:8px;align-items:center;background:var(--paper);padding:calc(5 * var(--u)) calc(12 * var(--u));font-weight:800;font-size:calc(14 * var(--u));box-shadow:2px 3px #4a342640;transform:rotate(-1.5deg);border-left:5px solid var(--teal);align-self:flex-start}#weather-name{color:#fff;background:var(--ink2);padding:1px 8px;font-size:calc(12 * var(--u));transform:rotate(2deg)}#php{display:flex;align-items:center;gap:6px}.heart{width:calc(20 * var(--u));height:calc(18 * var(--u));background:var(--red);clip-path:path("M10 18 L1 8 A5 5 0 0 1 10 3 A5 5 0 0 1 19 8 Z");display:inline-block;transform:scale(var(--u));transform-origin:left center}.bar{position:relative;height:calc(10 * var(--u));width:calc(130 * var(--u));background:#4a342659;border:2px solid var(--paper);box-shadow:1px 2px #0003;overflow:hidden}.bar b{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#ff8a70,#e2483c);width:100%;transition:width .2s}#team{display:flex;flex-direction:column;gap:calc(6 * var(--u));margin-top:4px}.slot{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer}.slot .pf{width:calc(50 * var(--u));height:calc(50 * var(--u));border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 2px #00000040,0 0 0 2px #4a342640;overflow:hidden}.slot .pf img{width:100%;height:100%;object-fit:cover}.slot.active .pf{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold),0 2px #0000004d;transform:scale(1.08)}.slot.dead .pf{filter:grayscale(1) brightness(.7)}.slot .si{display:flex;flex-direction:column;gap:2px;font-size:calc(11 * var(--u));font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.slot .bar{width:calc(62 * var(--u));height:calc(6 * var(--u));border-width:1px}.slot .bar b{background:linear-gradient(#9ae870,#52b43a)}.slot .key{position:absolute;left:-2px;top:-2px;background:var(--ink);color:var(--paper);font-size:10px;width:15px;height:15px;border-radius:50%;text-align:center;line-height:15px}#goal{position:absolute;top:calc(10px + var(--safe-t));left:50%;transform:translate(-50%) rotate(.6deg);background:var(--paper);max-width:min(46vw,520px);padding:calc(6 * var(--u)) calc(14 * var(--u)) calc(7 * var(--u)) calc(14 * var(--u));box-shadow:2px 3px #4a342638;font-size:calc(13.5 * var(--u));font-weight:700;line-height:1.35}#goal:before{content:"";position:absolute;top:-8px;left:50%;width:70px;height:16px;margin-left:-35px;background:#e8ae3ebf;transform:rotate(-3deg)}#goal.collapsed #goal-text{display:none}.goal-tag{font-size:calc(10.5 * var(--u));color:var(--red);font-weight:900;letter-spacing:2px}#goal.pulse{animation:goalPulse .7s}@keyframes goalPulse{0%{transform:translate(-50%) scale(1.15) rotate(-2deg);background:#fff4b0}to{transform:translate(-50%) rotate(.6deg)}}#target{position:absolute;top:calc(78px * var(--u) + var(--safe-t) + 14px);left:50%;transform:translate(-50%);min-width:calc(220 * var(--u));background:#281e18b8;color:#fff;padding:calc(6 * var(--u)) calc(12 * var(--u));clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)}#target .t-row{display:flex;align-items:center;gap:6px;font-weight:800;font-size:calc(14 * var(--u))}#target .t-row.small{font-size:calc(11.5 * var(--u));justify-content:space-between;margin-top:3px;opacity:.95}#t-el{width:calc(22 * var(--u));height:calc(22 * var(--u))}#t-tier{font-size:calc(10.5 * var(--u));padding:0 6px;background:#8a7a62}#target .bar{width:100%;height:calc(9 * var(--u));border-color:#fff9;margin-top:3px}#target .bar b{background:linear-gradient(#ffd070,#f08030)}#t-catch{color:#9ff0e0;font-weight:900}#t-catch.hot{color:#ffe070}#tr{position:absolute;right:calc(10px + var(--safe-r));top:calc(10px + var(--safe-t));display:flex;flex-direction:column;align-items:flex-end;gap:8px}#minimap{width:calc(128 * var(--u));height:calc(128 * var(--u));border-radius:50%;border:4px solid var(--paper);box-shadow:0 3px #00000040;background:#6ab0c8}#menu{display:flex;flex-direction:column;gap:6px;align-items:flex-end}#menu .tape{font-size:calc(13 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u))}#menu .tape:nth-child(2){background:#d08a3a}#menu .tape:nth-child(3){background:#6aa84a}#menu .tape:nth-child(4){background:#8a6ac8}#menu .tape:nth-child(5){background:var(--ink2)}#menu .tape .dot{position:absolute;right:4px;top:2px;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid #fff}#res-strip{position:absolute;left:50%;bottom:calc(8px + var(--safe-b));transform:translate(-50%);display:flex;gap:calc(8 * var(--u));background:#f5ecd6e6;padding:3px 10px;box-shadow:1px 2px #0003;font-weight:800;font-size:calc(12 * var(--u))}#res-strip span{display:flex;align-items:center;gap:2px}#res-strip img{width:calc(20 * var(--u));height:calc(20 * var(--u));object-fit:contain}#res-strip span.pulse{animation:rpulse .35s}@keyframes rpulse{50%{transform:scale(1.35);color:var(--teal-d)}}#actions{position:absolute;right:calc(14px + var(--safe-r));bottom:calc(40px + var(--safe-b));width:calc(230 * var(--u));height:calc(210 * var(--u))}.act{position:absolute;width:calc(64 * var(--u));height:calc(64 * var(--u));border-radius:50%;background:var(--paper);border:3px solid #fff;box-shadow:0 4px #4a342659;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(13 * var(--u));color:var(--ink);transition:transform .08s}.act:active{transform:scale(.9)}.act img{width:70%;height:70%;object-fit:contain;pointer-events:none}.act.big{width:calc(88 * var(--u));height:calc(88 * var(--u));right:0;bottom:0;background:#fffaf0}#btn-ball span{position:absolute;right:-4px;bottom:-2px;background:var(--ink);color:var(--paper);font-size:calc(12 * var(--u));padding:1px 6px;border-radius:10px}#btn-balltype{right:calc(78 * var(--u));bottom:calc(-6 * var(--u));width:calc(34 * var(--u));height:calc(34 * var(--u));font-size:calc(15 * var(--u));position:absolute}#btn-skill{right:calc(96 * var(--u));bottom:calc(30 * var(--u));overflow:hidden}#btn-skill span{position:absolute;bottom:calc(-20 * var(--u));white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000;font-size:calc(11 * var(--u))}#btn-skill{overflow:visible}#skill-cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(rgba(40,30,20,.65) var(--cd, 0%),transparent 0);pointer-events:none}#btn-skill.locked{filter:grayscale(1);opacity:.7}#btn-jump{right:calc(10 * var(--u));bottom:calc(104 * var(--u))}#btn-interact{right:calc(96 * var(--u));bottom:calc(118 * var(--u));width:auto;min-width:calc(64 * var(--u));height:calc(44 * var(--u));border-radius:22px;padding:0 12px;background:var(--gold);color:#3a2410;animation:bob 1s infinite}@keyframes bob{50%{transform:translateY(-4px)}}.chip{position:absolute;right:calc(0 * var(--u));bottom:calc(180 * var(--u));background:#281e1899;color:#fff;font-weight:800;font-size:calc(11.5 * var(--u));padding:5px 10px;border-radius:4px;pointer-events:auto}.chip.on{background:var(--teal);box-shadow:0 0 0 2px #fff}#stick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:3px dashed rgba(255,255,255,.7);background:#ffffff26;display:none;pointer-events:none}#stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:var(--paper);box-shadow:0 3px #00000040;transform:translate(-50%,-50%)}#hint{position:absolute;left:50%;bottom:22%;transform:translate(-50%);color:#fff;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.6);font-size:calc(15 * var(--u));text-align:center;white-space:nowrap;animation:fadeHint 7s forwards}@keyframes fadeHint{0%,80%{opacity:1}to{opacity:0}}#toasts{position:absolute;left:50%;top:32%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{background:var(--paper);padding:6px 14px;font-weight:800;font-size:calc(13.5 * var(--u));box-shadow:2px 3px #0003;animation:toast 2.6s forwards;border-left:4px solid var(--gold);white-space:nowrap}@keyframes toast{0%{opacity:0;transform:translateY(10px) rotate(-2deg)}10%,80%{opacity:1;transform:none}to{opacity:0}}#banner{position:absolute;left:0;right:0;top:24%;text-align:center;background:linear-gradient(90deg,transparent,rgba(40,28,20,.78) 20%,rgba(40,28,20,.78) 80%,transparent);color:#fff;padding:10px 0;animation:banner 3.6s forwards}.b-title{font-size:calc(24 * var(--u));font-weight:900;letter-spacing:3px;color:#ffe8a0}.b-sub{font-size:calc(14 * var(--u));font-weight:700;margin-top:2px}@keyframes banner{0%{opacity:0;transform:scaleY(.2)}8%,85%{opacity:1;transform:none}to{opacity:0}}#zone-title{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:calc(34 * var(--u));font-weight:900;color:#fff;letter-spacing:8px;text-shadow:0 3px 0 rgba(74,52,38,.6),0 0 20px rgba(0,0,0,.3);opacity:0;white-space:nowrap}#zone-title.show{animation:ztitle 2.8s}@keyframes ztitle{0%{opacity:0;letter-spacing:20px}20%,70%{opacity:1;letter-spacing:8px}to{opacity:0}}#skillcall{position:absolute;right:18%;top:46%;font-size:calc(30 * var(--u));font-weight:900;color:#fff;opacity:0;font-style:italic;-webkit-text-stroke:1px rgba(0,0,0,.3)}#skillcall.show{animation:scall 1.1s}@keyframes scall{0%{opacity:0;transform:translate(60px) skew(-12deg)}20%,70%{opacity:1;transform:skew(-12deg)}to{opacity:0;transform:translate(-30px) skew(-12deg)}}#wobble{position:absolute;left:50%;top:58%;transform:translate(-50%);display:flex;gap:12px}#wobble i{width:16px;height:16px;border-radius:50%;border:3px solid #fff;background:#00000040;box-shadow:0 2px #0003}#wobble i.on{background:var(--gold);animation:pop .3s}@keyframes pop{50%{transform:scale(1.6)}}#hurt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px #dc281ecc;opacity:0;transition:opacity .3s}#flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}#flash.go{animation:flash .9s}@keyframes flash{0%{opacity:1}to{opacity:0}}.crit-banner{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);font-size:calc(40 * var(--u));font-weight:900;color:#ffe070;-webkit-text-stroke:2px #8a4a10;pointer-events:none;animation:crit 1.2s forwards;white-space:nowrap}@keyframes crit{0%{transform:translate(-50%,-50%) scale(3);opacity:0}20%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}#fx-layer,#tags{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dmg{position:absolute;left:0;top:0;font-weight:900;font-size:calc(20 * var(--u));color:#fff;-webkit-text-stroke:1.5px #4a3426;paint-order:stroke fill;white-space:nowrap;will-change:transform}.dmg.super{color:#ffd040;font-size:calc(28 * var(--u));-webkit-text-stroke:2px #8a3a10}.dmg.crit{color:#ff9060;font-size:calc(24 * var(--u))}.dmg.weak{color:#c8c8c8;font-size:calc(16 * var(--u))}.dmg.res{color:#fff4c0;font-size:calc(15 * var(--u))}.dmg.res.gold,.dmg.lvl{color:#ffe070}.dmg.exp{color:#b0f0ff;font-size:calc(14 * var(--u))}.dmg.heal{color:#9ff080}.dmg.burn{color:#ff8040;font-size:calc(15 * var(--u))}.dmg.poison{color:#c080ff;font-size:calc(15 * var(--u))}.dmg.work{color:#fff;font-size:calc(13 * var(--u));-webkit-text-stroke:1px #3a6a2a}.tag{position:absolute;left:0;top:0;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;will-change:transform}.tag .tn{font-size:calc(11 * var(--u));font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tag .tn em{font-style:normal;padding:0 4px;margin-right:3px;font-size:calc(9.5 * var(--u))}.tag .tb{width:calc(54 * var(--u));height:5px;background:#00000073;margin:2px auto 0;border:1px solid rgba(255,255,255,.7)}.tag .tb b{display:block;height:100%;background:#f08a3a}.tag.boss .tb{width:calc(90 * var(--u));height:7px}.tag.boss .tb b{background:#e23a2a}.tag.sel .tn{color:#ffe070}.tag .arrow{width:0;height:0;margin:2px auto 0;border:7px solid transparent;border-top-color:#ffe070;animation:bob .8s infinite}#modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e161073;display:flex;align-items:center;justify-content:center;z-index:20}#modal .paper{position:relative;width:min(94vw,760px);max-height:min(90vh,640px);display:flex;flex-direction:column;animation:panelIn .22s}@keyframes panelIn{0%{transform:translateY(30px) rotate(1.5deg);opacity:0}}.p-head{font-size:calc(20 * var(--u));font-weight:900;padding:0 4px 8px;border-bottom:2px dashed rgba(122,92,68,.35);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.p-head .sub{font-size:calc(12 * var(--u));color:var(--ink2);font-weight:700}.p-head .tape{font-size:calc(13 * var(--u));padding:5px 14px;margin-left:auto}.p-body{overflow-y:auto;padding:10px 2px 2px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.close{position:absolute;right:-14px;top:-14px;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font-size:26px;font-weight:900;box-shadow:0 3px #0000004d;z-index:2;line-height:38px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(150 * var(--u)),1fr));gap:10px}.card{background:#fffaf0;padding:8px;box-shadow:1px 2px #4a342633;position:relative;border:1px solid rgba(122,92,68,.2)}.card.sel{outline:3px solid var(--gold)}.mcard{display:flex;gap:8px;align-items:center;cursor:pointer}.mcard img.pf{width:calc(52 * var(--u));height:calc(52 * var(--u));border-radius:50%;background:#eef6f0;border:2px solid #fff;box-shadow:0 0 0 2px #4a342633}.mcard .mn{font-weight:900;font-size:calc(14 * var(--u))}.mcard .ml{font-size:calc(11.5 * var(--u));color:var(--ink2);font-weight:700;display:flex;gap:4px;align-items:center;flex-wrap:wrap}.el-ico{width:calc(18 * var(--u));height:calc(18 * var(--u));vertical-align:middle}.apt{display:inline-block;font-weight:900;padding:0 5px;color:#fff;font-size:calc(11 * var(--u))}.apt.S{background:#e0a020}.apt.A{background:#a050d0}.apt.B{background:#3a90d0}.apt.C{background:#8a8a8a}.badge{font-size:calc(10.5 * var(--u));padding:1px 5px;background:var(--ink2);color:#fff;font-weight:800}.badge.team{background:var(--teal)}.badge.work{background:#d08a3a}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.btns .tape{font-size:calc(13 * var(--u));padding:6px 14px}.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(92 * var(--u)),1fr));gap:8px}.res-cell{background:#fffaf0;text-align:center;padding:6px;font-weight:900;box-shadow:1px 2px #4a342626}.res-cell img{width:calc(46 * var(--u));height:calc(46 * var(--u));object-fit:contain;display:block;margin:0 auto 2px}.res-cell small{display:block;color:var(--ink2);font-size:calc(11 * var(--u))}h4{margin:14px 0 6px;font-size:calc(14.5 * var(--u));color:var(--ink2)}h4:before{content:"";display:inline-block;width:14px;height:6px;background:var(--gold);margin-right:6px;vertical-align:middle}.fac{display:grid;grid-template-columns:1fr auto;gap:6px}.fac .fn{font-weight:900;font-size:calc(15 * var(--u))}.fac .fd{font-size:calc(11.5 * var(--u));color:var(--ink2)}.fac .fs{font-size:calc(12 * var(--u));font-weight:800}.workers{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.wk{position:relative;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;background:#eef6f0;border:2px dashed rgba(122,92,68,.4);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--ink2);cursor:pointer}.wk img{width:100%;height:100%;border-radius:50%}.wk.filled{border:2px solid #fff;box-shadow:0 0 0 2px var(--teal)}.wk .x{position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;line-height:16px;text-align:center}.detail{display:grid;grid-template-columns:calc(150 * var(--u)) 1fr;gap:14px}.detail .big-pf{width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff,#e8f0e0);border:4px solid #fff;box-shadow:0 0 0 3px #4a342633}.stat{display:flex;justify-content:space-between;font-size:calc(13 * var(--u));font-weight:800;border-bottom:1px dotted rgba(122,92,68,.3);padding:3px 0}.expbar{height:8px;background:#4a342633;margin:4px 0}.expbar b{display:block;height:100%;background:#6ad0e0}.codex .card{text-align:center}.codex img.pf{width:70%;aspect-ratio:1;border-radius:50%;background:#eef6f0}.codex .unk img{filter:brightness(0) opacity(.35)}.codex .cn{font-weight:900;margin-top:4px;font-size:calc(13.5 * var(--u))}.codex .ci{font-size:calc(11 * var(--u));color:var(--ink2);text-align:left;line-height:1.45;margin-top:4px}.ring{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-weight:900}.ring img{width:calc(34 * var(--u));height:calc(34 * var(--u))}.help p{margin:4px 0;font-size:calc(13 * var(--u));line-height:1.55}.help b{color:var(--teal-d)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dotted rgba(122,92,68,.3);font-weight:800}.set-row input[type=range]{width:45%;accent-color:var(--teal)}.toggle{width:52px;height:28px;border-radius:14px;background:#c8bca4;position:relative}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--teal)}.toggle.on:after{left:27px}#stamp-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#1e161080}#stamp-card .card{width:min(78vw,320px);text-align:center;padding:6px;animation:cardIn .4s cubic-bezier(.2,1.4,.4,1);background:var(--paper)}@keyframes cardIn{0%{transform:scale(.4) rotate(-10deg);opacity:0}}.sc-portrait{width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff,#e0ecd8);border:5px solid #fff;box-shadow:0 0 0 3px #4a342633}.sc-name{font-size:calc(22 * var(--u));font-weight:900;margin-top:6px}.sc-info{font-size:calc(13 * var(--u));color:var(--ink2);font-weight:700;margin:4px 0 12px;line-height:1.5}.stamp{position:absolute;right:8%;top:28%;font-size:calc(34 * var(--u));font-weight:900;color:var(--red);border:5px solid var(--red);padding:2px 12px;border-radius:8px;transform:rotate(-14deg);opacity:.88;mix-blend-mode:multiply;animation:stamp .5s .35s both cubic-bezier(.3,1.6,.5,1);letter-spacing:4px}@keyframes stamp{0%{transform:scale(3.2) rotate(-30deg);opacity:0}}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 40%,#fffae640,#28505a59)}#logo{width:min(80vw,560px);filter:drop-shadow(0 6px 0 rgba(74,52,38,.3));animation:logoIn 1s cubic-bezier(.2,1.4,.4,1)}@keyframes logoIn{0%{transform:scale(.5) translateY(-40px);opacity:0}}#subtitle{font-size:calc(18 * var(--u));font-weight:900;color:#fff;letter-spacing:6px;text-shadow:0 2px 0 rgba(74,52,38,.5)}#loadbar{width:min(60vw,320px);height:12px;background:#fff6;border:3px solid var(--paper)}#loadbar b{display:block;height:100%;width:0;background:var(--teal);transition:width .2s}#title-tip{position:absolute;bottom:calc(18px + var(--safe-b));color:#fff;font-weight:700;font-size:calc(12 * var(--u));text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center;padding:0 10px}@media (orientation: portrait){#goal{top:auto;bottom:calc(300px * var(--u) + var(--safe-b));max-width:80vw;left:50%}#target{top:calc(10px + var(--safe-t) + 58px)}#team{flex-direction:row}#team .si{display:none}#menu{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:48vw}#tr{flex-direction:row-reverse;align-items:flex-start}#minimap{width:calc(100 * var(--u));height:calc(100 * var(--u))}#tr{flex-direction:column}#res-strip{bottom:calc(6px + var(--safe-b));flex-wrap:wrap;justify-content:center;max-width:96vw}#actions{bottom:calc(52px + var(--safe-b))}.detail{grid-template-columns:1fr}.detail .big-pf{width:40%;margin:0 auto;display:block}}body.onehand #goal{max-width:60vw}body.onehand.left #actions{right:auto;left:calc(14px + var(--safe-l));transform:scaleX(-1)}body.onehand.left #actions>*>*{transform:scaleX(-1)}body.onehand.left #actions .act span,body.onehand.left #actions .chip{transform:scaleX(-1)}body.onehand #actions{bottom:calc(150px * var(--u) + 40px + var(--safe-b))}body.onehand #team .si{display:none}body.onehand #team{flex-direction:row}