.world-wrap{position:relative;margin:0 14px;overflow:hidden;background:#203b35;border:5px solid #24433a;box-shadow:inset 0 0 0 1px #517469}
#world{display:block;width:100%;height:auto;max-height:560px;image-rendering:pixelated;cursor:crosshair}
.world-hud{position:absolute;top:10px;left:10px;display:grid;gap:3px;padding:10px 12px;background:#142a26d9;color:#eef8d9;font-size:10px;letter-spacing:.7px;border:1px solid #cae79866}
.world-hud strong{color:#d9ef91}.world-hud b{color:#fff}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff9;font:900 25px monospace;pointer-events:none}
.hotbar{display:flex;justify-content:center;gap:7px;padding:12px 20px 4px}.hot-slot{position:relative;min-width:74px;border:3px solid #25483e;background:#f6f1df;padding:7px 9px;color:var(--ink);cursor:pointer;font:900 10px inherit;text-align:left;box-shadow:3px 3px #24433a44}.hot-slot.selected{outline:3px solid #d48d5b;background:#fff}.hot-slot i{display:block;width:22px;height:16px;margin-bottom:5px;border:2px solid #ffffff88}.hot-slot b{position:absolute;right:6px;bottom:5px;font-size:13px}
.craft-note{display:flex;gap:12px;padding:8px 24px 3px;color:var(--muted);font-size:11px}.craft-note b{color:var(--rust);font-size:10px;letter-spacing:1px;white-space:nowrap}
.bond-craft{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 18px;background:#edf1df;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;flex-wrap:wrap}.bond-craft b{color:var(--moss)}.bond-craft button{border:0;background:var(--ink);color:#fff;padding:8px 12px;cursor:pointer;font:900 10px inherit;letter-spacing:.8px}.bond-craft button:hover{background:var(--rust)}.bond-craft button:disabled{opacity:.45;cursor:not-allowed}.rival-note{padding:5px 8px;background:#fff8;border:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.6px;color:var(--rust)}.material{padding:4px 7px;background:#fff;border:1px solid var(--line)}.wild-hint{color:var(--rust);font-weight:900}
.capture-panel{display:none;margin:8px 14px;padding:12px;background:#263d38;color:#edf5db;border:3px solid #d48d5b}.capture-panel.open{display:block}.capture-panel h3{margin:4px 0;font:900 22px Fraunces}.capture-panel p{margin:5px 0;font-size:11px;color:#cddbc9}.capture-panel button{margin:7px 5px 0 0;border:1px solid #d9ef9188;background:#d9ef91;color:#203b35;padding:8px 10px;cursor:pointer;font:900 10px inherit}.capture-panel button:hover{background:#fff}.capture-panel button:disabled{opacity:.42;cursor:not-allowed}.move-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.move-row button{width:100%;margin:0;background:#9ed6ff;border-color:#e9fbff}.stamina{height:8px;background:#172b27;margin:7px 0}.stamina i{display:block;height:100%;background:#d48d5b}.net-tag{display:inline-block;margin:3px 4px 0 0;padding:4px 6px;background:#fff;color:#263d38;font-size:10px;font-weight:900}
.level-line{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:10px;font-weight:900;letter-spacing:1px}.xp-track{height:7px;flex:1;background:#dbe6cf;overflow:hidden}.xp-track i{display:block;height:100%;background:#d48d5b;transition:width .25s}.apex-panel{padding:16px 18px;border-top:1px solid var(--line);background:#263d38;color:#edf5db}.apex-panel h3{margin:5px 0;font:900 23px Fraunces}.apex-panel p{margin:6px 0 12px;color:#cddbc9;font-size:12px;line-height:1.4}.apex-panel small{color:#d9ef91;font-size:9px;letter-spacing:1px}.apex-button{width:100%;border:1px solid #d9ef9188;background:#d9ef91;color:#203b35;padding:11px;cursor:pointer;font:900 11px inherit;letter-spacing:.6px}.apex-button:hover{background:#fff}.apex-button:disabled{opacity:.48;cursor:not-allowed}.victory{color:#f4d783;font-weight:900}
.starter-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#17332ee8;padding:20px}.starter-screen.hidden{display:none}.starter-box{max-width:860px;background:#fffdf4;padding:28px;border:5px solid #4f7750;box-shadow:0 20px 60px #0006}.starter-box h2{font-size:42px}.starter-box p{color:#587068}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.starter-card{border:2px solid #b8c9ad;background:#edf1df;padding:15px;cursor:pointer;text-align:left;color:#203b35}.starter-card:hover{border-color:#c76f4c;transform:translateY(-3px)}.starter-card b{display:block;font:900 24px Fraunces}.starter-card small{display:block;margin:4px 0;color:#587068}.starter-mark{display:grid;place-items:center;width:58px;height:58px;margin-bottom:9px;border-radius:50%;background:#4f7750;color:#fff;font:900 27px Fraunces}.player-hp{height:8px;margin-top:7px;background:#dbe6cf}.player-hp i{display:block;height:100%;background:#c76f4c}
@media(max-width:900px){.hot-slot{min-width:54px;padding:5px;font-size:8px}.craft-note{display:block}.craft-note b{display:block;margin-bottom:3px}}