@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--obsidian:#080d10;--charcoal:#10191d;--panel:#0c1519f0;--border:#7d775e66;--gold:#d6b77c;--gold2:#9e7b46;--mint:#9ec8b1;--muted:#71818a;--ivory:#efe6d3;--red:#cd5c48;--cyan:#6cbbd7}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#070d0e;color:var(--ivory);font-family:Inter,Arial,sans-serif;font-size:13px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold)}[hidden]{display:none!important}#world{display:block;width:100vw;height:100vh;background:#121e1d;cursor:crosshair}.vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 24%,#02090c3d 70%,#020507ba 100%);z-index:1}.topline{position:fixed;top:0;left:0;right:0;height:69px;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(#071014ed,#0c151ac7 85%,transparent);border-bottom:1px solid #ad96672d}.brand{display:flex;align-items:center;gap:11px}.brand-rune{height:43px;width:43px;border:1px solid #97846388;display:grid;place-items:center;border-radius:50%;font-size:29px;color:#d8b98b;box-shadow:0 0 16px #d7a25d12,inset 0 0 12px #dbb17b22}.brand-top{font-size:8px;letter-spacing:2.9px;color:#999a8e}.brand-main{font-family:Cinzel,Georgia,serif;letter-spacing:3.1px;font-size:20px;font-weight:700;white-space:nowrap}.brand-main span{color:#e9c286}.brand-main b{font:600 8px Inter;letter-spacing:2px;vertical-align:top;margin-left:8px;color:#abcbbb}.top-center{font-size:10px;letter-spacing:2px;color:#e8d1a9;font-weight:700}.top-center .diamond{color:#dfc48a}.coordinates{color:#91a19c;font-size:9px;letter-spacing:1px;margin-left:22px}.server-status{display:flex;align-items:center;gap:12px;color:#96b3a8;font-size:10px;letter-spacing:1px}.server-status #liveDot{width:7px;height:7px;background:#5fdba3;border-radius:100%;box-shadow:0 0 12px #63e8ae}.server-status .divider{opacity:.35}.server-status .latency{color:#d4c094}.portrait-panel{position:fixed;top:86px;left:30px;z-index:3;display:flex;gap:14px;align-items:center;width:282px}.avatar-portrait{height:63px;width:63px;border-radius:5px;background:radial-gradient(circle at 45% 36%,#a9a29266,#1b262b 65%,#080f13);box-shadow:0 0 0 1px #b0925766,inset 0 0 12px #02080a;display:grid;place-items:center}.avatar-portrait span{font-size:33px;color:#efc88a}.character-details{flex:1}.character-name{font:600 14px Cinzel,serif;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.level-chip{font:700 8px Inter;color:#e9c58b;border:1px solid #91794d;padding:4px}.class-label{font-size:9px;letter-spacing:1px;color:#a1afab;margin:7px 0 10px}.xp-progress{height:4px;background:#253133;border-radius:2px;overflow:hidden}.xp-progress div{height:100%;width:0;background:linear-gradient(90deg,#a28249,#e5c58b);transition:width .3s}.stat-label{display:flex;justify-content:space-between;font-size:8px;color:#8da19b;letter-spacing:1px;margin-top:6px}.quest-panel{position:fixed;z-index:3;top:210px;left:27px;width:272px;padding:18px 17px;background:linear-gradient(110deg,#0a1114ed,#101b1dd9);border:1px solid #7c7b664f;box-shadow:0 12px 38px #0006;backdrop-filter:blur(9px)}.mini-heading{font:800 10px Inter;letter-spacing:1.4px;color:#cfb37c;display:flex;align-items:center;gap:8px}.mini-heading span{font-size:15px}.mini-heading small{color:#738682;margin-left:auto;font-size:9px}.quest-panel h3{font:600 15px Cinzel,serif;line-height:1.55;letter-spacing:.2px;margin:15px 0 8px;color:#f0dfbb}.quest-panel p{color:#9fa9a4;line-height:1.8;font-size:11px;margin:0}.quest-divider{height:1px;background:linear-gradient(90deg,#bfa36a77,transparent);margin:19px 0}.quest-task{display:flex;gap:10px;margin:12px 0;color:#bfcbc2;font-size:11px;line-height:1.6}.task-mark{color:#d3b77f}.quest-task b{color:#e4c48a}.thin-button{width:100%;border:1px solid #b1996b45;color:#cab68f;background:#a2937020;height:32px;font-size:9px;letter-spacing:1.2px;margin-top:14px}.thin-button:hover{background:#ad976741}.party-stack{border-top:1px solid #bda46b30;margin-top:23px;padding-top:18px}.roster{padding-top:9px;display:flex;flex-direction:column;gap:6px;max-height:97px;overflow-y:auto}.roster-entry{display:flex;justify-content:space-between;color:#c5d2c6;font-size:10px;padding:4px 0}.roster-entry span{color:#83a799}.muted{color:#7d8987;font-size:11px}.objectives-top{position:fixed;z-index:2;top:102px;left:50%;transform:translateX(-50%);text-align:center;color:#e6cf9d;letter-spacing:2.6px;font:600 14px Cinzel,serif;text-shadow:0 1px 15px #000}.objectives-top span{color:#729282}.objectives-top small{display:block;margin-top:5px;font:700 8px Inter;letter-spacing:2px;color:#a7b4a4}.controls-right{position:fixed;z-index:4;top:205px;right:26px;display:flex;flex-direction:column;gap:9px}.controls-right button{height:60px;width:64px;border:1px solid #947b534e;background:#0b1217e0;color:#dbbd86;font-size:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;backdrop-filter:blur(6px)}.controls-right button span{font-size:8px;letter-spacing:.8px;color:#bdc0af}.controls-right button:hover{border-color:var(--gold);background:#3c3326dd}.chat-window{position:fixed;z-index:4;left:28px;bottom:126px;width:293px;height:175px;background:linear-gradient(155deg,#0b1318da,#101d20e8);border:1px solid #a49a7054;display:flex;flex-direction:column;box-shadow:0 7px 30px #01040680;backdrop-filter:blur(8px)}.chat-tabs{height:35px;display:flex;align-items:center;gap:12px;padding:0 13px;border-bottom:1px solid #ae9c7252;color:#7e9991;font-size:9px;letter-spacing:1px}.chat-tabs .chat-active{color:#e9c88f}.chat-tabs #chatPartyLabel{margin-left:auto}.chat-log{overflow-y:auto;flex:1;padding:9px 13px;color:#c4cec5;line-height:1.7;font-size:10px}.chat-log div{margin-bottom:5px;overflow-wrap:anywhere}.chat-log .system-text{color:#d2bd8c}.chat-log .message-author{color:#8ec9c1}.chat-log::-webkit-scrollbar,.roster::-webkit-scrollbar{width:4px}.chat-log::-webkit-scrollbar-thumb,.roster::-webkit-scrollbar-thumb{background:#7e7458}#chatForm{height:34px;border-top:1px solid #a69f7140;display:flex;align-items:center;padding:0 7px;color:var(--gold)}#chatForm input{flex:1;width:40px;background:transparent;color:#dfe6dc;border:0;font-size:10px;outline:0;padding:6px 10px}#chatForm button{border:0;color:var(--gold);background:none;font-size:17px}.bottom-hud{position:fixed;z-index:4;left:50%;transform:translateX(-50%);bottom:30px;display:flex;align-items:end;gap:19px}.orb-block{display:flex;flex-direction:column;align-items:center;gap:6px}.orb{width:116px;height:116px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:100%;border:5px solid #5e5140;box-shadow:0 0 0 2px #be9a62,inset 0 0 24px #0c040aee,0 9px 28px #000c;color:#fff;overflow:hidden}.orb-health{background:radial-gradient(circle at 39% 35%,#ed8178 1%,#a6212d 33%,#2e0812 77%,#070709 100%)}.orb-mana{background:radial-gradient(circle at 39% 35%,#83d5f2 1%,#126bac 39%,#081c48 77%,#060c1c 100%)}.orb-shine{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 35% 19%,#ffffff63,transparent 43%);pointer-events:none}.orb-value{z-index:1;font:500 26px Cinzel,serif;text-shadow:0 2px 9px #000c}.orb-caption{z-index:1;font-size:8px;letter-spacing:2px;margin-top:5px;color:#f8dcd2}.orb-sub{color:#d9c3a1;font-size:9px;letter-spacing:1px;text-shadow:0 0 8px #000}.action-center{min-width:514px;background:linear-gradient(#101c20ef,#081115f7);border:1px solid #a699765c;box-shadow:0 12px 32px #000a;padding:10px 15px 9px;margin-bottom:8px}.action-caption,.action-footer{display:flex;justify-content:space-between;align-items:center;letter-spacing:1.1px}.action-caption{font-size:10px;color:#dfc391;margin-bottom:8px;font-weight:700}.action-caption .action-hint{color:#79918b;font-size:8px}.skillbar{display:flex;align-items:center;gap:7px;justify-content:center}.skill{width:70px;height:76px;background:linear-gradient(160deg,#273638,#0a1116);border:1px solid #95836180;position:relative;color:var(--ivory);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .08s,border-color .08s}.skill:hover{transform:translateY(-3px);border-color:#e1ba6d}.skill:active{transform:translateY(1px)}.skill-symbol{font-size:26px;text-shadow:0 0 16px #e29d7577;color:#e6bc80}.skill-symbol.gold{color:#fed091}.skill-symbol.blue{color:#8fd6f2}.skill-symbol.mint{color:#8bd8bd}.skill-symbol.red{color:#e98278}.skill .key{position:absolute;top:5px;left:7px;font-size:10px;color:#e5cba1}.skill-name{font-size:8px;color:#a8b5ab;letter-spacing:1px}.skill-separator{height:51px;width:1px;background:#b198663b;margin:0 1px}.action-footer{margin-top:8px;gap:15px;font-size:7px;color:#7b9991}.bottom-watermark{position:fixed;z-index:3;bottom:10px;left:28px;font-size:8px;letter-spacing:1px;color:#899492a1}.bottom-watermark span{margin-left:30px}.modal-backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(5px);z-index:12;display:grid;place-items:center;padding:20px}.game-modal{background:linear-gradient(135deg,#111e21,#0a1218);border:1px solid #9d845b;box-shadow:0 22px 90px #000e;width:min(730px,96vw);max-height:83vh;display:flex;flex-direction:column}.modal-header{height:81px;border-bottom:1px solid #b59a6f48;padding:17px 27px;display:flex;justify-content:space-between;align-items:center}.modal-header small{color:#839e92;font-size:8px;letter-spacing:2px}.modal-header h2{margin:6px 0 0;color:#e9cb95;font:600 21px Cinzel,serif;letter-spacing:2px}.close-button{width:36px;height:36px;color:#dac19c;background:#111b1e;border:1px solid #9d86665c}.modal-content{padding:27px;overflow:auto}.item-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.item-slot{height:69px;background:#111d20;border:1px solid #5c6b6570;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px;color:#a49b76;position:relative}.item-slot:hover{border-color:#dcb87b}.item-slot small{font-size:7px;max-width:65px;overflow:hidden;white-space:nowrap;color:#b7c0b8}.item-slot.rare{border-color:#c8a355}.item-slot.magic{border-color:#6d94bc}.item-slot.unique{border-color:#d38b50}.info-text{color:#acb6a9;font-size:11px;line-height:1.8}.block-head{font:600 13px Cinzel,serif;color:#e2c494;letter-spacing:1px;margin:8px 0 18px}.passive-area{position:relative;height:425px;overflow:auto;border:1px solid #5c635a6b;background:radial-gradient(ellipse at 50% 50%,#1b2d2d,#090f13 70%)}.passive-canvas{position:absolute;left:50%;top:50%;width:700px;height:560px;transform:translate(-50%,-50%)}.passive-node{position:absolute;width:45px;height:45px;border-radius:50%;border:2px solid #72694c;background:#152325;display:flex;align-items:center;justify-content:center;color:#af9574;font-size:19px;transform:translate(-50%,-50%);z-index:1;box-shadow:0 0 15px #000a}.passive-node.owned{background:radial-gradient(#50482b,#101d21);border-color:#dfc17a;color:#f3d5a0;box-shadow:0 0 15px #e8b76b59}.passive-node.available{border-color:#aabf9a;box-shadow:0 0 12px #6fbb9a66}.passive-label{position:absolute;color:#c9bda0;font-size:8px;white-space:nowrap;transform:translate(-50%,29px);pointer-events:none}.passive-svg{position:absolute;inset:0}.gem-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:13px}.gem-card{padding:17px;background:#162327;border:1px solid #73867e57;text-align:left;color:var(--ivory);min-height:124px}.gem-card.socketed{border-color:#d2b06e;background:#313025}.gem-card strong{display:block;margin:9px 0;color:#ebd3ad}.gem-card small{display:block;color:#a7b8b2;font-size:10px;line-height:1.6}.gem-swatch{font-size:25px}.character-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stat-card{border:1px solid #7f80634a;padding:18px;background:#162225}.stat-card .stat-number{font:600 23px Cinzel,serif;color:#f1d7a6}.stat-card label{display:block;color:#9caea4;font-size:9px;letter-spacing:1.5px;margin-top:9px}.map-area{width:100%;height:360px;position:relative;background:repeating-linear-gradient(0deg,#19302d,#19302d 29px,#1a3630 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#acc9a21a 30px);border:1px solid #70856c6b;overflow:hidden}.map-landmark{position:absolute;transform:translate(-50%,-50%);background:#22352f;color:#dfc391;border:1px solid #ae9d675e;padding:10px 12px;font-size:9px;text-align:center}.map-self{position:absolute;transform:translate(-50%,-50%);font-size:24px;color:#e6c37f;text-shadow:0 0 13px #e5b565}.party-input{width:100%;background:#0c181c;color:var(--ivory);border:1px solid #968663;padding:12px;margin:10px 0}.gold-button{color:#0c1314;background:#d3b27c;padding:12px 15px;border:0;font-size:10px;font-weight:800;letter-spacing:1px}.join-screen{z-index:30;position:fixed;inset:0;display:grid;place-items:center;background:#080f12}.join-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#2c34302a,#081013 68%),repeating-linear-gradient(133deg,#9c85530c 0px,#9c85530c 1px,transparent 1px,transparent 29px)}.join-card{position:relative;width:min(585px,95vw);text-align:center;padding:24px 30px 31px;background:linear-gradient(#0e1a1cdb,#081114e9);border:1px solid #977e584f;box-shadow:0 15px 120px #000c}.overline{color:#bcb297;font-size:9px;letter-spacing:3.8px}.join-symbol{color:#e4bc7e;font-size:70px;margin:13px 0 4px;text-shadow:0 0 30px #deae5a55}.join-card h1{font:700 49px Cinzel,serif;letter-spacing:3px;margin:0;color:#f0e8d4}.join-card h1 em{font-style:normal;color:#d7aa73}.join-subtitle{font-size:10px;letter-spacing:2.2px;color:#95a99b;margin-top:12px}.intro{font:400 13px Georgia,serif;font-style:italic;line-height:1.6;color:#adb9ac;margin:23px 0 28px}.join-card label{display:block;text-align:left;letter-spacing:1.6px;font-size:9px;color:#d7c4a2;margin:15px 0 10px;font-weight:700}#nameInput{height:45px;width:100%;background:#0d181b;color:#f5e8d6;border:1px solid #86775b;padding:0 15px;text-align:center;letter-spacing:1px}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.class-card{height:98px;border:1px solid #5e736d7a;background:#101d20;color:#d7ddd0;display:flex;flex-direction:column;align-items:center;justify-content:center}.class-card.selected{border-color:#deb97c;background:#302e25;box-shadow:inset 0 0 19px #cfac6733}.class-icon{font-size:24px;color:#e0bd8a}.class-card strong{font:600 12px Cinzel,serif;margin-top:5px;letter-spacing:.7px}.class-card small{font-size:9px;color:#9fafa7;margin-top:4px}.enter-button{height:49px;width:100%;background:linear-gradient(100deg,#a4824f,#f0cd93,#a88756);border:0;color:#10181b;font:800 11px Inter;letter-spacing:2px;margin-top:23px}.enter-button:hover{filter:brightness(1.1)}.enter-button span{font-size:19px;margin-left:10px;vertical-align:middle}.join-error{height:15px;margin-top:9px;color:#e38d7d;font-size:11px}.join-foot{display:flex;justify-content:space-between;color:#829b8e;font-size:8px;letter-spacing:.3px;border-top:1px solid #8e87613c;margin-top:13px;padding-top:17px}.toast-container{position:fixed;z-index:20;top:83px;right:105px;display:flex;flex-direction:column;gap:8px}.toast{background:#101c1ff2;border:1px solid #a18b63;color:#e8d3af;padding:12px 18px;box-shadow:0 5px 25px #0008;font-size:11px;max-width:290px}.join-screen.invisible{display:none}
@media(max-width:1100px){.quest-panel{width:215px;top:190px;left:14px}.portrait-panel{left:16px}.chat-window{left:14px;width:225px}.controls-right{right:12px}.controls-right button{height:53px;width:55px}.action-center{min-width:455px;padding:10px}.skill{width:61px}.orb{width:100px;height:100px}.top-center{display:none}}
@media(max-width:760px){.topline{height:55px;padding:0 12px}.brand-main{font-size:15px}.brand-main b,.brand-top,.server-status .latency,.server-status .divider,.bottom-watermark,.quest-panel,.portrait-panel,.controls-right button span,.action-footer,.action-caption,.objectives-top{display:none}.brand-rune{height:33px;width:33px;font-size:23px}.server-status{font-size:8px}.controls-right{top:66px;right:7px;gap:5px}.controls-right button{width:39px;height:39px;font-size:20px}.chat-window{bottom:143px;left:6px;width:200px;height:105px}.chat-tabs{height:25px}.chat-log{font-size:9px;padding:4px}.bottom-hud{bottom:15px;gap:5px;width:100%;justify-content:center}.action-center{min-width:0;width:min(420px,70%);padding:5px;margin-bottom:12px}.skillbar{gap:2px}.skill{width:calc((100% - 20px)/6);min-width:0;height:57px}.skill-symbol{font-size:17px}.skill-name{font-size:6px}.skill .key{font-size:8px}.orb{width:68px;height:68px;border-width:3px}.orb-value{font-size:16px}.orb-caption{font-size:7px}.orb-sub{font-size:7px}.class-grid{gap:4px}.join-card{padding:15px}.join-card h1{font-size:33px}.join-symbol{font-size:49px}.join-foot{font-size:6px}.modal-content{padding:13px}.item-grid{grid-template-columns:repeat(5,1fr)}.character-stats{grid-template-columns:repeat(2,1fr)}}

/* Account mode for cloud-hosted persistent characters. Hidden in local guest demo. */
#accountFields:not([hidden]){margin:4px 0 14px;padding:12px 14px 14px;background:#0b1619;border:1px solid #8570494f}
#accountFields input{width:100%;height:37px;padding:0 12px;background:#0b1418;border:1px solid #8c8062;color:#f5ead9}
#accountFields label{margin:9px 0 5px}
.account-toggle{display:block;width:100%;background:transparent;color:#d7b782;border:0;text-decoration:underline;padding:12px 4px 4px;font-size:10px;letter-spacing:.8px}
.account-note{color:#9dbda9;font-size:10px;line-height:1.6}
.join-card{max-height:94vh;overflow-y:auto}

/* v4: expanded skills, forging, local-persistent multiplayer mode */
.playable-tag{font:700 9px Arial,sans-serif;letter-spacing:1.2px;color:#8ed1ae;margin:12px 0 0}
.class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.skillbar{flex-wrap:wrap;max-width:960px;margin:auto}.skill{height:67px;width:62px}.advanced-skill{background:linear-gradient(145deg,#263037,#151724)}
.action-center{min-width:660px}.bottom-hud{max-width:100%;pointer-events:auto}.bottom-hud .skill-separator{display:none}
.forge-row{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #63776b43;padding:8px 0}
.forge-item{flex:1;color:#d4cebb;font-size:12px}.forge-item small{display:inline-block;color:#91aa9b;margin-left:10px}.forge-item.rare{color:#eac686}.forge-item.unique{color:#df945d}.forge-item.magic{color:#8bbff0}
.small-gold,.small-outline{font:700 9px Arial;letter-spacing:.6px;border:1px solid #ab926c;padding:9px;background:#bfa175;color:#17201d;cursor:pointer}
.small-outline{background:#172224;color:#cab997}.small-gold:disabled{opacity:.35;cursor:not-allowed}.quest-claim:disabled{opacity:.45}
@media(max-width:1100px){.action-center{min-width:0;width:70%;}.skill{width:52px;height:56px}.skill-symbol{font-size:19px}}
@media(max-width:760px){.class-grid{grid-template-columns:repeat(2,1fr)}.action-center{width:76%;min-width:0}.skill{width:calc((100% - 20px)/8);height:41px}.advanced-skill .skill-name{display:none}.skillbar{gap:2px}.forge-row{flex-wrap:wrap}.forge-item{min-width:100%}.bottom-hud{bottom:10px}.chat-window{bottom:150px}}

/* MMO Expansion v5: real transactional marketplace & seasonal ladder */
.mmo-banner{border:1px solid #a58e6080;background:linear-gradient(110deg,#302a20,#152b2b);padding:20px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mmo-banner strong{font:600 20px Cinzel,Georgia,serif;color:#f1d39c}.mmo-banner small{color:#a3c5b6;font-size:10px}
.mmo-price{min-width:80px;text-align:right;color:#e4c17b;font-weight:800}
.market-price{width:82px;background:#09171b;border:1px solid #ad986e;color:#ead7b5;padding:8px}
.mmo-milestones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.mmo-milestone{border:1px solid #8b805b;background:#152625;padding:13px 7px;display:flex;align-items:center;gap:10px;flex-direction:column}
.mmo-milestone strong{font:600 19px Cinzel;color:#ebc88e}.mmo-milestone span{font-size:8px;color:#a9c0ae}
.mmo-challenges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mmo-challenge{padding:11px 12px;border:1px solid #566c6560;background:#111e21;display:flex;flex-direction:column;gap:8px}
.mmo-challenge span{color:#dccfb1;font-size:11px}.mmo-challenge small{color:#8fa7a1;font-size:9px}
.mmo-challenge.complete{border-color:#a8984e;background:#242e25}.mmo-challenge.complete small{color:#d6bf76}
@media(max-width:700px){.mmo-milestones{grid-template-columns:repeat(3,1fr)}.mmo-challenges{grid-template-columns:1fr}.mmo-banner{flex-wrap:wrap}}

.passive-canvas{position:relative;left:auto;top:auto;transform:none;width:1200px;height:850px}

/* Single-machine developer-only Game Master quick access. */
.gm-local-controls{border:1px solid #9e826558;background:linear-gradient(115deg,#211f1bc9,#1d2925bb);padding:14px 18px;margin:15px auto 0;max-width:470px;border-radius:10px;text-align:left;color:#d8c7aa}
.gm-local-controls[hidden]{display:none!important}
.gm-login-title{font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:10px;color:#edc789}
.gm-local-controls label{font-size:10px;letter-spacing:1.7px;display:block;margin-bottom:5px}
.gm-pin-row{display:flex;gap:10px;align-items:center}
.gm-pin-row input{width:60%;padding:12px;border:1px solid #665c47;color:#eee;background:#101c19;border-radius:5px}
.gm-pin-row button{cursor:pointer;padding:12px 10px;background:#c3a67a;color:#191b18;font-weight:700;border:none;border-radius:5px}
.gm-control-link{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:1px;color:#d3bd91;text-decoration:underline}

.logout-button{position:fixed;right:22px;top:74px;z-index:30;width:auto;padding:8px 14px;background:#14231eee}.logout-button[hidden]{display:none}@media(max-width:800px){.logout-button{top:60px;right:8px;font-size:9px}.join-card{max-height:95dvh;overflow-y:auto}.join-screen{padding:10px}}

/* Keep combat controls on one row on desktop and clear space for the playfield. */
.action-center{min-width:0;width:680px;padding:10px 12px}.skillbar{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;flex-wrap:nowrap}.skill{width:100%;height:62px}.bottom-hud{bottom:25px}.chat-window{bottom:163px;height:145px}.quest-panel{top:185px;max-height:calc(100dvh - 510px);overflow-y:auto}.quest-panel .thin-button{flex-shrink:0}.logout-button{z-index:15}
@media(max-height:800px) and (min-width:761px){.quest-panel p,.quest-divider{display:none}.quest-panel h3{margin:10px 0}.quest-panel .thin-button{margin-top:8px}.party-stack{margin-top:12px;padding-top:12px}}
@media(max-width:1100px){.action-center{width:min(600px,calc(100vw - 250px))}.skill{height:54px}.skill-name{font-size:7px}.bottom-hud{gap:10px}.quest-panel{max-height:calc(100dvh - 485px)}}
@media(max-width:760px){.action-center{width:calc(100vw - 160px);min-width:0;padding:5px}.skillbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.skill{height:40px;width:100%}.bottom-hud{bottom:10px;gap:5px}.chat-window{bottom:125px;height:100px;width:190px}.quest-panel{display:none}.logout-button{max-width:180px}}
@media(max-width:760px) and (max-height:500px){.controls-right{flex-direction:row;top:60px}.chat-window{height:70px;width:175px}.logout-button{top:55px;right:auto;left:7px}.bottom-hud{bottom:4px}}