:root{--font-title: "Cinzel", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--oak-darkest: #160e07;--oak-darker: #1c1108;--oak-panel: #2e1e11;--oak-card: #24170d;--oak-card-hover: #362314;--oak-border: #5c3d1f;--oak-border-light: #7c522b;--oak-border-gold: #b38533;--parchment-bg: #efe4c5;--parchment-card: #f5eccf;--parchment-border: #8d693f;--parchment-text: #2f1e0e;--parchment-muted: #6e502e;--gold-bright: #ffd466;--gold-main: #dfa637;--gold-dark: #8c6016;--amber-track: #140c06;--amber-fill: #c99836;--red-accent: #c53030;--green-accent: #2f855a;--blue-accent: #3182ce;--text-main: #ecdcc1;--text-muted: #9c8b74;--text-dim: #72624e}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body,html{width:100vw;height:100vh;background:#000;color:var(--text-main);font-family:var(--font-body);overflow:hidden}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;display:block;z-index:1}#top-bar{position:absolute;top:0;left:0;right:0;height:38px;background:#23160c;border-bottom:2px solid #4a301a;box-shadow:0 2px 8px #0009;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:100}.top-left,.top-right{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:7px;margin-right:6px}.brand-crest{display:inline-flex;width:20px;height:20px}.brand-name{font-family:var(--font-title);font-weight:800;font-size:.95rem;letter-spacing:.08em;color:var(--gold-main);text-shadow:0 1px 2px rgba(0,0,0,.8)}.total-badge{display:flex;align-items:center;gap:4px;background:#140c06;border:1px solid #4a301a;border-radius:4px;padding:2px 6px;font-size:.75rem}.badge-label{color:var(--text-dim);font-size:.65rem;font-weight:700;letter-spacing:.05em}.badge-val{color:var(--gold-bright);font-weight:700}.hp-bar-pill{display:flex;align-items:center;gap:6px;background:#140c06;border:1px solid #4a301a;border-radius:4px;padding:2px 8px}.hp-icon{display:inline-flex;width:14px;height:14px}.hp-bar-track{width:60px;height:8px;background:#2b0f0f;border-radius:3px;overflow:hidden;position:relative}#hp-bar-fill{width:100%;height:100%;background:var(--red-accent);transition:width .3s}#hp-text{position:absolute;top:-4px;left:0;right:0;text-align:center;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.speed-pill{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#68d391;background:#140c06;border:1px solid #4a301a;border-radius:4px;padding:2px 6px}.speed-icon{display:inline-flex;width:13px;height:13px}.currencies{display:flex;align-items:center;gap:10px;margin-left:6px}.currency-chip{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700}.currency-chip.gold span:last-child{color:var(--gold-bright)}.currency-chip.gems span:last-child{color:#38bdf8}.currency-chip.anima span:last-child{color:#c084fc}.curr-icon{display:inline-flex;width:16px;height:16px}.boss-banner{display:flex;align-items:center;gap:6px;background:#3b1717;border:1px solid #e53e3e;border-radius:4px;padding:2px 8px;font-size:.75rem;color:#fed7d7}.boss-icon{display:inline-flex;width:14px;height:14px}#boss-join-btn{background:#9b2c2c;color:#fff;border:1px solid #fc8181;border-radius:3px;font-size:.7rem;font-weight:700;padding:1px 6px;cursor:pointer}#boss-join-btn:hover{background:#c53030}.online-indicator{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted)}.online-indicator .dot{width:7px;height:7px;background:#48bb78;border-radius:50%;box-shadow:0 0 5px #48bb78}.parchment-card{position:absolute;top:48px;left:16px;width:320px;background:var(--parchment-bg);border:2px solid var(--parchment-border);border-radius:8px;box-shadow:0 4px 14px #00000073;color:var(--parchment-text);padding:8px 12px;z-index:50}.tasks-card-header{font-family:var(--font-title);font-size:.95rem;font-weight:700;color:var(--parchment-text);margin-bottom:6px}.task-running-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.task-leading{display:flex;align-items:center;gap:6px;overflow:hidden}.task-icon-wrap{display:inline-flex;width:18px;height:18px;color:var(--parchment-muted)}.task-name{font-family:var(--font-body);font-weight:700;font-size:.82rem;color:var(--parchment-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-trailing{display:flex;align-items:center;gap:4px}.status-tag{font-size:.65rem;font-weight:800;letter-spacing:.04em;padding:1px 5px;border-radius:3px;background:#276749;color:#c6f6d5}.status-tag.idle{background:#744210;color:#fefcbf}.icon-btn-micro{width:20px;height:20px;border:1px solid var(--parchment-border);background:#e2d1a8;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--parchment-text);padding:2px}.icon-btn-micro:hover{background:#d4be8e}.icon-btn-micro.stop{color:#9b2c2c}.task-bar-container{width:100%;height:7px;background:#cfbe95;border-radius:3px;overflow:hidden;margin-bottom:4px}.task-progress-fill{width:0%;height:100%;background:#b7791f;transition:width .3s}.task-subtext{font-size:.72rem;color:var(--parchment-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-oak-card{position:absolute;bottom:16px;left:16px;width:380px;max-height:280px;background:#23170df0;border:2px solid var(--oak-border);border-radius:8px;box-shadow:0 4px 16px #0009;display:flex;flex-direction:column;z-index:50;overflow:hidden}.chat-card-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#1c1108;border-bottom:1px solid #3c2411;font-size:.8rem;font-weight:700}.chat-header-title{display:flex;align-items:center;gap:4px}.chat-online-sub{color:var(--text-dim);font-size:.72rem;font-weight:400}.chat-channels{display:flex;background:#24160c;border-bottom:1px solid #3c2411;padding:2px 6px;gap:4px}.chan-btn{background:transparent;border:none;color:var(--text-muted);font-size:.72rem;font-weight:600;padding:3px 6px;border-radius:3px;cursor:pointer}.chan-btn:hover{color:var(--text-main);background:#ffffff0d}.chan-btn.active{background:#3d2614;color:var(--gold-bright)}.chat-messages{flex:1;min-height:120px;max-height:160px;overflow-y:auto;padding:6px 10px;font-size:.78rem;display:flex;flex-direction:column;gap:4px}.chat-line{line-height:1.35}.chat-time{color:var(--text-dim);margin-right:4px}.chat-sender{color:var(--gold-main);font-weight:700;margin-right:4px}.chat-input-row{display:flex;padding:6px 8px;background:#1a1008;border-top:1px solid #3c2411;gap:6px}.chat-input-row input{flex:1;background:#100a05;border:1px solid #4a301a;border-radius:4px;color:var(--text-main);padding:4px 8px;font-size:.8rem;outline:none}.chat-input-row input:focus{border-color:var(--gold-main)}.btn-chat-send{background:#4a301a;border:1px solid var(--oak-border);color:var(--gold-bright);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:4px;cursor:pointer}.btn-chat-send:hover{background:#634023}#right-toolbar{position:absolute;top:38px;right:0;bottom:0;width:44px;background:var(--oak-darker);border-left:1px solid #3c2411;box-shadow:-2px 0 8px #00000080;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:8px;z-index:90}.tool-btn{width:32px;height:32px;background:#2b1c10;border:1px solid #4a301a;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;padding:5px;transition:all .15s}.tool-btn:hover{color:var(--gold-bright);border-color:var(--gold-main);background:#3d2716}.tool-btn.active{color:var(--gold-bright);border-color:var(--gold-bright);background:#4a2f1a;box-shadow:0 0 8px #dfa63766}.drawer-panel{position:absolute;top:46px;right:50px;width:290px;bottom:16px;background:var(--oak-panel);border:2px solid var(--oak-border);border-radius:8px;box-shadow:0 6px 20px #000000a6;display:flex;flex-direction:column;z-index:80;overflow:hidden}.drawer-panel.hidden{display:none!important}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#23160c;border-bottom:1px solid var(--oak-border)}.drawer-header h3{font-family:var(--font-title);font-size:1.05rem;color:var(--text-main)}.total-rank-label{font-size:.75rem;color:var(--text-muted)}.total-rank-label span{color:var(--gold-bright);font-weight:700}.drawer-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.drawer-footer{display:flex;gap:8px;padding:8px 10px;background:#20140b;border-top:1px solid var(--oak-border)}.btn-oak{flex:1;background:#3b2617;border:1px solid var(--oak-border-light);border-radius:4px;color:var(--text-main);font-size:.8rem;font-weight:700;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.btn-oak:hover{background:#50331e;border-color:var(--gold-main)}.btn-start{background:linear-gradient(180deg,#dfa637,#aa741c);border:1px solid #f6cf70;border-radius:4px;color:#1a0f05;font-family:var(--font-title);font-size:.85rem;font-weight:800;letter-spacing:.04em;padding:6px 12px;cursor:pointer}.btn-start:hover{background:linear-gradient(180deg,#f0ba4f,#bd8425)}.btn-stop{background:#3b2617;border:1px solid var(--oak-border);border-radius:4px;color:var(--text-muted);font-size:.85rem;font-weight:700;padding:6px 12px;cursor:pointer}.btn-stop:hover{background:#523520;color:var(--text-main)}.skill-category{display:flex;flex-direction:column;gap:5px}.category-heading{font-family:var(--font-title);font-size:.78rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;padding-bottom:2px;border-bottom:1px solid #3c2716}.skills-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.skill-card-compact{background:var(--oak-card);border:1px solid #3e2815;border-radius:4px;padding:5px 7px;cursor:pointer;transition:all .12s;display:flex;flex-direction:column;gap:3px}.skill-card-compact:hover{background:var(--oak-card-hover);border-color:var(--gold-main);transform:translateY(-1px)}.skill-card-compact.active{border-color:var(--gold-bright);box-shadow:0 0 6px #dfa63759}.skill-card-row{display:flex;align-items:center;justify-content:space-between}.skill-card-title-group{display:flex;align-items:center;gap:5px;overflow:hidden}.skill-card-icon{display:inline-flex;width:14px;height:14px;color:var(--gold-main)}.skill-card-name{font-size:.75rem;font-weight:700;color:var(--text-main);white-space:nowrap}.skill-card-lvl{font-size:.8rem;font-weight:800;color:var(--gold-bright)}.skill-card-pct{font-size:.65rem;color:var(--text-dim)}.skill-groove{width:100%;height:3px;background:var(--amber-track);border-radius:2px;overflow:hidden}.skill-groove-fill{height:100%;background:var(--amber-fill)}.popup-panel{position:absolute;top:46px;right:348px;width:360px;max-height:calc(100vh - 64px);background:#2c1c0f;border:2px solid var(--oak-border);border-radius:8px;box-shadow:0 6px 24px #000000bf;display:flex;flex-direction:column;z-index:85;overflow:hidden}.popup-panel.hidden{display:none!important}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1f1309;border-bottom:1px solid #3c2411}.popup-header-title{display:flex;align-items:center;gap:8px}#popup-selected-title{font-family:var(--font-title);font-size:.95rem;font-weight:800;color:var(--gold-bright)}.status-pill{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:3px;background:#276749;color:#c6f6d5}.popup-subtext{font-size:.72rem;color:var(--text-muted);padding:4px 12px;background:#24160c;border-bottom:1px solid #3c2411}.popup-body{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.popup-flavor-block{background:#201309;border:1px solid #3c2411;border-radius:6px;padding:8px 10px}.popup-flavor-block h4{font-family:var(--font-title);font-size:.85rem;color:var(--gold-main);margin-bottom:4px}.popup-flavor-block p{font-size:.75rem;color:var(--text-muted);line-height:1.35;margin-bottom:6px}.next-goal-row{font-size:.72rem;color:var(--gold-bright);font-weight:600}.popup-category-heading{font-family:var(--font-title);font-size:.8rem;font-weight:700;color:var(--text-muted);padding-bottom:3px;border-bottom:1px solid #3c2411}.popup-jobs-list{display:flex;flex-direction:column;gap:6px}.popup-job-item{background:#23160c;border:1px solid #3c2411;border-radius:5px;padding:8px 10px;cursor:pointer;transition:all .12s;display:flex;flex-direction:column;gap:4px}.popup-job-item:hover:not(.locked){background:#311f11;border-color:var(--gold-main)}.popup-job-item.selected{border-color:var(--gold-bright);background:#362213;box-shadow:0 0 6px #dfa6374d}.popup-job-item.locked{opacity:.55;cursor:not-allowed}.job-item-header{display:flex;align-items:center;justify-content:space-between}.job-name-wrap{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;color:var(--text-main)}.job-rate{font-size:.72rem;color:var(--text-muted)}.job-details{font-size:.72rem;color:var(--text-dim);line-height:1.3}.job-can-make{font-size:.72rem;color:var(--gold-bright);font-weight:600;text-align:right}.popup-footer{background:#1c1108;border-top:1px solid #3c2411;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.how-many-row{display:flex;align-items:center;justify-content:space-between}.how-many-label{font-size:.65rem;font-weight:800;letter-spacing:.05em;color:var(--text-dim)}.how-many-pills{display:flex;gap:4px}.qty-pill{background:#2b1c10;border:1px solid #4a301a;border-radius:3px;color:var(--text-muted);font-size:.72rem;font-weight:700;padding:2px 7px;cursor:pointer}.qty-pill:hover{background:#3d2716;color:var(--text-main)}.qty-pill.active{background:var(--gold-main);border-color:var(--gold-bright);color:#1a0f05}.popup-note{font-size:.68rem;color:var(--text-dim)}.popup-action-row{display:flex;gap:8px}.popup-action-row button{flex:1}.rpg-item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rpg-slot{aspect-ratio:1;background:#180f08;border:1px solid #3c2411;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;position:relative;cursor:pointer;transition:all .12s;box-shadow:inset 0 2px 4px #0009}.rpg-slot:hover{border-color:var(--gold-main);background:#24160c}.rpg-slot .item-name{font-size:.7rem;font-weight:600;text-align:center;line-height:1.1;word-break:break-word}.rpg-slot .item-qty{position:absolute;bottom:2px;right:4px;font-size:.68rem;font-weight:800;color:var(--gold-bright)}.rpg-slot.rarity-uncommon{border-color:#38a169}.rpg-slot.rarity-rare{border-color:#3182ce}.rpg-slot.rarity-epic{border-color:#805ad5}.rpg-slot.rarity-legendary{border-color:#d69e2e;box-shadow:0 0 6px #d69e2e66}.combat-stats-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;background:#1e1309;border:1px solid #3c2411;border-radius:4px;padding:8px;font-size:.78rem;margin-bottom:8px}.equipment-list{display:flex;flex-direction:column;gap:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200}.modal-backdrop.hidden{display:none!important}.modal-box{border:2px solid var(--oak-border);border-radius:8px;box-shadow:0 8px 30px #000000d9;padding:14px;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #3c2411}.modal-header h3,.modal-header h4{font-family:var(--font-title);color:var(--gold-bright)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#140c06}::-webkit-scrollbar-thumb{background:#4a301a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold-main)}@media(max-width:768px){#top-bar{padding:0 8px;height:36px}.online-indicator{display:none}.currencies{gap:6px}.parchment-card{top:42px;left:8px;width:calc(100vw - 64px);max-width:320px}.dark-oak-card{bottom:8px;left:8px;width:calc(100vw - 64px);max-width:340px}.drawer-panel{top:42px;right:48px;width:calc(100vw - 58px);max-width:320px;bottom:8px}.popup-panel{top:42px;right:48px;width:calc(100vw - 58px);max-width:340px;z-index:86}}.admin-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#d69e2e,#b7791f);color:#1a0f05;font-size:.65rem;font-weight:800;letter-spacing:.05em;padding:2px 6px;border-radius:4px;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:0 0 6px #d69e2e66}.chat-admin-badge{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,gold,#b7791f);color:#1a0f05;font-weight:800;font-size:.65rem;padding:1px 4px;border-radius:3px;margin-right:4px;vertical-align:middle;box-shadow:0 0 4px #ffd70080}.editor-tabs-bar{display:flex;background:#1c1108;border-bottom:1px solid var(--oak-border);overflow-x:auto}.editor-tab{flex:1;padding:8px 6px;font-size:.72rem;font-weight:700;text-align:center;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .12s;white-space:nowrap}.editor-tab:hover{color:var(--gold-bright);background:#dfa63714}.editor-tab.active{color:var(--gold-bright);border-bottom-color:var(--gold-bright);background:#dfa63726}.editor-tab-content{display:flex;flex-direction:column;gap:8px}.editor-tab-content.hidden{display:none!important}.editor-form-box{background:#1a1008;border:1px solid var(--gold-main);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px;box-shadow:inset 0 2px 6px #0009}.editor-form-box.hidden{display:none!important}.form-row{display:flex;flex-direction:column;gap:3px}.form-row label{font-size:.68rem;font-weight:700;color:var(--gold-main)}.form-row input,.form-row select,.form-row textarea{background:#120a05;border:1px solid var(--oak-border);border-radius:4px;padding:4px 8px;color:var(--text-main);font-size:.75rem;outline:none;font-family:inherit}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--gold-bright);box-shadow:0 0 5px #dfa6374d}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:6px}.form-row-2col label{font-size:.68rem;font-weight:700;color:var(--gold-main);display:block;margin-bottom:2px}.form-row-2col input,.form-row-2col select{width:100%;background:#120a05;border:1px solid var(--oak-border);border-radius:4px;padding:4px 8px;color:var(--text-main);font-size:.75rem;outline:none;box-sizing:border-box}.editor-entities-list{display:flex;flex-direction:column;gap:5px;max-height:calc(100vh - 280px);overflow-y:auto;padding-right:2px}.editor-entity-card{background:#201309;border:1px solid #3c2411;border-radius:4px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .12s}.editor-entity-card:hover{background:#2b1c10;border-color:var(--gold-main)}.editor-entity-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.editor-entity-title{font-size:.75rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-entity-meta{font-size:.68rem;color:var(--text-dim)}.editor-entity-actions{display:flex;gap:4px;flex-shrink:0}.btn-micro-edit{background:#2f2014;border:1px solid #4a3320;color:var(--gold-bright);padding:2px 6px;border-radius:3px;font-size:.68rem;font-weight:700;cursor:pointer}.btn-micro-edit:hover{background:#422d1c}.btn-micro-del{background:#3c1414;border:1px solid #5a1d1d;color:#feb2b2;padding:2px 6px;border-radius:3px;font-size:.68rem;font-weight:700;cursor:pointer}.btn-micro-del:hover{background:#5a1d1d}.npc-quest-card{background:#24160c;border:1px solid #4a301a;border-radius:5px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.npc-quest-title{font-size:.8rem;font-weight:700;color:var(--gold-bright)}.npc-quest-desc{font-size:.72rem;color:var(--text-muted);line-height:1.35}.npc-quest-rewards{font-size:.7rem;color:#a0aec0}