@font-face{font-family:GameFont;src:url(/assets/fonts/Verdana.ttf) format("truetype")}@font-face{font-family:ChatFont;src:url(/assets/fonts/chat_font.otf) format("opentype")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}canvas{display:block}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0f1923;font-family:GameFont,Verdana,sans-serif;color:#e5e7eb;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1923;display:flex;align-items:center;justify-content:center}.login-box{background:#0a0e1a;border:1px solid #24422f;border-radius:6px;padding:28px 40px 32px;width:min(360px,90vw);display:flex;flex-direction:column;align-items:center;gap:18px}.login-crest{width:98px;max-width:44vw;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.login-field{display:flex;flex-direction:column;gap:4px}.login-field label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}.login-field input{background:#111827;border:1px solid #374151;border-radius:4px;color:#f9fafb;padding:8px 12px;font-size:14px;outline:none;transition:border-color .2s}.login-field input:focus{border-color:#60a5fa}.login-btn{margin-top:8px;padding:10px;background:#1d4ed8;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.login-btn:hover:not(:disabled){background:#2563eb}.login-btn:disabled{opacity:.6;cursor:default}.login-error{background:rgba(220,38,38,.2);border:1px solid #ef4444;border-radius:4px;padding:8px 12px;font-size:12px;color:#fca5a5}.login-hint{font-size:11px;color:#4b5563}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1923;display:flex;align-items:center;justify-content:center}.loading-screen:before{content:"";position:absolute;width:520px;height:520px;max-width:120vw;max-height:120vw;border-radius:50%;background:radial-gradient(circle,rgba(224,185,106,.11) 0%,rgba(78,158,74,.06) 45%,transparent 70%)}.loading-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;width:min(320px,86vw)}.loading-crest{width:140px;max-width:48vw;height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6));animation:crest-breathe 3.4s ease-in-out infinite}@keyframes crest-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.loading-bar-track{width:100%;height:7px;background:#08131d;border:1px solid #24422f;border-radius:4px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#3f7f3c,#6fbf5a,#e0b96a);transition:width .25s ease-out}.loading-status{width:100%;display:flex;justify-content:space-between;font-size:11px;color:#7d8b99;letter-spacing:1px}.loading-pct{color:#e0b96a;font-weight:700}@media (prefers-reduced-motion: reduce){.loading-crest{animation:none}}#map-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;opacity:0;pointer-events:none;transition:opacity .15s ease}#map-fade.map-fade-visible{opacity:1}@media (prefers-reduced-motion: reduce){#map-fade{transition:none}}:root{--ink-900: #070605;--ink-800: #100d0a;--ink-700: #1a1610;--leather: #241d15;--brass-900: #3d3011;--brass-700: #6d5620;--brass-500: #a4842f;--brass-300: #d8b65a;--parch: #e8dcc0;--parch-dim: #a1907040;--blood: #7c1416;--blood-lit: #d13b3f;--arcane: #1f3a78;--arcane-lit: #5b8fdd;--gold: #8a6a18;--gold-lit: #e8c14b;--panel-w: 328px;--panel-h: 396px;--slot: 44px}.frame{position:relative;border:1px solid var(--brass-700);border-radius:3px;background:repeating-linear-gradient(45deg,rgba(232,220,192,.014) 0 2px,transparent 2px 4px),linear-gradient(180deg,rgba(36,29,21,.97),rgba(10,8,6,.98));box-shadow:inset 0 1px #d8b65a29,inset 0 0 0 1px #0000008c,inset 0 -14px 24px #0006,0 6px 20px #0009}.btn-brass{font-family:inherit;color:var(--parch);background:linear-gradient(180deg,#3a2e18,#1c1710);border:1px solid var(--brass-700);border-radius:3px;padding:7px 14px;font-size:12px;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px #d8b65a33,0 2px 6px #00000080;transition:background .12s,border-color .12s,color .12s}.btn-brass:hover{background:linear-gradient(180deg,#4d3d1f,#241d13);border-color:var(--brass-500);color:#fff4dc}.btn-brass:active{box-shadow:inset 0 2px 5px #0009}.btn-danger{color:#e9b3b3;border-color:#5e2020}.btn-danger:hover{background:linear-gradient(180deg,#5a1e1e,#2a1010);border-color:#8e3030;color:#ffdada}.hud{position:fixed;top:0;left:0;width:calc(100vw / var(--ui-scale, 1));height:calc(100vh / var(--ui-scale, 1));height:calc(100dvh / var(--ui-scale, 1));transform:scale(var(--ui-scale, 1));transform-origin:top left;pointer-events:none;font-size:13px}.hud>*{pointer-events:auto}.hud-topleft{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));max-width:calc(100% - 24px - env(safe-area-inset-left))}.hud-topright{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.stats-bar{min-width:232px;padding:10px 12px 9px;display:flex;flex-direction:column;gap:5px}.stats-header{display:flex;align-items:center;gap:8px;padding-bottom:7px;margin-bottom:2px;border-bottom:1px solid rgba(109,86,32,.45)}.stat-level{flex:none;width:26px;height:26px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#2a2008;background:radial-gradient(circle at 34% 28%,#f0d383,var(--brass-500) 62%,#6b5219);border:1px solid #2a2008;border-radius:50%;box-shadow:0 1px 3px #000000b3,inset 0 -2px 3px #0000004d}.stat-name{font-family:Georgia,Times New Roman,serif;font-size:15px;letter-spacing:.4px;color:var(--parch);text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row{display:flex;align-items:center;gap:7px}.bar-label{width:26px;flex:none;font-size:9px;letter-spacing:1px;color:#8b7748;text-transform:uppercase}.bar-track{flex:1;height:10px;background:#0b0907;border:1px solid #000;border-radius:2px;overflow:hidden;box-shadow:inset 0 2px 4px #000000e6}.bar-fill{height:100%;transition:width .22s ease-out;background-image:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.05) 42%,rgba(0,0,0,.28))}.hp-fill{background-color:var(--blood);box-shadow:0 0 7px #d13b3f73}.mp-fill{background-color:var(--arcane);box-shadow:0 0 7px #5b8fdd66}.exp-fill{background-color:var(--gold);box-shadow:0 0 7px #e8c14b59}.bar-value{min-width:62px;text-align:right;font-size:10px;color:#9c8a63;font-variant-numeric:tabular-nums}.stats-footer{display:flex;justify-content:space-between;margin-top:4px;padding-top:6px;border-top:1px solid rgba(109,86,32,.3);font-size:10px;color:#7a6b47}.stat-pos{color:#7d6d4a;letter-spacing:.5px}.stat-fps,.stat-latency{font-variant-numeric:tabular-nums}.minimap{position:relative;padding:5px;border:1px solid var(--brass-700);border-radius:3px;background:linear-gradient(180deg,rgba(36,29,21,.97),rgba(10,8,6,.98));box-shadow:inset 0 1px #d8b65a29,0 6px 20px #0009}.minimap canvas{display:block;border:1px solid #000;border-radius:2px;image-rendering:pixelated}.minimap-coords{margin-top:4px;text-align:center;font-size:10px;letter-spacing:.6px;color:#8b7748;font-variant-numeric:tabular-nums}.dock{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.dock>*{pointer-events:auto}.dock-panel{width:var(--panel-w);height:var(--panel-h);display:flex;overflow:hidden}.dock-panel-body{flex:1;display:flex;min-width:0}.dock-panel-body>*{flex:1;min-width:0}.dock-rail{display:flex;gap:3px;padding:4px}.dock-tab{width:60px;padding:6px 0 5px;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;background:linear-gradient(180deg,#2a2216,#14100b);border:1px solid #3a2e18;border-radius:2px;color:#8b7748;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.dock-tab:hover{color:var(--parch);border-color:var(--brass-700)}.dock-tab.active{color:#ffeec2;background:linear-gradient(180deg,#4a3a1c,#241c10);border-color:var(--brass-500);box-shadow:inset 0 1px #d8b65a4d}.dock-tab-icon{font-size:17px;line-height:1;filter:saturate(.75) brightness(1.05)}.dock-tab-label{font-size:8.5px;letter-spacing:.8px;text-transform:uppercase}.panel-col{display:flex;flex-direction:column;padding:10px 12px 12px;gap:9px;overflow-y:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid rgba(109,86,32,.45);flex:none}.panel-head-sub{margin-top:3px}.panel-title{font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;color:var(--brass-300);text-shadow:0 1px 2px #000}.panel-sub{font-size:11px;color:#8b7748}.panel-note{flex:none;font-size:11px;color:#6f6144;font-style:italic;text-align:center}.panel-empty{margin:auto;font-size:12px;color:#6f6144;font-style:italic}.slot-grid{flex:none;display:grid;grid-template-columns:repeat(4,var(--slot));justify-content:center;gap:5px}.slot{width:var(--slot);height:var(--slot);background:linear-gradient(180deg,#0d0b08,#16120c);border:1px solid #34291a;border-radius:2px;box-shadow:inset 0 2px 5px #000000d9}.doll-grid{flex:none;display:grid;grid-template-columns:repeat(3,var(--slot));justify-content:center;gap:5px}.doll-gap{display:block;width:var(--slot);height:var(--slot)}.doll-slot{display:grid;place-items:center;padding:2px}.doll-slot-label{font-size:7.5px;letter-spacing:.5px;text-transform:uppercase;color:#5c5039;text-align:center}.coin-count{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--brass-300)}.coin-icon{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#f2d688,#a4842f 65%,#5f4a16);border:1px solid #2a2008}.stat-grid{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:5px}.stat-cell{display:flex;justify-content:space-between;padding:5px 8px;background:rgba(0,0,0,.32);border:1px solid rgba(109,86,32,.28);border-radius:2px}.stat-cell dt{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#8b7748}.stat-cell dd{font-size:12px;color:var(--parch);font-variant-numeric:tabular-nums}.setting-list{display:flex;flex-direction:column;gap:3px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:2px;cursor:pointer}.setting-row:hover{background:rgba(109,86,32,.13)}.setting-text{display:flex;flex-direction:column;gap:2px;min-width:0}.setting-label{font-size:12px;color:var(--parch)}.setting-hint{font-size:10px;color:#6f6144}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:34px;height:17px;border-radius:9px;background:#0d0b08;border:1px solid #34291a;box-shadow:inset 0 2px 4px #000c;cursor:pointer;position:relative;transition:background .14s,border-color .14s}.switch:after{content:"";position:absolute;top:1px;left:1px;width:13px;height:13px;border-radius:50%;background:linear-gradient(180deg,#6d6250,#3a342a);transition:transform .14s,background .14s}.switch:checked{background:#3d3011;border-color:var(--brass-500)}.switch:checked:after{transform:translate(17px);background:radial-gradient(circle at 34% 30%,#f2d688,#a4842f 70%)}.switch:focus-visible{outline:1px solid var(--brass-300);outline-offset:2px}.key-list{display:flex;flex-direction:column;gap:2px}.key-list>div{display:flex;justify-content:space-between;padding:3px 8px;font-size:11px}.key-list dt{color:var(--brass-300);font-family:ui-monospace,Consolas,monospace;font-size:10px;padding:1px 6px;background:rgba(0,0,0,.45);border:1px solid rgba(109,86,32,.4);border-radius:2px}.key-list dd{color:#8b7748}.chat-panel{display:flex;flex-direction:column;padding:10px 12px 11px;gap:8px;min-height:0}.chat-tabs{display:flex;gap:4px}.chat-tab{font-family:inherit;padding:4px 12px;font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:#8b7748;background:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer}.chat-tab:hover{color:var(--parch)}.chat-tab.active{color:#ffeec2;background:rgba(109,86,32,.28);border-color:var(--brass-700)}.chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:3px;font-family:ChatFont,Georgia,serif;font-size:12px;line-height:1.45}.chat-msg{word-break:break-word}.chat-time{color:#5c5039;font-size:10px;margin-right:5px;font-variant-numeric:tabular-nums}.chat-name{color:var(--brass-300);margin-right:5px}.chat-name:after{content:":"}.chat-text{color:#cdbfa2}.chat-system .chat-name{color:#b98f3c}.chat-system .chat-text{color:#d8b65a;font-style:italic}.chat-global .chat-name{color:#7fa5db}.chat-input-row{display:flex;gap:6px;flex:none}.chat-input{flex:1;min-width:0;font-family:inherit;font-size:12px;padding:7px 9px;color:var(--parch);background:#0b0907;border:1px solid #34291a;border-radius:2px;outline:none;box-shadow:inset 0 2px 4px #000c}.chat-input:focus{border-color:var(--brass-500)}.chat-input::placeholder{color:#5c5039;font-style:italic}.chat-send{padding:7px 12px;font-size:10px}.chat-ticker{max-width:min(380px,56vw);display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:0 2px;background:none;border:none;cursor:pointer;text-align:right;font-family:ChatFont,Georgia,serif;font-size:12px;line-height:1.4;opacity:1;transition:opacity .7s ease-in}.chat-ticker-faded{opacity:0}.ticker-line{color:#d6c8ab;text-shadow:0 1px 3px #000,0 0 6px #000,0 0 2px #000}.ticker-name{color:var(--brass-300)}.ticker-system .ticker-line,.ticker-system{color:#e0bb62;font-style:italic}.chat-messages::-webkit-scrollbar,.panel-col::-webkit-scrollbar{width:7px}.chat-messages::-webkit-scrollbar-track,.panel-col::-webkit-scrollbar-track{background:rgba(0,0,0,.4)}.chat-messages::-webkit-scrollbar-thumb,.panel-col::-webkit-scrollbar-thumb{background:#4a3a1c;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.panel-col::-webkit-scrollbar-thumb:hover{background:var(--brass-700)}.chat-messages,.panel-col{scrollbar-width:thin;scrollbar-color:#4a3a1c rgba(0,0,0,.4)}.hud-mobile-move{position:absolute;left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom))}.hud-mobile-attack{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom))}.mobile-dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:3px}.dpad-btn{font-family:inherit;font-size:15px;color:var(--parch);background:linear-gradient(180deg,rgba(58,46,24,.92),rgba(16,13,10,.92));border:1px solid var(--brass-700);border-radius:3px;cursor:pointer;box-shadow:inset 0 1px #d8b65a33,0 2px 6px #0000008c;touch-action:none}.dpad-btn:active{background:linear-gradient(180deg,#5a4820,#2a2110)}.dpad-up{grid-area:1 / 2}.dpad-left{grid-area:2 / 1}.dpad-right{grid-area:2 / 3}.dpad-down{grid-area:3 / 2}.attack-btn{width:60px;height:60px;font-size:24px;color:#ffd9d9;background:radial-gradient(circle at 36% 28%,#8e2a2c,#4a1214 70%);border:1px solid #8e3030;border-radius:50%;cursor:pointer;box-shadow:inset 0 1px #ffc8c838,0 3px 10px #0009;touch-action:none}.attack-btn:active{background:radial-gradient(circle at 36% 28%,#b53537,#5e1618 70%)}.worldmap-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:rgba(3,5,10,.82);display:flex;align-items:center;justify-content:center;padding:24px}.worldmap-panel{display:flex;flex-direction:column;gap:10px;width:min(1100px,96vw);height:min(800px,92dvh);padding:14px 16px 12px;background:#0a0e1a;border:1px solid #24422f;border-radius:10px;box-shadow:0 12px 60px #000000b3}.worldmap-header{display:flex;align-items:baseline;gap:12px}.worldmap-title{font-size:16px;font-weight:700;color:#e0b96a;letter-spacing:2px;text-transform:uppercase}.worldmap-sub{font-size:11px;color:#7d8b99}.worldmap-close{margin-left:auto;padding:2px 8px;min-width:30px;min-height:30px;background:transparent;border:none;color:#6b7280;font-size:14px;cursor:pointer}.worldmap-close:hover{color:#e5e7eb}.worldmap-canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#05070b;border:1px solid #1a2a40;border-radius:6px;overflow:hidden}.worldmap-canvas-wrap canvas{display:block}.worldmap-legend{display:flex;align-items:center;gap:16px;font-size:10px;color:#7d8b99;letter-spacing:.5px}.worldmap-legend span{display:flex;align-items:center;gap:6px}.worldmap-hint{margin-left:auto;color:#4b5563}.swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.swatch-zone{border:1.5px solid #c0392b;background:rgba(192,57,43,.15)}.swatch-self{background:#e0b96a;border-radius:50%}.rotate-hint{position:absolute;top:calc(182px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;background:linear-gradient(180deg,rgba(36,29,21,.97),rgba(10,8,6,.98));border:1px solid var(--brass-700);border-radius:3px;box-shadow:inset 0 1px #d8b65a29,0 4px 14px #0009;font-size:11px;color:var(--parch);white-space:nowrap}.rotate-hint-icon{font-size:13px}.rotate-hint-dismiss{background:transparent;border:none;color:#6b7280;font-size:12px;cursor:pointer;padding:2px 6px;min-width:28px;min-height:28px}.worldmap-panel{background:linear-gradient(180deg,rgba(36,29,21,.98),rgba(10,8,6,.99))!important;border:1px solid var(--brass-700)!important;border-radius:3px!important;box-shadow:inset 0 1px #d8b65a29,0 14px 44px #000000bf!important}.worldmap-panel h2,.worldmap-title{font-family:Georgia,Times New Roman,serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--brass-300)}.worldmap-backdrop{background:rgba(4,3,2,.78)!important}@media (pointer: fine){.hud-mobile-move,.hud-mobile-attack{display:none}}@media (max-width: 820px),(max-height: 500px){.stats-bar{min-width:0;width:min(206px,calc(54vw / var(--ui-scale, 1)));padding:8px 10px;gap:4px}.stat-name{font-size:13px}.stat-level{width:22px;height:22px;font-size:11px}.bar-track{height:8px}.bar-value{min-width:52px;font-size:9px}.dock{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));align-items:stretch;gap:6px}.dock-panel{width:auto;height:min(calc(46dvh / var(--ui-scale, 1)),320px)}.dock-rail{justify-content:space-between}.dock-tab{flex:1;width:auto;padding:8px 0 6px}.dock-tab-icon{font-size:19px}.chat-ticker{max-width:none;align-self:flex-end}.chat-input{font-size:16px;padding:9px 10px}.chat-send{padding:9px 14px}.minimap canvas{width:88px!important;height:88px!important}.map-btn{padding:8px 12px;font-size:11px}.worldmap-backdrop{padding:0}.worldmap-panel{width:100vw;height:100dvh;border-radius:0!important;border:none!important}.hud-mobile-move,.hud-mobile-attack{bottom:calc(84px + env(safe-area-inset-bottom))}.dock-open~.hud-mobile-move,.dock-open~.hud-mobile-attack{display:none}}@media (orientation: landscape) and (max-height: 500px){.minimap{display:none}.dock{left:auto;right:calc(10px + env(safe-area-inset-right));align-items:flex-end}.dock-panel{width:300px;height:min(calc(64dvh / var(--ui-scale, 1)),212px)}.dock-rail{justify-content:flex-end}.dock-tab{flex:none;width:52px}.dock-tab{padding:5px 0 4px}.dock-tab-icon{font-size:15px}.dock-tab-label{display:none}.mobile-dpad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px)}.attack-btn{width:48px;height:48px;font-size:19px}.hud-mobile-move,.hud-mobile-attack{bottom:calc(56px + env(safe-area-inset-bottom))}.stats-footer{display:none}}@media (max-width: 380px){.dock-tab-label{font-size:7.5px;letter-spacing:.4px}}@media (max-width: 480px),(max-height: 480px){.login-box{width:min(340px,92vw);padding:22px 24px 26px;gap:14px}.login-crest{width:82px}.login-field input{font-size:16px;padding:10px 12px}.login-btn{padding:12px}.loading-crest{width:116px}.loading-box{gap:18px}}@media (max-height: 420px){.login-crest{display:none}.login-box{padding:18px 24px 20px;gap:12px}.loading-crest{width:88px}}