@font-face{font-family:DotGothic16;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dotgothic16-japanese-400-normal-DqORjlTR.woff2) format("woff2"),url(/assets/dotgothic16-japanese-400-normal-f9lPNYbv.woff) format("woff")}@font-face{font-family:DotGothic16;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dotgothic16-latin-400-normal-BYJEY5oh.woff2) format("woff2"),url(/assets/dotgothic16-latin-400-normal-cp5t3xa_.woff) format("woff")}:root{--bg: #171a14;--panel: #2b2419;--panel-2: #3a3021;--paper: #efe2c2;--ink: #f3ead6;--ink-dim: #b9ac90;--ink-dark: #2b2014;--line: #120e09;--wood: #7a5230;--wood-hi: #a8764a;--gold: #e8c060;--good: #7cd88a;--bad: #e8604c;--warn: #f0b040;--blue: #5aa0e8;--font: "DotGothic16", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}#game{position:fixed;inset:0}#game canvas{display:block;image-rendering:pixelated;cursor:crosshair}#ui{position:fixed;inset:0;pointer-events:none}#ui *{pointer-events:auto}#ui .pass,#ui .pass *{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}.frame{background:var(--panel);border:3px solid var(--line);box-shadow:inset 0 0 0 2px var(--wood),inset 0 0 0 4px var(--line),0 4px #00000059;border-radius:4px;padding:12px 14px}.paper{background:var(--paper);color:var(--ink-dark)}.btn{background:linear-gradient(#5fae4a,#3f8a32);border:3px solid var(--line);box-shadow:inset 0 0 0 2px #c9a040,inset 0 -3px #00000040;border-radius:10px;padding:8px 18px;color:#fffbe8;text-shadow:0 2px 0 rgba(0,0,0,.45);letter-spacing:.04em}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #c9a040,inset 0 2px #0000004d}.btn:disabled{background:linear-gradient(#8a8a8a,#6a6a6a);cursor:default;filter:none;transform:none}.btn.ghost{background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--wood)}.btn.small{padding:3px 10px;border-radius:7px;font-size:13px}.icon{display:inline-block;image-rendering:pixelated;background-repeat:no-repeat;vertical-align:middle}.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#2c3a24,#171a14 70%);padding:16px;overflow:auto}.card{width:min(480px,100%);display:grid;gap:14px}.logo{image-rendering:pixelated;width:min(520px,92vw);height:auto;display:block;margin:0 auto 6px}.tagline{text-align:center;color:var(--ink-dim);margin:0 0 8px}.field{display:grid;gap:6px}.field label{color:var(--ink-dim);font-size:13px}.field input{background:#f7eed8;color:var(--ink-dark);border:3px solid var(--line);border-radius:6px;padding:8px 10px;font-size:16px}.secret{font-size:18px;letter-spacing:.02em;background:#f7eed8;color:var(--ink-dark);border:3px solid var(--line);border-radius:6px;padding:8px 10px;word-break:break-all}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.muted{color:var(--ink-dim);font-size:13px;line-height:1.6}.tabs{display:flex;gap:6px}.tabs button{flex:1;background:var(--panel-2);border:3px solid var(--line);border-radius:8px 8px 0 0;padding:6px;color:var(--ink-dim)}.tabs button[aria-selected=true]{background:var(--paper);color:var(--ink-dark)}.warnbox{background:#4a2a18;border:2px solid var(--warn);border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.6}.hud-tl{position:fixed;left:12px;top:12px;display:grid;gap:6px;min-width:250px}.bar{position:relative;height:18px;background:#1d1611;border:3px solid var(--line);border-radius:5px;overflow:hidden}.bar>i{position:absolute;inset:0 auto 0 0;display:block;transition:width .15s}.bar>span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;text-shadow:0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000}.bar.hp>i{background:linear-gradient(#f06a5a,#b8342a)}.bar.xp{height:12px}.bar.xp>i{background:linear-gradient(#78b8ff,#3d74c8)}.stats{display:flex;gap:12px;align-items:center;font-size:15px;text-shadow:0 2px 0 #000}.stats b{color:var(--gold);font-weight:400}.badge{background:var(--gold);color:var(--ink-dark);border:2px solid var(--line);border-radius:999px;padding:0 8px;font-size:12px}.badge.red{background:var(--bad);color:#fff}.hotbar{position:fixed;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:4px;padding:6px}.slot{position:relative;width:52px;height:52px;background:#1c1610;border:3px solid var(--line);box-shadow:inset 0 0 0 2px #5a3e22;border-radius:4px;display:grid;place-items:center}.slot.sel{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 2px var(--gold)}.slot.skill{background:#1a1a28;box-shadow:inset 0 0 0 2px #4a4a78}.slot .key{position:absolute;left:3px;top:1px;font-size:11px;color:var(--ink-dim)}.slot .n{position:absolute;right:3px;bottom:1px;font-size:12px;text-shadow:0 1px 0 #000,1px 0 0 #000}.slot .cd{position:absolute;inset:0;background:#0009;display:grid;place-items:center;font-size:13px}.slot .skillname{font-size:11px;line-height:1.1;text-align:center;padding:2px}.gap{width:10px}.minimap{position:fixed;right:12px;top:12px;width:196px;height:196px;padding:4px}.minimap canvas{width:100%;height:100%;image-rendering:pixelated;display:block;border-radius:2px}.minimap .coords{position:absolute;left:8px;bottom:6px;font-size:11px;text-shadow:0 1px 0 #000}.toasts{position:fixed;right:12px;top:222px;display:grid;gap:6px;width:min(340px,45vw)}.toast{background:#1c1610eb;border:2px solid var(--line);border-left:5px solid var(--blue);padding:6px 10px;font-size:13px;line-height:1.5;animation:pop .2s ease-out}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.warn{border-left-color:var(--warn)}@keyframes pop{0%{transform:translate(20px);opacity:0}}.banner{position:fixed;left:50%;top:12px;transform:translate(-50%);padding:8px 18px;text-align:center;max-width:min(640px,60vw);background:linear-gradient(#8a2a20,#5e1a14);border:3px solid var(--line);box-shadow:inset 0 0 0 2px var(--gold);border-radius:4px}.banner.notice{background:linear-gradient(#5a4020,#3e2a14)}.chat{position:fixed;left:12px;bottom:84px;width:min(380px,40vw);display:grid;gap:2px;font-size:13px}.chat .line{text-shadow:0 1px 0 #000,1px 0 0 #000;line-height:1.45}.chat .line b{color:var(--gold);font-weight:400}.chat .line.team b{color:var(--good)}.chat input{background:#14100ce6;border:2px solid var(--wood);color:var(--ink);padding:5px 8px;border-radius:4px}.keys{position:fixed;left:12px;bottom:12px;font-size:12px;color:var(--ink-dim);line-height:1.7;padding:6px 10px;max-width:min(300px,calc(50vw - 320px))}@media(max-width:1100px){.keys{display:none}}.chat{bottom:170px}.keys kbd{background:#2a2119;border:2px solid var(--line);border-radius:4px;padding:0 4px;color:var(--ink);font-family:inherit}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,94vw);max-height:min(640px,86vh);display:grid;grid-template-rows:auto 1fr;gap:10px}.panel h2{margin:0;font-weight:400;font-size:18px;display:flex;justify-content:space-between;align-items:center}.panel .body{overflow:auto}.grid-slots{display:grid;grid-template-columns:repeat(auto-fill,52px);gap:4px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.cols{grid-template-columns:1fr}}.list{display:grid;gap:4px}.item-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;background:var(--panel-2);border:2px solid var(--line);border-radius:4px;padding:4px 8px}.item-row.off{opacity:.5}.item-row .cost{font-size:12px;color:var(--ink-dim)}.item-row .cost .lack{color:var(--bad)}.section{color:var(--gold);margin:10px 0 4px;font-size:13px;letter-spacing:.06em}.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.job{background:var(--panel-2);border:3px solid var(--line);border-radius:6px;padding:8px;display:grid;gap:6px}.job.on{box-shadow:inset 0 0 0 2px var(--gold)}.job.locked{opacity:.55}.job .head{display:flex;gap:8px;align-items:center}.job .portrait{width:52px;height:60px;background:#1c1610;border:2px solid var(--line);border-radius:4px;display:grid;place-items:end center}.job .traits{display:grid;gap:2px;font-size:12px}.job .traits span{color:var(--ink-dim)}.job .traits span.carry{color:var(--good)}.rank{display:flex;gap:3px}.rank i{width:10px;height:10px;border:2px solid var(--line);background:#1c1610;display:block}.rank i.on{background:var(--gold)}.tip{position:fixed;z-index:50;max-width:300px;background:#121622f7;border:2px solid var(--gold);border-radius:4px;padding:8px 10px;font-size:13px;line-height:1.55;pointer-events:none!important}.tip b{color:var(--gold);font-weight:400;display:block;margin-bottom:2px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0a08068c}.death{text-align:center;display:grid;gap:8px;min-width:320px}.death .big{font-size:34px;letter-spacing:.04em}.death .big em{font-style:normal;color:var(--bad)}.unlock-cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:760px}.unlock-cards .job{width:170px;animation:flip .5s ease-out both}@keyframes flip{0%{transform:rotateY(90deg);opacity:0}}.bosshp{position:fixed;left:50%;top:64px;transform:translate(-50%);width:min(520px,60vw);text-align:center;font-size:14px;text-shadow:0 2px 0 #000}.bosshp .bar>i{background:linear-gradient(#d84a8a,#8a1a4a)}.mapview{position:relative;width:min(760px,90vw);aspect-ratio:1;max-height:78vh}.mapview canvas{width:100%;height:100%;image-rendering:pixelated;display:block;cursor:crosshair}.hint{position:fixed;left:50%;bottom:84px;transform:translate(-50%);background:#14100cd9;border:2px solid var(--line);padding:4px 10px;font-size:13px;border-radius:4px}.conn{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%)}.turnstile{display:flex;justify-content:center;min-height:66px}.chat .who{cursor:pointer;text-decoration:underline dotted}.chat .chatbar{gap:6px;flex-wrap:wrap;font-size:12px}.chat .offscreen{position:absolute;left:-9999px;opacity:0;pointer-events:none}.job{position:relative}.job.pick{cursor:pointer;transition:transform .08s,box-shadow .08s}.job.pick:hover,.job.pick:focus-visible{transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--gold),0 4px #00000059;outline:none}.job .up{position:absolute;top:6px;right:6px}.job .rank{display:flex;align-items:center;gap:2px}.job .rank b{font-weight:400;color:var(--gold);margin-right:4px;font-size:12px}.job .rank i{width:7px;height:10px}.job .head{padding-right:56px}.job.on{background:linear-gradient(180deg,rgba(232,186,74,.18),transparent 60%),var(--panel-2);box-shadow:inset 0 0 0 3px var(--gold)}.job.pick:not(.on):hover,.job.pick:not(.on):focus-visible{box-shadow:inset 0 0 0 2px var(--ink-dim),0 4px #00000059}.job .now{position:absolute;left:8px;top:-9px;background:var(--gold);color:#2a1d0c;font-size:11px;padding:0 6px;border-radius:3px}