/* Original stone-and-bronze game chrome, inspired by classic desktop RPGs. */
:root{--bg:#171612;--panel:#494334;--raised:#5b5140;--line:#25221b;--gold:#f0cb70;--muted:#b9ae92;--text:#eadfbd;--green:#bac483;font-family:Tahoma,Arial,sans-serif}body{background:radial-gradient(ellipse at top,#38392d,#171711 75%)}h2,h3{font-family:Georgia,serif}button{font-family:Tahoma,Arial,sans-serif;text-shadow:1px 1px #191910}button:hover:not(:disabled){color:#fff8a4}.topbar{height:64px;background:linear-gradient(#35392c,#25291f);border-bottom:3px ridge #7e7854;padding:0 20px;box-shadow:0 3px 8px #0006}.brand{gap:10px}.brand-mark{font-size:39px}.brand h1{font-size:22px;letter-spacing:3.7px;color:#edda9c;text-shadow:2px 2px #1c2318}.brand div>span{font-size:9px;letter-spacing:3px}.world-status{font-size:12px;color:#cdbb8c;display:flex}.world-status .connected{color:#c7d690}.top-actions{gap:10px}.top-actions>span{font-size:10px}.icon-btn{border:2px ridge #7b7357;background:linear-gradient(#59513c,#3b372b);border-radius:0;width:30px;height:30px;font-size:18px}.online-join{border:2px outset #8c7a4d;background:linear-gradient(#76603c,#56442b);padding:7px 12px;font-size:12px;color:#ffe38d}.game-layout{grid-template-columns:minmax(0,1fr) 266px;gap:0;padding:12px;max-width:1740px}.play-column{display:flex;flex-direction:column;padding-right:8px}.world-frame{height:calc(100vh - 260px);min-height:460px;max-height:1000px;border:5px ridge #756d51;border-radius:0;box-shadow:0 0 0 1px #151610,0 4px 14px #0007;background:#8a9c79}.world-frame #world{position:relative;z-index:1}.world-frame #world3d{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}.world-frame>.location,.world-frame>.quest-tracker,.world-frame>.hover-tip,.world-frame>.toasts,.world-frame>.target-card,.world-frame>.world-footer{z-index:2}.location{top:16px;left:18px}.location .overline{font-size:9px;letter-spacing:1.5px}.location h2{font-size:26px;color:#fff1be;text-shadow:1px 2px 2px #262d1b}.location>span:last-child{font-size:11px}.quest-tracker{top:102px;left:17px;width:214px;padding:10px 12px;border-left:2px solid #cdb879;background:#20251bcc;box-shadow:1px 2px 8px #1113}.quest-tracker strong{color:#ffdf81;font-size:13px;text-shadow:1px 1px #172012}.quest-tracker p{font-size:11px;color:#e0d9be}.quest-tracker .overline{font-size:9px;color:#cfbf8f}.world-footer{background:linear-gradient(transparent,#182319b3);padding:25px 14px 10px;font-size:12px;color:#f1ead1}.world-footer button{color:#e7d7a8;font-size:11px}.hover-tip{background:#1a1d16ed;border:1px solid #ad9870;color:#ffffa0;border-radius:0;box-shadow:2px 2px 3px #0004}.sidebar{background:repeating-linear-gradient(0deg,#4a4436 0px,#4a4436 3px,#484232 4px);border:5px ridge #81775a;border-radius:0;min-height:0;height:calc(100vh - 88px);overflow:visible;box-shadow:1px 3px 10px #0007}.radar-wrap{height:207px;flex-shrink:0;background:radial-gradient(ellipse at center,#4c5140 38%,#373a2c 40%,#565444 68%,#2c2c23);position:relative;border-bottom:5px ridge #81765a;display:flex;align-items:center;justify-content:center}.map-button{position:relative;right:auto;top:auto;width:184px;height:184px;border:6px ridge #9b8b5d;border-radius:50%;background:#29372c;box-shadow:0 0 0 3px #303023,2px 4px 8px #0007;overflow:hidden;display:block;padding:0}.map-button canvas{display:block;width:174px;height:157px;image-rendering:pixelated;position:absolute;left:-1px;top:0}.map-button>span{position:absolute;bottom:4px;left:12px;right:12px;font-size:8px;background:#272e22c9;letter-spacing:1px;padding:5px 0;border:0}.map-button kbd{font-size:8px}.compass-n{position:absolute;left:8px;top:8px;display:grid;place-items:center;border:3px ridge #8f8158;background:#252b22;border-radius:50%;width:36px;height:36px;color:#e8cc7c;font:bold 18px Georgia;z-index:2}.players-button{position:absolute;right:6px;bottom:10px;width:45px;height:54px;border:3px ridge #8d815d;background:#3c3e2d;display:flex;flex-direction:column;align-items:center;border-radius:25px 25px 8px 8px;z-index:2;gap:0}.players-button>span{font-size:17px;line-height:18px;color:#c7d394}.players-button b{font-size:12px;color:#ffff86}.players-button small{font-size:8px;color:#c8c4aa}.player-card{padding:9px 10px;gap:9px;min-height:68px;background:linear-gradient(#4e4939,#403c2f)}.portrait{width:34px;height:42px;font-size:28px;border:2px ridge #a09568;background:#3c412e;border-radius:0;color:#d4ca8f}.player-card h2{font-size:20px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f9df90}.player-card .overline{font-size:8px;color:#bdb397;letter-spacing:1.1px}.combat-tag{font-size:10px;color:#cebd93}.coins{right:8px;top:11px;font-size:11px;color:#ffff72}.tabs{background:#3a3328;border:3px ridge #8c8060;min-height:46px;flex-shrink:0}.tabs button{color:#cfbe91;padding:6px 0;font-size:10px;background:linear-gradient(#5c5140,#40372a);border-right:2px groove #827354;text-shadow:1px 1px #21170f}.tabs button:last-child{border:0}.tabs button>span{display:block;font-size:20px;line-height:21px;color:#d6b778;text-shadow:1px 2px #241d15}.tabs button.active{background:linear-gradient(#7b6744,#675534);color:#fff695;box-shadow:inset 0 0 8px #c1a25240}.tabs button.active>span{color:#f1d16c}.tabs button.active:after{display:none}.panel{padding:11px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#96825a #363023;min-height:0;flex:1}.panel-heading{color:#f3d688;font-size:10px;text-shadow:1px 1px #292316;margin-bottom:10px;letter-spacing:.7px}.panel-heading span:last-child{color:#c0b496}.inventory-grid{gap:5px}.slot{height:42px;background:#393526a3;border:1px solid #72664b;border-top-color:#302a20;border-left-color:#302a20;border-radius:0}.slot.has-item:hover{border-color:#dbc170;background:#76654270}.slot canvas{width:35px;height:35px}.slot .quantity{color:#ffff65;font-size:11px;text-shadow:1px 1px #252715;left:3px;right:auto;top:2px;bottom:auto}.slot.uncommon{border-color:#859161}.slot.rare{border-color:#909da2}.slot.epic{border-color:#b297b4}.equipment-section{border-top:2px groove #86775a;padding-top:12px;margin-top:13px}.equipment-row{gap:7px;padding:5px 0}.equipment-row canvas{width:29px;height:29px;border:1px solid #756b4d;background:#363426;border-radius:0}.equipment-row strong{color:#e5d8ae;font-size:11px}.equipment-row small{font-size:9px;color:#b1a180}.equipment-row>span{font-size:10px}.stats-row{font-size:10px;border-top:1px solid #74664a;color:#c6ba95;padding-top:9px;margin-top:7px}.stats-row b{color:#ffde72}.sidebar-foot{padding:7px 10px;font-size:10px;background:#3a392b;border-top:3px ridge #84785b;color:#d0bd8c;flex-shrink:0}.sidebar-foot p>span{color:#aaa283}.action-bar{padding:7px 8px;background:linear-gradient(#4d4838,#393629);border:3px ridge #7f7658;gap:11px;margin-top:5px}.health-block{width:113px}.health-block>span{font-size:19px;color:#d95840;text-shadow:1px 1px #23120c}.health-block b{color:#f4e3bb;font-size:11px}.health-track{height:7px;background:#331d12;border:1px solid #201a12;border-radius:0}.health-track div{background:linear-gradient(#d07251,#a7422b)}.abilities{gap:6px}.abilities button{border:2px outset #827351;background:linear-gradient(#61563f,#463e2c);border-radius:0;font-size:11px;padding:5px 8px;min-height:41px;color:#edda9e}.abilities small{font-size:9px;color:#cab993}.abilities .ability-icon{font-size:22px;color:#dec180}.abilities kbd{font-size:9px}.abilities button:active:not(:disabled){border-style:inset}#stop-btn{font-size:10px;color:#dcc795}.event-panel{margin-top:5px;background:#c6bc9f;border:4px ridge #8c805f;border-radius:0;min-height:116px;box-shadow:1px 2px 7px #0006}.log-title{background:#4e4b38;border-bottom:2px ridge #9a8a63;padding:5px 9px;font-size:10px;color:#f2d68e;letter-spacing:.7px}.log-title .hint{font-size:9px;color:#c0b796}.log{height:70px;color:#302f20;padding:5px 10px;font-family:Tahoma,Arial,sans-serif;font-size:12px;line-height:1.65}.log-entry span{color:#797151;font-size:10px}.log-entry.quest{color:#30531e}.log-entry.loot{color:#694d16}.log-entry.danger{color:#8e3121}.chat-footer{font-size:10px;color:#736344;display:flex;justify-content:space-between;padding:5px 10px;border-top:1px solid #a3987b;gap:10px}.skill-card{padding:12px 0;border-bottom:2px groove #827456}.skill-top h3{font-family:Tahoma,Arial;font-size:13px;color:#f5d994}.skill-top small{font-size:10px;color:#c7b993}.skill-symbol{color:#e3c26f}.skill-level{font-size:24px;color:#ffff82;text-shadow:1px 2px #29251c}.xp-track{background:#27281c;border:1px solid #272215;height:6px;border-radius:0}.xp-track>div{background:linear-gradient(#b5b373,#85984b)}.xp-label{color:#cfc09b}.quest-card{background:#3437285e;border:1px solid #766949;border-radius:0;padding:11px;margin-bottom:10px}.quest-card h3{font-size:17px;color:#ffdc72;text-shadow:1px 1px #242017}.quest-card p{font-size:12px;color:#daceab}.quest-card small{font-size:9px;color:#bfb38b}.quest-card button{font-size:11px;color:#fff079}.quest-card.complete h3{color:#a7c477}.progress-objective{color:#e2d6b4;font-size:11px}.panel-note{color:#cabc99;font-size:12px}.target-card{border:3px ridge #91825c;border-radius:0;background:#363826e8;bottom:47px;color:#ffed96;font-family:Georgia;font-size:14px}.target-card .bar{background:#261c14;height:7px}.target-card small{color:#cabc99}.toasts{top:18px}.toast{border:3px ridge #9c8b5b;background:#343b28ee;border-radius:0}.toast b{color:#ffe897;font-size:20px}.toast small{color:#d3cfad}dialog{background:repeating-linear-gradient(0deg,#504a38,#504a38 3px,#4e4736 4px);border:6px ridge #ab9967;border-radius:0;padding:22px;color:#edddb2;box-shadow:5px 10px 40px #0009}.modal-heading{border-bottom:2px groove #9c8c62;padding-bottom:14px}.modal-heading h2{color:#ffdf7b;text-shadow:1px 2px #292415;font-size:28px}.modal-heading .overline{color:#c6b78e}#modal-body p{color:#e0d1aa;font-size:14px}.primary-btn,.secondary-btn{border:3px outset #af9860;border-radius:0;background:linear-gradient(#8a7247,#665333);color:#ffea98;text-shadow:1px 1px #423216;padding:10px 14px;font-weight:400}.primary-btn:hover:not(:disabled){background:linear-gradient(#9c8557,#7c673e);color:#fff9c1}.secondary-btn{background:linear-gradient(#585240,#403d2d);border-color:#8b805c;color:#ded1ac}.reward-box{background:#373b29;color:#e6d094;border-color:#ba9c56}.shop-row{border-color:#7c6c4d}.shop-row button{border:2px outset #9d8c5e;background:#71613f;border-radius:0;color:#ffe396}.shop-row small{color:#bdb18c}.help-row{border-color:#75674c;color:#e1d2ae}.field-label{display:block;font-size:13px;color:#f0d493;margin:15px 0 7px}input,select{width:100%;font:16px Tahoma;color:#fff0c2;background:#2e3225;border:2px inset #93815a;padding:10px 12px;border-radius:0}input:focus,select:focus{outline:2px solid #d8c17d}.error-message{color:#ffae8d!important;font-size:12px!important;min-height:16px;margin:8px 0!important}kbd{border-color:#918566;color:#ded0ae;border-radius:0;background:#3e3b2c}
@media(min-width:1500px){.game-layout{grid-template-columns:minmax(0,1fr) 296px;gap:0}.slot{height:48px}.sidebar{min-height:0}.radar-wrap{height:216px}.map-button{width:193px;height:193px}.map-button canvas{width:183px;height:168px}}
@media(max-width:1050px){.game-layout{grid-template-columns:minmax(0,1fr) 244px;padding:8px}.world-status{display:none}.topbar{padding:0 12px}.world-frame{min-height:470px}.radar-wrap{height:188px}.map-button{width:169px;height:169px}.map-button canvas{width:159px;height:143px}.player-card h2{font-size:18px}.quest-tracker{width:188px;left:12px;padding:8px 10px}.location{left:12px}.location h2{font-size:23px}.abilities .ability-icon{font-size:17px}.health-block{width:80px}.action-bar{gap:8px;padding:5px}.abilities button{padding:4px}.slot{height:40px}.sidebar{height:calc(100vh - 80px)}}
@media(max-width:760px){.topbar{height:59px}.brand h1{font-size:19px}.brand-mark{font-size:30px}.brand div>span{font-size:8px}.top-actions>span{display:none}.top-actions{gap:6px}.online-join{font-size:10px;padding:6px}.game-layout{display:flex;padding:5px;gap:6px}.play-column{padding:0}.world-frame{height:60vh;min-height:400px;border-width:4px}.sidebar{height:auto;min-height:0;display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto 1fr}.radar-wrap{grid-column:1;grid-row:1/3;height:116px;border:0;border-right:3px ridge #83775a}.map-button{width:99px;height:99px;border-width:4px}.map-button canvas{width:91px;height:83px;left:0}.map-button>span{font-size:5px;bottom:0;left:5px;right:5px}.map-button kbd{display:none}.compass-n{width:22px;height:22px;font-size:12px;left:2px;top:2px;border-width:2px}.players-button{height:37px;width:31px;bottom:1px;right:0;border-width:2px}.players-button>span{font-size:10px;line-height:12px}.players-button b{font-size:9px}.players-button small{font-size:6px}.player-card{grid-column:2;padding:7px 10px;min-height:67px}.player-card h2{font-size:19px}.player-card .coins{top:14px;right:10px}.tabs{grid-column:2;min-height:48px}.panel{grid-column:1/-1;max-height:460px;padding:10px}.inventory-grid{grid-template-columns:repeat(7,1fr);gap:6px}.slot{height:46px}.equipment-row{width:49%;display:inline-flex}.sidebar-foot{display:none}.chat-footer{font-size:8px}.log-title .hint{display:block;font-size:8px}.quest-tracker{top:91px;width:176px}.location h2{font-size:22px}.quest-tracker strong{font-size:12px}.quest-tracker p{font-size:10px}.world-footer{font-size:10px}.abilities button{font-size:10px}.abilities .ability-icon{display:none}.health-block{width:74px}.toasts{top:auto;bottom:92px}.event-panel{min-height:115px}.log{height:69px}.slot canvas{width:37px;height:37px}}