@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
:root{--ink:#f8e8bf;--muted:#b9a882;--gold:#f6c84d;--rust:#bf5b31;--green:#68c96f;--panel:rgba(22,14,11,.92);--line:rgba(246,200,77,.32);--shadow:0 14px 40px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#160f0a;color:var(--ink);font-family:'VT323',monospace,system-ui,sans-serif}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url('/assets/bg.png');mix-blend-mode:screen;background-size:cover}.app{min-height:100vh;background:linear-gradient(180deg,rgba(9,7,5,.5),rgba(9,7,5,.86)),url('/assets/bg.png') center/cover fixed}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:2px solid #3a2117;background:#140d09e8;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:'Press Start 2P',monospace;font-size:13px;letter-spacing:.5px}.brand img{width:34px;height:34px;object-fit:cover;image-rendering:pixelated}.top-actions{display:flex;align-items:center;gap:8px}.chain-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #725426;padding:10px 12px;background:#20170c;color:#f4d984;font-size:15px}.chain-chip i,.server-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6fd36a;box-shadow:0 0 10px #6fd36a}.hud-btn,.x-link{border:1px solid #74552b;background:#24170e;color:#f4ddb0;padding:9px 12px;text-decoration:none}.hud-btn:hover,.x-link:hover{background:#3a2413;border-color:var(--gold)}.wallet{color:#fff2c5}.x-link{font-family:'Press Start 2P';font-size:11px;color:#fff;padding:11px 13px}.game-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 252px;gap:14px;padding:16px;max-width:1600px;margin:auto}.panel,.world-frame{border:2px solid #4a2c1a;background:var(--panel);box-shadow:var(--shadow)}.panel{padding:15px}.panel-title{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-family:'Press Start 2P';font-size:11px;color:#ffe7ad;border-bottom:1px solid var(--line);padding-bottom:12px}.panel-title small{font-family:'VT323';font-size:17px;color:var(--green)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.stat{display:flex;align-items:center;gap:8px;border:1px solid #543721;padding:10px 7px;background:#1d120c}.stat-icon,.resource-icon{display:grid;place-items:center;width:28px;height:28px;color:#281407;font-weight:bold}.stat-icon.ore,.resource-icon.ore{background:#c59e63}.stat-icon.coal,.resource-icon.coal{background:#777}.stat-icon.ingot,.resource-icon.ingot{background:#e7b85a}.stat-icon.gold{background:var(--gold)}.stat b{display:block;font-size:22px;line-height:.9}.stat small{font-size:15px;color:var(--muted)}.progress-wrap{border-top:1px dashed #644323;border-bottom:1px dashed #644323;padding:12px 0}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:16px}.progress-label b{color:var(--gold);font-weight:normal}.progress{height:8px;background:#2c1d12;margin-top:6px}.progress i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}.side-actions{display:grid;gap:8px;margin-top:14px}.side-actions button{display:flex;justify-content:space-between;padding:10px 11px;border:1px solid #5b3c22;background:#24170f;color:var(--ink);text-align:left}.side-actions button:hover{border-color:var(--gold)}.side-actions span,.side-actions b{color:var(--gold);font-size:15px}.world-frame{min-width:0;overflow:hidden}.world-head{height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #5a3d23;background:#1d130d;color:#e8ce96;font-size:17px}.online{color:var(--green);font-size:15px}.world-help{margin-left:auto;color:#a89472;font-size:15px}.world-wrap{position:relative;background:#15210e;min-height:560px}.world-wrap canvas{display:block;width:100%;height:min(66vh,680px);min-height:450px;image-rendering:pixelated;cursor:crosshair}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;color:rgba(255,255,255,.22);pointer-events:none}.world-labels{position:absolute;inset:0;pointer-events:none}.world-labels span{position:absolute;padding:4px 7px;border:1px solid #8f6f3d;background:#20150de8;color:#f8dc9c;font-size:15px}.chatbar{display:flex;gap:8px;padding:9px;border-top:1px solid #5a3d23;background:#1c120c}.chat-messages{flex:1;min-width:0;display:flex;align-items:center;gap:14px;overflow:hidden;white-space:nowrap;color:#cdbd9d;font-size:16px}.chat-messages b{color:var(--gold)}.chatbar input{width:180px;background:#120c08;border:1px solid #5b3d24;color:#fff1c8;padding:8px}.chatbar button{border:1px solid #8f672a;background:#a8542a;color:#fff1c8;padding:8px 14px}.mini-map{position:relative;margin:14px 0;border:1px solid #6a4827;background:#101c0e}.mini-map img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;image-rendering:pixelated;opacity:.83}.mini-player{position:absolute;width:10px;height:10px;background:#f8d860;border:2px solid #47280f;left:49%;top:53%;box-shadow:0 0 8px var(--gold)}.location-card{padding:12px;border:1px solid #573a22;background:#20140d}.location-card small{display:block;color:#a99776}.location-card strong{display:block;color:#f4ce68;font-size:24px;margin:3px 0}.location-card p{margin:0;color:#c6b38e;line-height:1.15;font-size:16px}.task-card{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding:11px;border:1px solid #5b3d24;background:#19100b}.task-card span{display:block;color:#a99776;font-size:15px}.task-card b{font-size:18px;font-weight:normal}.task-card>strong{color:var(--gold);font-size:24px}.big-action{width:100%;margin-top:12px;padding:12px;border:1px solid var(--gold);background:#a34f28;color:#fff3cc}.big-action span{float:right;color:#ffd963}.footer{display:flex;justify-content:center;gap:30px;padding:18px 20px 28px;color:#978367;font-size:15px}.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(7,5,3,.78);z-index:30}.overlay.visible{display:flex}.welcome-card,.modal-card{position:relative;width:min(510px,100%);padding:28px;border:2px solid #8b642e;background:linear-gradient(145deg,#27170d,#120b08);box-shadow:0 20px 80px #000b}.welcome-card{text-align:center}.welcome-logo{display:block;width:min(310px,80%);height:100px;object-fit:contain;image-rendering:pixelated;margin:-4px auto 10px}.eyebrow{font-family:'Press Start 2P';font-size:10px;color:#cfa54d;letter-spacing:1px;margin:0 0 12px}.welcome-card h1{font-family:'Press Start 2P';font-size:25px;margin:8px 0;color:#ffe3a2}.lead{font-size:23px;margin:0 0 18px;color:#ecd6a6}.field-label{display:block;text-align:left;color:#bda77c;font-size:16px;margin-bottom:4px}.welcome-card input,.modal-card input{width:100%;padding:11px 12px;border:1px solid #795429;background:#130b07;color:#fff2ca;outline:none}.server-list{display:grid;gap:7px;margin:15px 0}.server-option{display:grid;grid-template-columns:32px 1fr 1fr auto;align-items:center;gap:8px;text-align:left;padding:10px;border:1px solid #5b3d24;background:#1c100b;color:#e9d7ad}.server-option.selected{border-color:var(--gold);background:#35200e}.server-option small{color:#a99572}.server-option i{font-style:normal;color:var(--green);font-size:15px}.primary-btn{width:100%;padding:13px;border:1px solid #f1bd4c;background:#bc5d2c;color:#fff2c9;font-family:'Press Start 2P';font-size:11px}.primary-btn:hover{filter:brightness(1.18)}.fine-print{color:#8f7b5e;font-size:14px;margin:13px 0 0}.modal-card{max-width:560px}.modal-card.wide{max-width:720px}.modal-card h2{font-family:'Press Start 2P';font-size:22px;margin:0 0 10px;color:#f9dfa1}.modal-card>p:not(.eyebrow){color:#c3ae87;font-size:18px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#d8b976;font-size:29px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.character-option{padding:12px 7px;border:1px solid #553823;background:#1b100b;color:#f4dfb0}.character-option.selected{border-color:var(--gold);background:#3a230f}.avatar{display:grid;place-items:center;width:45px;height:45px;margin:auto auto 7px;border:1px solid #8a6330;background:#254731;color:#fbd15b;font-size:28px}.avatar.knight{background:#283e62}.avatar.rogue{background:#4e2c4b}.avatar.wizard{background:#43336d}.avatar.orc{background:#4e3a23}.avatar.skeleton{background:#444}.character-option b,.character-option small{display:block}.character-option small{color:#a99068}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.market-grid article{display:grid;justify-items:center;gap:6px;padding:15px;border:1px solid #5e4124;background:#1b100b}.market-grid b{font-size:22px}.market-grid small{color:#a5906e}.market-grid strong{color:var(--gold);font-size:20px}.market-grid button{width:100%;padding:8px;border:1px solid #855326;background:#71391f;color:#fff0be}.swap-box{display:grid;gap:6px;margin:18px 0}.swap-box label{color:#b59f79}.swap-box div{display:flex;gap:8px}.swap-box div b{display:grid;place-items:center;border:1px solid #795429;background:#25170d;padding:0 14px;color:var(--gold)}.swap-box>span{text-align:center;color:var(--gold);font-size:25px}.inventory-list{display:grid;gap:8px;margin:18px 0}.inventory-list div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:11px;border:1px solid #5c3d23;background:#1b100b}.inventory-list span{color:var(--gold);font-size:22px}.inventory-list strong{color:var(--gold);font-size:23px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 16px;border:1px solid #b8792d;background:#201208;color:#ffe8ad;z-index:50;transition:.2s;font-size:18px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1060px){.game-shell{grid-template-columns:210px minmax(0,1fr)}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-rail .panel-title{grid-column:1/-1}.mini-map{margin:0}.big-action{align-self:end}.world-wrap canvas{height:58vh}}
@media(max-width:720px){.topbar{padding:0 10px;height:58px}.brand{font-size:10px}.brand img{width:28px;height:28px}.top-actions{gap:4px}.chain-chip{display:none}.hud-btn{font-size:15px;padding:7px}.hud-btn:nth-of-type(2){display:none}.x-link{padding:9px;font-size:10px}.game-shell{display:block;padding:8px}.left-rail{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.left-rail .panel-title,.left-rail .progress-wrap,.left-rail .side-actions{grid-column:1/-1}.stat-grid{margin:0}.side-actions{grid-template-columns:repeat(3,1fr)}.world-help{display:none}.world-wrap canvas{height:62vh;min-height:390px}.chatbar{flex-wrap:wrap}.chat-messages{flex-basis:100%;order:-1}.chatbar input{flex:1;width:auto}.right-rail{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}.footer{flex-direction:column;align-items:center;gap:5px}.welcome-card,.modal-card{padding:20px}.character-grid{grid-template-columns:repeat(3,1fr)}.market-grid{grid-template-columns:1fr}.server-option{grid-template-columns:28px 1fr auto}.server-option small{display:none}}