@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/zeplivo/assets/alfa-slab-one-latin-ext-400-normal-DZhSYPC8.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/zeplivo/assets/alfa-slab-one-latin-400-normal-CbTZiZTW.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/zeplivo/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/zeplivo/assets/archivo-latin-standard-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--walnut: #24160d;--walnut2: #35210f;--walnut3: #4a2e18;--brass: #e2b04f;--brass2: #b07a2a;--brass3: #ffe7a6;--cream: #f6ead0;--cream2: #e9d3a6;--ink: #2a1a0c;--red: #c8432f;--green: #3f9a5a;--steam: #9fd3e6;--muted: #c9b48c;--text: #f6ead0;--display: "Alfa Slab One", Georgia, serif;--ui: "Archivo Variable", system-ui, sans-serif;--top: 52px;--panel: 300px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--walnut);color:var(--text);font-family:var(--ui);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--brass3);outline-offset:2px}#app{display:grid;grid-template-rows:var(--top) 1fr;height:100dvh}.topbar{display:flex;align-items:center;gap:12px;padding:0 12px;background:linear-gradient(#3a2416,#24160d);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#6e4a1a,#e2b04f 30%,#ffe7a6,#e2b04f 70%,#6e4a1a) 1;position:relative;z-index:20;min-width:0}.brand{display:flex;align-items:center;gap:8px;color:var(--brass3);text-decoration:none;font-family:var(--display);font-size:22px;letter-spacing:.5px;text-shadow:0 2px 0 #1a0e06;flex:none}.brand svg{width:38px;height:26px}.b-bag{fill:#efdcae;stroke:var(--brass);stroke-width:1.6}.b-rib{stroke:var(--brass2);stroke-width:1.6;fill:none}.b-fin{fill:var(--red)}.b-gon{fill:#8c5a30;stroke:var(--brass);stroke-width:1}.b-rope{stroke:#c9b48c;stroke-width:1.2}.voyage{flex:1;display:flex;align-items:center;gap:10px;min-width:0;justify-content:center}.voyage-track{position:relative;height:18px;width:min(320px,38vw)}.voyage-track:before{content:"";position:absolute;left:6px;right:6px;top:8px;height:2px;background:repeating-linear-gradient(90deg,rgba(233,211,166,.45) 0 6px,transparent 6px 11px)}.voyage-track .done{position:absolute;left:6px;top:8px;height:2px;background:var(--brass);transition:width .6s ease}.voyage-track .dot{position:absolute;top:3px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--walnut3);border:2px solid var(--brass2)}.voyage-track .dot.boss{background:#6e1e14;border-color:#ff8a6a;width:14px;height:14px;top:2px;margin-left:-7px}.voyage-track .dot.passed{background:var(--brass);border-color:var(--brass3)}.voyage-track .dot.port{border-radius:3px}.voyage-track .ship{position:absolute;top:-6px;width:20px;height:12px;margin-left:-10px;border-radius:50%;background:#efdcae;border:2px solid var(--brass);transition:left .6s ease;box-shadow:0 0 10px #ffdc8c99}#voyageLabel{font-weight:700;font-size:14px;color:var(--cream);white-space:nowrap}.identity{position:relative;display:flex;align-items:center;gap:6px;margin-left:auto}.voyage:not([hidden])+.identity{margin-left:0}.wardrobe-button{width:38px;height:38px;border-radius:50%;border:2px solid var(--brass);background:var(--walnut3);padding:0;display:grid;place-items:center}.wardrobe-button canvas{width:32px;height:32px}#playerName{width:132px;height:36px;border-radius:8px;border:1px solid var(--brass2);background:#00000040;color:var(--cream);padding:0 10px;font:600 15px var(--ui)}.wardrobe{position:absolute;top:46px;right:0;display:flex;gap:12px;padding:14px;background:var(--walnut2);border:2px solid var(--brass);border-radius:12px;box-shadow:0 12px 40px #00000080;z-index:30}.wardrobe h4{margin:0 0 6px;font-size:13px;color:var(--muted);font-weight:600}.wardrobe canvas{width:80px;height:100px}.colour-grid,.hat-grid{display:grid;grid-template-columns:repeat(5,30px);gap:6px;margin-bottom:10px}.colour-grid button{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,0,0,.4)}.colour-grid button[aria-pressed=true],.hat-grid button[aria-pressed=true]{outline:3px solid var(--brass3);outline-offset:1px}.colour-grid button:disabled{opacity:.25;cursor:not-allowed}.hat-grid{grid-template-columns:repeat(3,44px)}.hat-grid button{width:44px;height:40px;border-radius:8px;border:1px solid var(--brass2);background:var(--walnut3);padding:0}.hat-grid canvas{width:40px;height:36px}.toolbar{display:flex;gap:6px;flex:none}.icon-button{width:38px;height:38px;border-radius:50%;border:2px solid var(--brass2);background:radial-gradient(circle at 35% 30%,#5a3a20,#2a1a0c);color:var(--brass3);display:grid;place-items:center;font-weight:800;font-size:16px;padding:0}.icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.icon-button:hover{border-color:var(--brass3)}.lang-button{font-size:12px}.menu-button{display:none}main{display:grid;grid-template-columns:1fr var(--panel);min-height:0}.stage{position:relative;overflow:hidden;min-width:0;min-height:0;background:#2a3a66;touch-action:none;user-select:none;-webkit-user-select:none}#world{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:none}.gauges{position:absolute;left:12px;top:12px;display:grid;gap:6px;width:210px}.gauge{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;padding:5px 8px;background:#24160dd1;border:1px solid var(--brass2);border-radius:10px;box-shadow:inset 0 1px #ffe7a633,0 4px 14px #0000004d}.gauge b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.gauge .bar{position:relative;height:14px;border-radius:7px;background:#00000073;overflow:hidden;border:1px solid rgba(255,231,166,.25)}.gauge .bar i{position:absolute;inset:0 auto 0 0;width:100%;border-radius:7px;transition:width .25s ease,background .4s}.gauge.hull i{background:linear-gradient(#ff9d7a,#c8432f 60%,#8a2416)}.gauge.hull.ok i{background:linear-gradient(#ffe7a6,#e2b04f 60%,#9c6a24)}.gauge.fuel i{background:linear-gradient(#e8f8ff,#9fd3e6 60%,#4c88a8)}.gauge .bar em{position:absolute;inset:0;font-style:normal;font-size:11px;font-weight:800;text-align:center;line-height:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.gauge.low{animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{border-color:#ff6a4a;box-shadow:0 0 16px #ff5a3c99}}.ups{display:flex;gap:8px;padding-left:2px}.ups span{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--cream);background:#24160db3;border:1px solid rgba(226,176,79,.5);border-radius:999px;padding:2px 7px 2px 3px}.ups span i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;color:#fff}.ups span u{text-decoration:none;letter-spacing:1px;color:var(--brass3)}.tally{position:absolute;right:12px;top:12px;display:flex;gap:8px}.tally span{display:grid;justify-items:center;padding:4px 12px;background:#24160dd1;border:1px solid var(--brass2);border-radius:10px;min-width:64px}.tally b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tally strong{font-family:var(--display);font-size:20px;color:var(--brass3);font-weight:400}.boss-bar{position:absolute;left:50%;top:12px;transform:translate(-50%);width:min(420px,46%);display:grid;gap:4px;justify-items:center}.boss-bar span{font-family:var(--display);font-size:16px;color:#ffd0b8;text-shadow:0 2px 0 #3a0e06,0 0 12px rgba(255,90,60,.6)}.boss-bar .bar{width:100%;height:12px;border-radius:6px;background:#0000008c;border:1px solid #ff8a6a;overflow:hidden}.boss-bar i{display:block;height:100%;background:linear-gradient(#ff9d7a,#c8432f);transition:width .2s}.warn{position:absolute;left:50%;top:58px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#8c1e12e0;border:1px solid #ff8a6a;font-weight:700;font-size:14px;color:#fff3e6;white-space:nowrap;animation:blink 1.1s ease-in-out infinite}@keyframes blink{50%{background:#c83c1eeb}}.banner{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;padding:14px 48px 16px;background:radial-gradient(ellipse at center,#24160dd1,#24160d8c 45%,#24160d00 72%)}.banner h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(28px,5.4vw,60px);color:var(--brass3);text-shadow:0 3px 0 #4a2c16,0 6px 24px rgba(0,0,0,.5);letter-spacing:1px}.banner p{margin:4px 0 0;font-weight:700;font-size:clamp(14px,2vw,20px);color:var(--cream);text-shadow:0 2px 6px rgba(0,0,0,.7);text-transform:uppercase;letter-spacing:.18em}.banner.boss h2{color:#ffb08a;text-shadow:0 3px 0 #4a0e06,0 0 30px rgba(255,80,40,.7)}.banner.show{animation:bannerIn 2.8s cubic-bezier(.2,.9,.3,1.2) both}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-3deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06) rotate(1deg)}20%{transform:translate(-50%,-50%) scale(1) rotate(0)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-62%) scale(.96)}}.prompt{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#24160ddb;border:1px solid var(--brass);border-radius:999px;box-shadow:0 6px 20px #00000059;white-space:nowrap}.prompt kbd{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:linear-gradient(#ffe7a6,#e2b04f);color:var(--ink);font:800 15px var(--ui);box-shadow:0 2px #6e4a1a;padding:0 6px}.prompt span{font-weight:700;font-size:15px}.prompt small{font-size:12px;color:var(--muted)}.prompt small:empty{display:none}.prompt.bad kbd{background:linear-gradient(#cfb8a0,#8a7a68)}.toasts{position:absolute;right:12px;top:74px;display:grid;gap:6px;justify-items:end}.toasts div{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:#f6ead0f2;color:var(--ink);border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 6px 18px #00000059;animation:toastIn 3.2s ease both}.toasts div i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:13px}@keyframes toastIn{0%{opacity:0;transform:translate(30px) scale(.9)}10%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.touch{display:none}.joy{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(255,231,166,.5);background:#24160d59;pointer-events:none}.joy i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7a6,#b07a2a);box-shadow:0 3px 10px #0006}.pause-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;background:#24160deb;border:1px solid var(--brass);border-radius:12px;font-weight:700;text-align:center;max-width:80%}.toast{position:absolute;left:50%;bottom:70px;transform:translate(-50%);padding:8px 14px;background:#f6ead0f5;color:var(--ink);border-radius:10px;font-weight:700;font-size:14px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:90%;text-align:center}.toast.show{opacity:1}.welcome,.result,.vmap{position:absolute;inset:0;display:grid;place-items:center;padding:16px}.welcome{background:radial-gradient(ellipse at center,#140c062e,#140c0600 65%)}.result{background:#140c0659;animation:fadeIn .6s ease both}@keyframes fadeIn{0%{opacity:0}}.card{position:relative;width:min(440px,100%);padding:26px 28px 22px;text-align:center;color:var(--ink);background:linear-gradient(180deg,#fbf1d8,#efdcae);border-radius:18px;border:3px solid var(--brass);box-shadow:0 0 0 6px #24160d8c,0 24px 60px #00000080,inset 0 0 0 2px #fff9}.card{background-image:radial-gradient(circle at 18px 18px,#ffe7a6 0 3px,#b07a2a 6px,#8a5a1e 8px,transparent 9px),radial-gradient(circle at calc(100% - 18px) 18px,#ffe7a6 0 3px,#b07a2a 6px,#8a5a1e 8px,transparent 9px),radial-gradient(circle at 18px calc(100% - 18px),#ffe7a6 0 3px,#b07a2a 6px,#8a5a1e 8px,transparent 9px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),#ffe7a6 0 3px,#b07a2a 6px,#8a5a1e 8px,transparent 9px),linear-gradient(180deg,#fbf1d8,#efdcae)}.card-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#9c6a24}.card-title{margin:4px 0 6px;font-family:var(--display);font-weight:400;font-size:clamp(44px,9vw,64px);line-height:1;background:linear-gradient(#b8432f,#7a1e14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(226,176,79,.9))}.card-tagline{margin:0 0 18px;font-size:16px;line-height:1.4;color:#4a2c16;font-weight:500}.card-actions{display:grid;gap:10px}.card-how{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:1px dashed rgba(110,74,26,.4);display:grid;gap:6px;font-size:13px;color:#6a4a2a;text-align:left}.card-how li:before{content:"✦ ";color:var(--brass2)}.primary,.secondary{min-height:48px;padding:0 20px;border-radius:12px;font-weight:800;font-size:16px;letter-spacing:.02em;border:none}.primary{color:#2a1a0c;background:linear-gradient(#ffe7a6,#e2b04f 55%,#b07a2a);box-shadow:0 3px #6e4a1a,inset 0 1px #ffffffb3}.primary:hover{filter:brightness(1.06)}.primary:active{transform:translateY(2px);box-shadow:0 1px #6e4a1a}.primary:disabled{filter:grayscale(.6);opacity:.7;cursor:default}.secondary{color:var(--cream);background:linear-gradient(#5a3a20,#35210f);box-shadow:0 3px #1a0e06,inset 0 1px #ffe7a640;border:1px solid var(--brass2)}.card .secondary{color:#4a2c16;background:#fff6;border:2px solid var(--brass2);box-shadow:none}.lobby-info{margin:-6px 0 14px;display:grid;gap:8px}.lobby-crew{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.lobby-crew span{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#6e4a1a1f;font-weight:700;font-size:14px}.lobby-crew i{width:12px;height:12px;border-radius:50%}.result-card h2{margin:2px 0 4px;font-family:var(--display);font-weight:400;font-size:clamp(26px,5vw,38px);line-height:1.1;color:#7a1e14}.result-card.won h2{color:#3a6a2a}.result-card .stamp{display:inline-block;margin:0 0 10px;padding:4px 14px;border:3px solid currentColor;border-radius:8px;font-family:var(--display);font-size:18px;transform:rotate(-4deg);color:#b8432f;letter-spacing:2px}.result-card.won .stamp{color:#2f8a5a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}.stats div{padding:8px 4px;border-radius:10px;background:#6e4a1a1a}.stats b{display:block;font-family:var(--display);font-weight:400;font-size:22px;color:#4a2c16}.stats span{font-size:11px;color:#7a5a3a;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.work{margin:0 0 14px;font-size:13px;color:#6a4a2a}.work b{color:#3a2412}.result-card .sub{margin:4px 0 0;font-size:13px;color:#6a4a2a}.score-line{font-family:var(--display);font-size:20px;color:#9c6a24;margin:0 0 4px}.vmap{background:#140c0640;animation:fadeIn .4s ease both;pointer-events:none}.vmap.hide{animation:fadeOut .5s ease both}@keyframes fadeOut{to{opacity:0}}.vmap-card{width:min(720px,96%);padding:14px 16px 12px;background:#3a2416;border:3px solid var(--brass);border-radius:16px;box-shadow:0 20px 60px #00000080;text-align:center;animation:unroll .6s cubic-bezier(.2,.9,.3,1.1) both}@keyframes unroll{0%{transform:scaleY(.2) translateY(-30px);opacity:0}}.vmap-card h3{margin:0 0 8px;font-family:var(--display);font-weight:400;font-size:22px;color:var(--brass3)}.vmap-card canvas{width:100%;aspect-ratio:16 / 7;border-radius:10px;display:block}.vmap-card p{margin:8px 0 0;font-weight:700;color:var(--cream)}.panel{display:flex;flex-direction:column;gap:12px;padding:14px;background:linear-gradient(#35210f,#24160d);border-left:2px solid var(--brass2);overflow-y:auto;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font-family:var(--display);font-weight:400;font-size:20px;color:var(--brass3)}#closePanel{display:none}.mode-switch,.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:#0000004d;border:1px solid rgba(226,176,79,.4)}.mode-switch button,.segmented button{min-height:38px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;font-size:14px}.mode-switch button.active,.segmented button.active{background:linear-gradient(#ffe7a6,#e2b04f);color:var(--ink);box-shadow:0 2px #6e4a1a}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;color:var(--cream)}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:38px;height:38px;border-radius:10px;border:1px solid var(--brass2);background:var(--walnut3);color:var(--brass3);font-size:20px;font-weight:800}.stepper output{min-width:26px;text-align:center;font-family:var(--display);font-size:20px;color:var(--brass3)}.bot-settings{display:grid;gap:10px}.diff-row{margin-bottom:-6px}.invite-row{display:flex;gap:6px}.invite-row input{flex:1;min-width:0;height:38px;border-radius:8px;border:1px solid var(--brass2);background:#0000004d;color:var(--cream);padding:0 8px;font:500 13px var(--ui)}.text-button{background:none;border:none;color:var(--brass3);font-weight:700;padding:8px 6px;text-decoration:underline;text-underline-offset:3px}.crew-title{margin:4px 0 -4px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.player-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#00000038;font-weight:600;font-size:14px;min-height:40px}.player-list li i{width:14px;height:14px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.4)}.player-list li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list li em{font-style:normal;font-size:11px;font-weight:800;color:var(--ink);background:var(--muted);border-radius:6px;padding:2px 6px}.player-list li em.cap{background:var(--brass)}.player-list li.away{opacity:.6}.player-list li button{border:none;background:none;color:var(--muted);font-size:18px;width:28px;height:28px}.note{margin:0;font-size:13px;color:var(--muted)}.note:empty{display:none}.panel-tools{display:none;gap:6px}.panel-tools .secondary{min-height:40px;flex:1;font-size:14px}.panel-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.connection.online:before{content:"● ";color:#6fd08a}.connection.trouble:before{content:"● ";color:#ff8a6a}dialog{max-width:min(620px,92vw);max-height:86dvh;padding:18px 22px;border:3px solid var(--brass);border-radius:16px;background:var(--walnut2);color:var(--cream);overflow:auto}dialog::backdrop{background:#0a060299}dialog h2{margin:0;font-family:var(--display);font-weight:400;color:var(--brass3)}.help-body h3{margin:14px 0 4px;font-size:15px;color:var(--brass3)}.help-body p{margin:0;line-height:1.5;font-size:14px}.keys-help{margin:16px 0 0;font-size:13px;color:var(--muted);line-height:1.5}@media(max-width:1099px){main{grid-template-columns:1fr}.menu-button{display:grid}.panel{position:absolute;top:var(--top);right:0;bottom:0;width:min(330px,92vw);z-index:40;transform:translate(105%);transition:transform .25s ease;box-shadow:-10px 0 40px #00000080}.panel.open{transform:none}#closePanel{display:grid}.panel-tools{display:flex}}@media(max-width:720px){:root{--top: 48px}.topbar{gap:6px;padding:0 8px}.icon-button,.wardrobe-button{width:40px;height:40px}.brand span{display:none}#playerName{width:88px;font-size:14px}.lang-button,#helpButton{display:none}.voyage-track{width:min(150px,30vw)}.topbar:has(.voyage:not([hidden])) .brand{display:none}.topbar:has(.voyage:not([hidden])) #playerName{display:none}#voyageLabel{font-size:12px}.gauges{width:150px;left:8px;top:8px}.warn{top:104px;font-size:13px}.boss-bar{top:104px;width:calc(100% - 24px)}.boss-bar:not([hidden])~.warn{top:150px}.gauge{grid-template-columns:40px 1fr;padding:4px 6px;gap:6px}.gauge b{font-size:10px}.tally{right:8px;top:8px}.tally span{min-width:50px;padding:3px 8px}.tally strong{font-size:16px}.stats{grid-template-columns:repeat(2,1fr)}.card{padding:22px 18px 18px}}@media(pointer:coarse){.touch{display:block;position:absolute;right:14px;bottom:16px;pointer-events:none}.t-btn{position:absolute;pointer-events:auto;border-radius:50%;border:3px solid var(--brass);background:radial-gradient(circle at 35% 30%,#6a4524,#2a1a0c);color:var(--brass3);font:800 14px var(--ui);display:grid;place-items:center;box-shadow:0 6px 18px #00000073;touch-action:none}.t-btn:active,.t-btn.down{background:radial-gradient(circle at 35% 30%,#ffe7a6,#b07a2a);color:var(--ink)}.t-use{right:0;bottom:0;width:84px;height:84px;font-size:15px}.t-fire{right:96px;bottom:6px;width:74px;height:74px;border-color:#ff8a6a;color:#ffd0b8}.t-drop{right:12px;bottom:96px;width:56px;height:56px;font-size:12px}.prompt{bottom:112px}.prompt kbd{display:none}.prompt{padding:8px 16px}}@media(max-height:460px)and (orientation:landscape){:root{--top: 46px}.icon-button,.wardrobe-button{width:40px;height:40px}.gauges{top:6px;left:6px;width:150px;gap:4px}.tally{top:6px;right:6px}.toasts{top:56px}.prompt{bottom:10px;left:40%}.t-use{width:74px;height:74px;font-size:12px}.t-fire{width:66px;height:66px;right:84px}.t-drop{width:50px;height:50px;bottom:84px}.card{padding:14px 18px 12px}.card-title{font-size:40px}.card-tagline{margin-bottom:10px;font-size:14px}.card-how{display:none}.banner{top:36%}.vmap-card{width:min(470px,54%);padding:8px 10px}.vmap-card h3{font-size:16px;margin-bottom:4px}}