*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0e17;--bg-panel: #1a1a2e;--bg-panel-hover: #252540;--border: #4a4a6a;--text: #e8d5b7;--text-muted: #8899aa;--gold: #f1c40f;--hp: #c0392b;--energy: #2980b9;--success: #2ecc71;--danger: #e74c3c;--class-void: #6b4c9a;--class-storm: #3498db;--class-shadow: #27ae60;--class-crystal: #e67e22;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--scroll-track: #12141c;--scroll-thumb: #4a4238;--scroll-thumb-hover: #8a6a30}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:"Source Sans 3",sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}input,textarea,.chat-messages{user-select:text;-webkit-user-select:text}#app{width:100%;height:100%;position:relative}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:6px;border:2px solid var(--scroll-track)}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:var(--scroll-track)}.screen{display:none;width:100%;height:100%}.screen.active{display:flex}.hidden{display:none!important}#menu-screen{flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(20px + var(--safe-top)) 16px calc(20px + var(--safe-bottom))}.menu-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,#1a2040 0%,var(--bg-dark) 70%);z-index:0}.menu-content{position:relative;z-index:1;width:100%;max-width:920px;display:flex;flex-direction:column;align-items:center;gap:20px}.menu-header{width:100%;text-align:center;margin-bottom:4px}.menu-layout{width:100%;display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch}@media(min-width:720px){.menu-layout{grid-template-columns:1fr 320px;gap:28px;align-items:start}}.menu-pitch{width:100%;display:flex;flex-direction:column}.menu-panel{width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:12px}@media(min-width:720px){.menu-panel{margin:0;max-width:none}}.game-title{font-family:Cinzel,serif;font-size:clamp(2rem,8vw,2.8rem);color:var(--text);letter-spacing:.12em;text-align:center;line-height:1}.game-logo{display:block;width:min(100%,640px);height:auto;margin:0 auto;background:transparent}.game-tagline{font-family:Cinzel,serif;font-size:clamp(.9rem,3vw,1.05rem);color:#c0a060;text-align:center;margin-top:6px;letter-spacing:.08em}.pitch-box{background:#00000040;border:1px solid rgba(74,74,106,.6);border-radius:12px;padding:16px 18px;text-align:left;height:100%;box-sizing:border-box}.menu-panel .auth-section,.menu-panel .account-section,.menu-panel .char-create,.menu-panel .account-panel{background:#00000040;border:1px solid rgba(74,74,106,.6);border-radius:12px;padding:16px;box-sizing:border-box;overflow:hidden;min-width:0}.menu-panel .class-grid{grid-template-columns:repeat(2,1fr);gap:8px}.menu-panel .class-card{min-height:78px;padding:10px 4px;gap:4px}.menu-panel .class-card-icon{width:36px;height:36px}.menu-panel .class-card-name{font-size:.62rem;line-height:1.15}.menu-panel .class-desc{font-size:.78rem;min-height:auto}.pitch-lead{font-size:.9rem;line-height:1.65;color:var(--text);margin-bottom:14px}.pitch-lead strong{color:#e8c872;font-weight:600}.pitch-lead em{color:#a8c4e0;font-style:normal}.pitch-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.pitch-features li{font-size:.82rem;color:var(--text-muted);line-height:1.4;display:flex;align-items:flex-start;gap:8px}.pitch-features li span{color:var(--text);font-weight:600}.pitch-cta{font-size:.85rem;color:#c0a060;font-style:italic;text-align:center;padding-top:12px;border-top:1px solid rgba(74,74,106,.4)}.game-subtitle{font-size:clamp(.85rem,3vw,1rem);color:var(--text-muted);text-align:center;margin-bottom:8px}.char-create{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}.char-create h2{font-family:Cinzel,serif;font-size:clamp(.9rem,3.5vw,1.1rem);color:#c0a060}#input-name{width:100%;padding:12px 16px;font-size:16px;font-family:inherit;background:var(--bg-panel);color:var(--text);border:2px solid var(--border);border-radius:8px;outline:none;text-align:center}#input-name:focus{border-color:var(--class-void)}.label{font-size:.85rem;color:var(--text-muted)}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}@media(min-width:520px){.class-grid{grid-template-columns:repeat(4,1fr)}}.class-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;min-height:90px;border:2px solid var(--border);border-radius:10px;background:#1a1a2ecc;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;-webkit-user-select:none;user-select:none}.class-card:active{transform:scale(.97)}.class-card.selected{border-color:currentColor;background:#ffffff0f}.class-card.void_knight{color:var(--class-void)}.class-card.storm_caller{color:var(--class-storm)}.class-card.shadow_ranger{color:var(--class-shadow)}.class-card.crystal_warden{color:var(--class-crystal)}.class-card-icon{width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.class-card-name{font-size:clamp(.7rem,2.5vw,.82rem);font-weight:600;color:#fff;text-align:center;line-height:1.2}.class-desc{font-size:.85rem;color:var(--text-muted);text-align:center;line-height:1.5;min-height:3em;padding:0 8px}.site-footer{width:100%;margin-top:12px;padding:16px 8px 4px;border-top:1px solid rgba(74,74,106,.55);text-align:center;user-select:text;-webkit-user-select:text}.site-footer-brand{font-family:Cinzel,serif;font-size:.82rem;letter-spacing:.16em;color:#c0a060}.site-footer-meta{font-size:.72rem;color:var(--text-muted);margin-top:4px}.site-footer-nav{margin-top:8px;font-size:.75rem}.site-footer-nav a{color:#8aa0b8;text-decoration:none;border-bottom:1px solid transparent}.site-footer-nav a:hover{color:var(--text);border-bottom-color:#8aa0b8}html:has(body.credits-page),body.credits-page{overflow:auto;height:auto;min-height:100%;user-select:text;-webkit-user-select:text}.credits-page-wrap{position:relative;z-index:1;width:min(720px,calc(100% - 32px));margin:0 auto;padding:calc(28px + var(--safe-top)) 0 calc(48px + var(--safe-bottom))}.credits-header{text-align:center;margin-bottom:28px}.credits-logo{display:block;width:min(100%,420px);height:auto;margin:0 auto 16px}.credits-header h1{font-family:Cinzel,serif;font-size:clamp(1.35rem,4vw,1.8rem);letter-spacing:.08em;color:var(--text)}.credits-header p{margin-top:8px;color:var(--text-muted);font-size:.95rem;line-height:1.5}.credits-card{background:#1a1a2ed1;border:1px solid var(--border);border-radius:8px;padding:18px 20px;margin-bottom:14px}.credits-card h2{font-family:Cinzel,serif;font-size:1.05rem;color:#c0a060;letter-spacing:.04em;margin-bottom:10px}.credits-card p,.credits-card li{font-size:.92rem;line-height:1.55;color:var(--text)}.credits-card ul{margin:0 0 10px 1.1em}.credits-card a{color:#8aa0b8}.credits-card a:hover{color:var(--text)}.credits-back{margin-bottom:12px;font-size:.88rem}.credits-back a{color:#c0a060;text-decoration:none}.credits-back a:hover{border-bottom:1px solid #c0a060}.credits-back-bottom{margin:20px 0 0;text-align:center}.auth-section,.account-section,.account-panel{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px}.auth-tabs{display:flex;gap:0;width:100%;border:2px solid var(--border);border-radius:8px;overflow:hidden}.auth-tab{flex:1;padding:10px;background:var(--bg-panel);color:var(--text-muted);border:none;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.auth-tab.active{background:#6b4c9a59;color:var(--text)}.auth-form{width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.auth-form input,.account-form-block input{width:100%;padding:12px 16px;font-size:16px;font-family:inherit;background:var(--bg-panel);color:var(--text);border:2px solid var(--border);border-radius:8px;outline:none}.auth-form input:focus,.account-form-block input:focus{border-color:var(--class-void)}.auth-error{color:var(--danger);font-size:.82rem;text-align:center;width:100%}.auth-status{color:var(--success);font-size:.82rem;text-align:center}.account-welcome{font-family:Cinzel,serif;color:#e8c872;font-size:1rem;text-align:center}.account-actions{display:flex;flex-direction:column;gap:8px;width:100%}.account-panel h2{font-family:Cinzel,serif;font-size:1rem;color:#c0a060}.account-info{width:100%;max-width:320px;background:#00000040;border:1px solid var(--border);border-radius:8px;padding:12px;font-size:.85rem;line-height:1.6}.account-form-block{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px}.danger-zone{margin-top:8px;padding-top:12px;border-top:1px solid rgba(231,76,60,.3)}.btn-danger{background:linear-gradient(180deg,#8b2020,#6b1515);border-color:#c0392b;color:#fff}.btn-danger:hover{background:linear-gradient(180deg,#a02828,#7b1818)}.btn-secondary{background:var(--bg-panel);border:2px solid var(--border);color:var(--text);width:100%}.btn-secondary:hover{background:var(--bg-panel-hover)}.btn{font-family:Cinzel,serif;font-size:clamp(.85rem,3.5vw,1rem);padding:13px 20px;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .15s;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.04em;line-height:1.2}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#3d2818,#2c1810);color:var(--text);width:100%;border:2px solid #6b4420}.btn-primary:hover{background:linear-gradient(180deg,#4a3020,#3a2018)}.btn-continue{background:#1a2a1a;color:var(--success);width:100%;border:2px solid #2a5a2a}.btn-continue:hover{background:#2a3a2a}.btn-small{font-family:inherit;font-size:.85rem;padding:8px 16px;background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer}#game-screen.active{display:flex;flex-direction:column;width:100%;height:100%}#game-screen{position:relative;width:100%;height:100%}.game-layout{display:flex;flex:1;min-height:0;width:100%;overflow:hidden}.game-menu-rail{flex-shrink:0;width:52px;height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(8px + var(--safe-top)) 4px calc(8px + var(--safe-bottom));background:linear-gradient(180deg,#141824,#0a0e17);border-right:2px solid var(--border);z-index:12;box-sizing:border-box;overflow-y:auto}.game-menu-rail.hidden{display:none}.game-menu-rail.combat-dim{opacity:.35;pointer-events:none}.hud-corner{position:absolute;right:10px;bottom:8px;z-index:11;display:flex;align-items:center;gap:10px;padding:4px 10px;border-radius:6px;background:#0a0e17b8;border:1px solid rgba(107,84,32,.6);pointer-events:none}.hud-corner .hud-map{font-family:Cinzel,serif;font-size:.72rem;color:#e8c872;white-space:nowrap}.hud-corner .hud-dungeon{font-size:.66rem;color:#e67e22;white-space:nowrap}.hud-corner .hud-online{font-size:.66rem;color:var(--success);white-space:nowrap}.hud-corner .hud-online:before{content:"● "}.game-center{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.game-main{flex:1;min-height:0;position:relative;background:var(--bg-dark);overflow:hidden}#game-canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--bg-dark)}#game-canvas-wrapper canvas{display:block;position:relative;z-index:0;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges}.player-popup{position:absolute;z-index:25;min-width:220px;max-width:260px;padding:0;background:var(--bg-panel);border:1px solid #3a3a58;border-radius:10px;box-shadow:0 8px 24px #00000073;pointer-events:auto;color:var(--text)}.player-popup-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 6px;border-bottom:1px solid #3a3a58}.player-popup-head h3{margin:0;font-family:Cinzel,serif;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.player-popup-lvl{font-family:"Source Sans 3",sans-serif;font-size:.72rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-muted)}.player-popup-close{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.95rem;line-height:1;padding:0 2px}.player-popup-body{padding:8px 10px 10px;font-size:.82rem}.player-popup-meta{color:var(--text-muted);margin-bottom:8px}.player-popup-party{margin-bottom:8px;color:var(--text-muted);line-height:1.35}.player-popup-party strong{color:#8ad8ff;font-weight:600}.player-popup-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.player-popup .popup-btn.inspect{margin-left:auto}.inspect-eq{display:flex;justify-content:center;padding:8px 0}.inspect-eq .eq-slot{pointer-events:none}.player-popup .popup-btn{display:inline-block;padding:5px 10px;margin:0;border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.8rem;background:#1e4620;color:#f4f4f4}.player-popup .popup-btn:hover{filter:brightness(1.12)}.player-popup .popup-btn.link{background:none;color:#6eb5e0;padding:5px 6px}.player-popup .popup-btn.ghost{background:#2a2a40;color:var(--text)}.player-popup .popup-hint{color:var(--text-muted);font-size:.75rem}.hud-minimal{position:absolute;top:calc(8px + var(--safe-top));left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud-minimal .hud-map{font-size:clamp(.75rem,2.5vw,.9rem);color:var(--text-muted);text-shadow:1px 1px 2px #000}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column}.hud>*{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(8px + var(--safe-top)) 10px 4px;background:linear-gradient(to bottom,rgba(10,14,23,.92),transparent);gap:8px}.hud-left,.hud-right{display:flex;flex-direction:column;gap:2px}.hud-right{align-items:flex-end}.hud-name{font-size:clamp(.75rem,2.5vw,.9rem);font-weight:600;color:var(--text)}.hud-class,.hud-map{font-size:clamp(.65rem,2vw,.78rem);color:var(--text-muted)}.hud-online{font-size:.7rem;color:var(--success)}.hud-bars{padding:4px 10px;display:flex;flex-direction:column;gap:4px;max-width:260px}.bar-row{display:flex;align-items:center;gap:6px}.bar-label{font-size:.75rem;flex-shrink:0}.bar-track{flex:1;height:8px;background:#333;border-radius:4px;overflow:hidden;min-width:60px}.bar-fill{height:100%;border-radius:4px;transition:width .3s}.bar-hp{background:var(--hp)}.bar-energy{background:var(--energy)}.bar-text{font-size:.65rem;color:var(--text-muted);min-width:52px;text-align:right}.hud-stats{display:flex;gap:10px;padding:2px 10px;font-size:clamp(.65rem,2vw,.78rem);flex-wrap:wrap}.toast-log{position:absolute;left:10px;bottom:12px;z-index:21;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none;max-width:min(360px,46%)}.toast{padding:6px 14px;border-radius:6px;background:#141824eb;border:1px solid #6b5420;color:#e8d5b7;font-size:.78rem;text-align:left;box-shadow:0 2px 10px #0000008c;animation:toast-in .18s ease-out}.toast.fading{opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.action-bar-vertical{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.action-bar{display:flex;gap:6px}.action-btn{width:40px;height:40px;font-size:1.1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0;padding:0}.action-btn img{width:22px;height:22px;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.inv-icon-img{width:28px;height:28px;image-rendering:pixelated;image-rendering:crisp-edges;display:block;margin:auto}.inv-slot .inv-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media(min-width:768px){.action-btn{width:36px;height:36px;font-size:1rem}}.touch-controls{position:absolute;bottom:16px;left:8px;z-index:15}.dpad{display:flex;flex-direction:column;align-items:center;gap:2px}.dpad-mid{display:flex;gap:2px}.dpad-btn{width:48px;height:48px;font-size:1rem;background:#1a1a2ed9;border:2px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.dpad-btn:active{background:var(--bg-panel-hover)}@media(hover:hover)and (pointer:fine)and (min-width:768px){.touch-controls{display:none!important}}.panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom))}.panel{background:var(--bg-panel);border:2px solid var(--border);border-radius:12px;width:100%;max-width:520px;max-height:min(80vh,600px);display:flex;flex-direction:column;overflow:hidden}.panel.panel-wide{max-width:720px;max-height:min(86vh,760px)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-header h3{font-family:Cinzel,serif;font-size:1rem;color:var(--text)}.panel-close{background:none;border:none;color:var(--danger);font-size:1.2rem;cursor:pointer;padding:4px 8px}.panel-body{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:.9rem;line-height:1.5;color:#ccc}.quest-journal-count{margin:0 0 10px;color:var(--gold);font-weight:600}.quest-section-title{margin:12px 0 6px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8a7a58}.quest-entry{margin-bottom:10px;padding:8px;border-left:3px solid #f39c12}.quest-entry.ready{border-left-color:#2ecc71}.quest-entry.available{border-left-color:#e8c872}.quest-entry.locked{border-left-color:#4a4030;color:#888}.quest-entry.done{border-left-color:#3d6b3d;color:#8a9a7a;margin-bottom:4px;padding:4px 8px}.quest-desc{color:#888}.panel-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-bottom:4px;border-radius:6px;cursor:pointer;transition:background .15s}.panel-item:hover,.panel-item:active{background:var(--bg-panel-hover)}.item-with-icon{display:inline-flex;align-items:center;gap:8px;min-width:0}.item-with-icon .inv-icon-img{width:22px;height:22px;flex-shrink:0}.shop-price{display:inline-flex;align-items:center;gap:4px;color:#e8c872;white-space:nowrap;font-weight:600}.shop-gold{margin:0 0 8px;color:#e8c872;display:flex;align-items:center;gap:6px}.shop-gold img,.shop-price img{image-rendering:pixelated;vertical-align:middle}.shop-section-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a7a58;margin:10px 0 4px}.merchant-wallet{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;margin-bottom:12px;background:linear-gradient(135deg,#2a2018,#1a140e);border:1px solid #5a4830;border-radius:6px}.merchant-wallet--craft{align-items:stretch}.merchant-wallet-bar{flex:1;min-width:0}.merchant-wallet-bar .inv-bar-block{margin:0}.merchant-gold{display:inline-flex;align-items:center;gap:6px;color:#e8c872;font-size:.95rem}.merchant-gold img{image-rendering:pixelated}.merchant-cap{font-size:.72rem;color:#8a7a58;letter-spacing:.04em}.merchant-cols{display:grid;gap:14px}.merchant-cols.has-two{grid-template-columns:1fr 1fr}.merchant-col .shop-section-title:first-child{margin-top:0}.goods-list{display:flex;flex-direction:column;gap:6px}.goods-card,.craft-card,.prof-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(135deg,#221c16,#16120e);border:1px solid #4a3828;border-radius:6px;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}.goods-card--ready:hover,.craft-card--ready:hover{border-color:#c9a040;box-shadow:0 0 10px #c9a04038;background:linear-gradient(135deg,#2c2418,#1c1610)}.goods-card--blocked,.craft-card--locked,.craft-card--missing,.prof-card--locked{cursor:default;opacity:.62}.goods-card--blocked:hover,.craft-card--locked:hover,.craft-card--missing:hover{border-color:#4a3828;box-shadow:none}.goods-icon{position:relative;width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2018,#1a140e);border:2px solid #4a3828;border-radius:4px;box-shadow:inset 1px 1px 3px #00000073}.goods-icon .inv-icon-img{width:28px;height:28px}.goods-qty{position:absolute;right:2px;bottom:1px;font-size:.62rem;font-weight:700;color:#e8c872;text-shadow:1px 1px 1px #000}.goods-info{flex:1;min-width:0}.goods-name{font-weight:650;font-size:.86rem;line-height:1.25}.goods-class{font-size:.68rem;color:#c9a040;margin-top:2px;line-height:1.3}.goods-meta{font-size:.68rem;color:#8a7a58;line-height:1.35;margin-top:2px}.goods-cost{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.goods-cta,.goods-cta-btn{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:3px;background:#3d2a14;border:1px solid #8a6a30;color:#c9a878;white-space:nowrap;font-family:inherit}.goods-card--ready .goods-cta,.craft-card--ready .goods-cta{border-color:#6ab04c;color:#9ee07a;background:#1a2a14}.goods-cta-btn{cursor:pointer}.goods-cta-btn:hover{border-color:#c9a040;color:#e8c872}.merchant-empty{padding:18px 12px;text-align:center;font-size:.8rem;color:#6a6048;border:1px dashed #4a3828;border-radius:6px;background:#00000026}.craft-card{flex-direction:column;align-items:stretch;gap:8px}.craft-head{display:flex;align-items:center;gap:10px}.craft-ings{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px;border-top:1px solid #3a2e20}.ing-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 4px;border-radius:4px;background:#1a140e;border:1px solid #3a2e20;font-size:.68rem;color:#a09070}.ing-chip .inv-icon-img{width:16px;height:16px}.ing-chip.ok{border-color:#3d6b3d;color:#8fd46a;background:#142014}.ing-chip.short{border-color:#6b2c2c;color:#e07a7a;background:#201414}.prof-card{cursor:default}.prof-card-icon{width:28px;height:28px;image-rendering:pixelated;flex-shrink:0}.prof-card-body{flex:1;min-width:0}.trade-actions{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 12px}.trade-gold-line{margin:0 0 8px}.trade-row{display:flex;align-items:center;gap:8px;margin:4px 0}.trade-row .goods-icon{width:32px;height:32px}.trade-row .goods-icon .inv-icon-img{width:22px;height:22px}.trade-row-name{flex:1;min-width:0;font-size:.8rem}.trade-remove{background:#2c1810;border:1px solid #6a3020;color:#e8a090;border-radius:4px;width:24px;height:24px;cursor:pointer;font-size:.9rem;line-height:1}.trade-remove:hover{background:#4a2018}@media(max-width:640px){.merchant-cols.has-two{grid-template-columns:1fr}}.panel-btn{display:inline-block;padding:8px 14px;margin:4px;background:#2c1810;color:var(--text);border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem}.panel-btn:hover{background:#4a2818}.panel-btn.green{background:#1a2a1a;color:var(--success)}.panel-btn.blue{background:#1a1a2a;color:#3498db}.rarity-common{color:#aaa}.rarity-uncommon{color:#2ecc71}.rarity-rare{color:#3498db}.rarity-epic{color:#9b59b6}.chat-box{flex-shrink:0;width:100%;height:168px;background:#0a0e17f5;border-top:2px solid var(--border);z-index:11;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.chat-box.hidden{display:none}.chat-tabs{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid var(--border);background:#080a10e6}.chat-tab{flex:1;font:inherit;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;padding:6px 4px;cursor:pointer;position:relative}.chat-tab:hover{color:var(--text)}.chat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.chat-tab .chat-unread{position:absolute;top:4px;right:6px;min-width:14px;height:14px;padding:0 3px;border-radius:8px;background:#c0392b;color:#fff;font-size:.62rem;line-height:14px;text-align:center}.chat-help-bar{display:flex;gap:6px;align-items:center;padding:4px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-help-bar.hidden{display:none}.chat-help-bar select{flex:1;min-width:0;font-size:.75rem;padding:4px 6px;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:4px}.chat-panes{flex:1;min-height:0;position:relative}.chat-messages{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:6px 10px;font-size:.78rem;line-height:1.4;-webkit-overflow-scrolling:touch}.chat-messages.hidden{display:none!important}.chat-msg{margin-bottom:4px;word-break:break-word}.chat-msg .sender{color:var(--gold);font-weight:600}.chat-msg.system{color:var(--text-muted);font-style:italic}.chat-msg.announce{color:#f0c14a;font-weight:600;font-style:normal}.chat-msg.admin .sender{color:#e07070}.chat-msg.info{color:#b8c97a}.admin-list{margin:0 0 12px;padding:0;list-style:none}.admin-list li{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:.88rem}.admin-list .admin-nick{font-weight:600}.admin-list .admin-meta{color:var(--text-muted);font-size:.78rem}.admin-actions{display:flex;gap:4px;flex-wrap:wrap}.admin-help{font-size:.78rem;color:var(--text-muted);white-space:pre-line}.chat-input-row{display:flex;gap:4px;padding:6px;border-top:1px solid var(--border)}.chat-input-row.log-only{display:none}#chat-input{flex:1;padding:8px;font-size:16px;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:6px;outline:none}@media(max-width:480px){.game-menu-rail{width:44px;padding:6px 2px}.action-btn{width:36px;height:36px;font-size:.95rem}.chat-box{height:148px}}.combat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.combat-overlay .combat-actions{pointer-events:auto;position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:92%}.combat-turn-hint{pointer-events:none;position:absolute;bottom:88px;left:50%;transform:translate(-50%);margin:0;padding:4px 12px;font-size:.75rem;color:var(--gold);background:#0a0e17bf;border:1px solid #4a4a6a;border-radius:6px;white-space:nowrap}.combat-overlay.waiting .combat-actions{opacity:.45;pointer-events:none}.combat-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px;padding:7px 10px;background:linear-gradient(180deg,#2a2a44,#1a1a2e);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s}.combat-btn:hover:not(:disabled){background:linear-gradient(180deg,#38385c,#24243d);border-color:var(--gold)}.combat-btn.primary{border-color:#8b6914}.combat-btn.danger{border-color:#7a3b33}.combat-btn.locked,.combat-btn:disabled{opacity:.4;cursor:not-allowed}.combat-btn-icon{font-size:1.1rem;line-height:1}.combat-btn-label{font-size:.62rem;letter-spacing:.02em;white-space:nowrap}.help-body h4{font-family:Cinzel,serif;color:var(--gold);font-size:.85rem;margin:12px 0 4px}.help-body h4:first-child{margin-top:0}.help-body p{font-size:.8rem;line-height:1.5;margin-bottom:4px}.help-body a{color:#c0a060}.help-body ul{margin:4px 0 4px 18px;font-size:.8rem;line-height:1.6}.inv-sidebar-permanent{position:relative;flex-shrink:0;width:min(280px,38vw);height:100%;background:linear-gradient(180deg,#3d2e1e,#2a1f14 8%,#1e1610);border-left:3px solid #8b6914;box-shadow:-4px 0 16px #00000080;display:flex;flex-direction:column;overflow:hidden}.inv-sidebar-permanent.hidden{display:none}.inv-stats-panel{padding:10px 12px;background:#0000004d;border-bottom:2px solid #5c4a32;flex-shrink:0}.inv-player-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.inv-player-name{font-family:Cinzel,serif;font-size:.95rem;color:#e8c872;font-weight:600}.inv-player-lvl{font-size:.75rem;color:#c9a040}.inv-player-class{font-size:.72rem;color:#875;margin-bottom:8px}.inv-bar-block{margin-bottom:6px}.inv-bar-block:last-child{margin-bottom:0}.inv-bar-label{display:flex;justify-content:space-between;font-size:.65rem;color:#a09070;margin-bottom:2px}.inv-bar-track{height:8px;background:#1a140e;border:1px solid #4a3828;border-radius:2px;overflow:hidden}.inv-bar-fill{height:100%;transition:width .3s;border-radius:1px}.inv-bar-hp{background:linear-gradient(90deg,#8b2020,#c0392b)}.inv-bar-energy{background:linear-gradient(90deg,#1a5276,#2980b9)}.inv-bar-xp{background:linear-gradient(90deg,#6b4c9a,#9b59b6)}.inv-bar-prof{background:linear-gradient(90deg,#8a5a12,#e8c872)}.inv-gold-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:#e8c872;margin-top:8px;padding-top:8px;border-top:1px solid #4a3828}.inv-gold-row img{width:18px;height:18px;image-rendering:pixelated}.inv-sidebar-wrap,.inv-backdrop{display:none}.inv-sidebar-header{display:flex;flex-direction:column;padding:10px 12px;background:linear-gradient(180deg,#4a3828,#3d2e1e);border-bottom:2px solid #6b5420;flex-shrink:0}.inv-sidebar-header .inv-player-class{margin-bottom:0}.inv-sidebar-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px}.char-inv{display:flex;flex-direction:column;gap:10px}.char-attr-block{display:flex;flex-direction:column;gap:6px}.char-attr-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.char-stat-points{margin:0;text-align:center;font-size:.72rem;color:#7dff9a;font-weight:600}.char-attr{display:flex;align-items:center;gap:4px;padding:3px 6px;background:#00000059;border:1px solid #4a3828;border-radius:3px;font-size:.7rem;color:#c9b896;cursor:help}.char-attr span{flex:1}.char-attr b{color:#e8d5b7;font-variant-numeric:tabular-nums}.char-attr-plus{width:18px;height:18px;padding:0;border:1px solid #2ecc71;border-radius:3px;background:#1a3a24;color:#7dff9a;font-size:.85rem;line-height:1;cursor:pointer}.char-attr-plus:hover{background:#245c38}.inv-section-title{font-family:Cinzel,serif;font-size:.78rem;color:#c9a040;text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px;border-bottom:1px solid #5c4a32;display:flex;justify-content:space-between;align-items:center}.inv-count{font-family:"Source Sans 3",sans-serif;font-size:.68rem;color:#875;text-transform:none;letter-spacing:0}.char-doll-wrap{background:#00000040;border:2px solid #5c4a32;border-radius:4px;padding:10px;box-shadow:inset 0 2px 8px #0006;display:flex;flex-direction:column;align-items:center;gap:6px}.char-doll-grid{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:6px;justify-content:center;margin:0 auto}.eq-slot{width:48px;height:48px;background:linear-gradient(135deg,#2a2018,#1a140e);border:2px solid #4a3828;border-radius:3px;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px 3px #00000080;position:relative}.eq-slot.empty{border-color:#7a6238;background:linear-gradient(135deg,#3a2e1c,#22180f)}.eq-slot.filled{border-color:#5a8a40;padding:2px;box-shadow:inset 0 0 10px #50d2468c,inset 1px 1px 3px #00000080}.eq-slot.filled .inv-slot{width:100%;height:100%;min-height:unset;border-radius:2px}.eq-slot.slot-disabled{opacity:.9;cursor:not-allowed;border-style:dashed;border-width:2px;border-color:#9a7a40;background:linear-gradient(135deg,#3d3220,#261c10)}.eq-slot-icon-img{width:26px;height:26px;image-rendering:pixelated;image-rendering:crisp-edges;display:block;filter:grayscale(1) brightness(.75);opacity:.4}.eq-slot.slot-armor{grid-column:2;grid-row:2}.eq-slot.slot-weapon{grid-column:3;grid-row:2}.eq-slot.slot-boots{width:48px;height:48px}.eq-slot.drop-hover{border-color:#c9a040;box-shadow:0 0 8px #c9a04080}.inv-grid-backpack{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:4px;background:#00000040;border:2px solid #5c4a32;border-radius:4px;padding:6px;box-shadow:inset 0 2px 6px #00000059}.inv-cell{display:block;min-width:0}.inv-slot{aspect-ratio:1;background:linear-gradient(135deg,#2a2018,#1a140e);border:2px solid #4a3828;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:grab;position:relative;transition:border-color .12s,box-shadow .12s;min-height:44px;-webkit-user-select:none;user-select:none;box-shadow:inset 1px 1px 2px #0006}.inv-slot.empty{cursor:default;border-color:#3a2e20}.inv-slot.filled:hover{border-color:#8b6914;box-shadow:inset 1px 1px 2px #0006,0 0 6px #c9a04040}.inv-slot.inv-class-lock{opacity:.42;filter:grayscale(.35)}.inv-slot.inv-class-lock:hover{border-color:#6a3030;box-shadow:inset 1px 1px 2px #0006}.inv-slot.selected{border-color:#e8c872;box-shadow:0 0 8px #e8c87273}.inv-slot.drop-hover,.inv-cell.drop-hover .inv-slot{border-color:#6ab04c;background:#2e783c33}.rarity-border-common{border-color:#666!important}.rarity-border-uncommon{border-color:#6ab04c!important}.rarity-border-rare{border-color:#3498db!important}.rarity-border-epic{border-color:#9b59b6!important}.inv-icon{font-size:1.25rem;line-height:1;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.inv-qty{position:absolute;bottom:1px;right:3px;font-size:.62rem;color:#e8c872;font-weight:700;text-shadow:1px 1px 1px #000}.inv-hint{font-size:.62rem;color:#6a5840;text-align:center;line-height:1.45;padding:4px 0}.drag-ghost{position:fixed;top:-100px;opacity:.85;pointer-events:none;z-index:9999;transform:scale(1.1)}@media(max-width:400px){.inv-sidebar{width:100%}.char-doll-grid{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px)}.eq-slot,.eq-slot.slot-boots{width:42px;height:42px}}.panel-worldmap{max-width:920px}.panel-body-worldmap{position:relative;height:auto;background:radial-gradient(ellipse at 50% 50%,#1a2040,#0a0e17 80%);border-radius:8px;overflow:auto}.worldmap-canvas{position:relative;width:860px;height:340px;margin:0 auto}.worldmap-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.worldmap-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.worldmap-node{position:absolute;transform:translate(-50%,-20px);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default;z-index:1}.worldmap-node.unknown{opacity:.4}.worldmap-node.drifted{opacity:.55;filter:grayscale(1)}.worldmap-node.fresh.critical .worldmap-icon{border-color:#c0392b}.worldmap-node.fresh.crumbling .worldmap-icon{border-color:#e67e22}.worldmap-node.fresh.cracked .worldmap-icon{border-color:#f1c40f}.worldmap-node.fresh.stable .worldmap-icon{box-shadow:0 0 0 2px #2ecc71}.worldmap-node.fresh.cracked .worldmap-icon{box-shadow:0 0 0 2px #f1c40f}.worldmap-node.fresh.crumbling .worldmap-icon{box-shadow:0 0 0 2px #e67e22}.worldmap-node.fresh.critical .worldmap-icon{box-shadow:0 0 0 2px #c0392b,0 0 10px #c0392b8c}.worldmap-node.current{z-index:3}.worldmap-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--bg-panel);border:2px solid var(--border);border-radius:50%}.worldmap-label{font-size:.65rem;color:var(--text-muted);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis;text-align:center}.worldmap-restore{margin-top:2px;font-size:.55rem;padding:2px 6px;background:#2a1a3a;color:#e8d5b7;border:1px solid #6b4c9a;border-radius:4px;cursor:pointer}.worldmap-chronicle{padding:8px 10px 4px;font-size:.7rem;color:#c8b89a}.worldmap-chronicle-title{margin:0 0 4px;color:var(--gold);font-weight:700;font-size:.72rem}.worldmap-chronicle ul{margin:0;padding-left:16px}.worldmap-you-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--gold);border:1.5px solid #1a1408;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 2px #f1c40fd9;pointer-events:none;z-index:2}#game-canvas-wrapper.shard-critical:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 48px 10px #a010108c;z-index:6}.nithar-bridge{margin-top:10px;padding-top:8px;border-top:1px solid #4a4a6a}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.trade-col{background:linear-gradient(135deg,#221c16,#16120e);border:1px solid #4a3828;border-radius:6px;padding:10px}.trade-col.ready{border-color:#6ab04c;box-shadow:inset 0 0 12px #2ecc711f}.trade-col h4{margin:0 0 6px;font-size:.85rem;font-family:Cinzel,serif;color:#e8c872}.trade-gold{display:block;margin:8px 0 4px;font-size:.8rem}.trade-gold input{width:100%;margin-top:4px;padding:6px;background:#0a0e17;color:#e8d5b7;border:1px solid #4a3828;border-radius:6px}.worldmap-node.locked{opacity:.55}