:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e7e4da;background:#101b24;--gold:#c7af77;--muted:#95a3a8;--panel:rgba(17,29,37,.97);--line:#ffffff14;--ui-scale:1;color-scheme:dark;font-size:calc(14px * var(--ui-scale))}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff1c;color:#dfdfd5;background:#24333b;border-radius:4px;padding:10px 16px;transition:background .16s,border-color .16s,transform .16s}button:hover:not(:disabled){background:#35454b;border-color:#c4b17e8c}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b9ddeb;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}input,select{width:100%;background:#10212b;border:1px solid #5b6a704d;color:#e4e6e1;border-radius:4px;min-height:42px;padding:10px 12px}input[type=color]{padding:3px;width:55px;min-height:32px;height:32px}input[type=checkbox]{width:19px;min-height:19px;accent-color:var(--gold)}input[type=range]{padding:0;accent-color:var(--gold)}label{display:block;font-size:.8rem;color:#b6c0c0;letter-spacing:.02em}label input,label select{margin-top:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h2{font-size:2.5rem;line-height:1.1;margin-bottom:16px}h3{font-size:1.3rem;margin-bottom:9px}p{line-height:1.65}small{font-size:.74rem;color:var(--muted);line-height:1.5}strong{font-weight:500}em{font-style:normal;color:var(--gold)}[hidden]{display:none!important}.primary{background:#c7b17c;border-color:#c7b17c;color:#17252c;font-weight:600}.primary:hover:not(:disabled){background:#dec991;border-color:#dec991}.outline{border-color:#9b8a5e88;background:#bfad7310;color:#d6c395}.ghost{background:transparent;border-color:transparent;color:#a4b2b5}.small{padding:6px 10px;font-size:.78rem}.round{padding:0;min-width:38px;height:38px;border-radius:50%;font-size:1.2rem}.full{width:100%}.muted{color:var(--muted)}.gold{color:#d6bc7c;white-space:nowrap}.eyebrow,.section-label{letter-spacing:.19em;color:var(--gold);font-size:.7rem;margin-bottom:12px;font-weight:600}.notice{font-size:.8rem;background:#7d929712;border:1px solid #93a5a81a;border-left:2px solid #8b9fa05c;padding:12px 16px;line-height:1.65;color:#aabbbd;margin:18px 0}.hint{color:#879a9f;font-size:.76rem;line-height:1.6;margin-top:16px}.small-text{font-size:.82rem}.footer-row,.button-row,.toolbar,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.button-row{justify-content:flex-start;flex-wrap:wrap}.toolbar{margin:20px 0;flex-wrap:wrap}.toolbar>input{flex:1;min-width:150px}.toolbar>select{width:auto}.compact-label{display:flex;gap:12px;align-items:center}.compact-label select{margin:0;width:75px}.panel-heading{margin:0 0 15px}.panel-heading h3{margin:0}.panel-heading select{width:auto;max-width:58%}.bar{height:4px;background:#263a43;overflow:hidden;border-radius:3px}.bar i{display:block;height:100%;background:var(--gold);transition:width .2s}.bar.health i{background:#a3b58b}.bar.prayer i{background:#75a8c5}.bar.attack-speed i{background:#c2a269}#world{position:absolute;inset:0}#scene{display:block;width:100%;height:100%;outline:0;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;background:#101d26e8;border:1px solid #78878054;color:#ddd9bd;padding:5px 9px;border-radius:3px;font-size:10px;letter-spacing:.055em;white-space:nowrap;box-shadow:0 3px 8px #0004}.world-label:active{transform:translate(-50%,-100%)!important}.world-label.gate-label{color:#b4dcf4;border-color:#78b5db88;background:#162c3bef;padding:7px 13px}.world-label.enemy{color:#dbb3a4;font-size:9px}.world-label.resource{color:#bdcbb5;font-size:9px}.world-label.depleted{color:#849292;opacity:.65}.world-label.landmark{color:#dcc58f}#screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#screen>*{pointer-events:auto}body[data-screen=login] #world:after,body[data-screen=worlds] #world:after,body[data-screen=characters] #world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1824fc 0%,#0b1824de 20%,#0b182450 60%,#0b182418);pointer-events:none}body[data-screen=worlds] #world:after,body[data-screen=characters] #world:after{background:#0b1824aa;backdrop-filter:blur(3px)}body[data-screen=login] #world{left:15%;width:100%}.landing{position:absolute;left:7%;top:12%;width:510px;max-width:45vw}.edition{font-size:.67rem;letter-spacing:.2em;color:#b5b7ad;display:flex;gap:25px}.edition span{color:#647d8b}.landing h1{font-size:clamp(50px,6.6vw,105px);line-height:.95;letter-spacing:.035em;margin:35px 0 24px}.gold-line{width:60px;height:1px;background:var(--gold);margin-bottom:28px}.tagline{font-family:Georgia,serif;font-size:1.9rem;line-height:1.4;margin-bottom:20px}.intro{font-size:.94rem;color:#9caeb7;line-height:1.7}.landing form{margin-top:30px}.join{display:flex;gap:9px;margin-top:9px}.join input{min-width:0;flex:1}.join button{white-space:nowrap;padding:14px 21px}.join button span{margin-left:20px}.local-note{font-size:.65rem;line-height:1.8;color:#6f8794;margin-top:16px;letter-spacing:.025em}.landing-caption{position:absolute;bottom:6%;right:6%;text-align:right;pointer-events:none!important}.landing-caption span{font-size:.64rem;color:#bbbdad;letter-spacing:.2em}.landing-caption p{font-family:Georgia,serif;font-size:1.2rem;margin-top:12px;color:#ced1c6}.shell-card{background:#13232dec;border:1px solid #b4ae8e33;border-radius:7px;padding:36px;width:480px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0006}.shell-card.wide{width:840px}.shell-card>h2{font-size:2.8rem}.world-head{display:grid;grid-template-columns:1fr 200px 130px;font-size:.65rem;letter-spacing:.12em;color:#728994;padding:12px 6px;border-bottom:1px solid var(--line)}.world-row{display:grid;grid-template-columns:1fr 200px 130px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line)}.world-name{display:flex;align-items:center;gap:12px}.world-name h3{margin:0 0 5px}.star{background:transparent;border:0;padding:5px;color:var(--gold);font-size:20px}.online{font-size:.74rem;color:#9cb7a3}.shell-card>.footer-row{margin-top:24px;font-size:.75rem;color:#7d939f}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.character-cards article{background:#1c303a;border:1px solid #ffffff0d;padding:25px 16px;text-align:center;display:flex;flex-direction:column;align-items:center}.character-seal{height:85px;width:85px;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--accent),#182a34);border:1px solid #bbab7555;font-size:2.8rem;font-family:Georgia,serif;display:grid;place-items:center;margin-bottom:20px}.character-cards p{font-size:.8rem;color:#abbdc4;margin-bottom:5px}.character-cards small{margin-bottom:25px}.character-cards button{margin-top:auto;width:100%}.new-character>span{font-size:55px;color:#9fa67e;margin:15px}.new-character h3{font-size:1.15rem}.new-character p{margin-bottom:25px}.creator-card{position:absolute;right:6%;width:390px}.creator-title{position:absolute;left:6%;top:15%;width:300px;pointer-events:auto}.creator-title h2{font-size:3.2rem;line-height:1.2}.creator-title p{color:var(--muted)}.creator-title button{margin:10px 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.color-field{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-field input{margin:0}.creator-card h2{font-size:2.1rem}.creator-card .notice{margin:20px 0;font-size:.76rem}body[data-screen=creator] #world{right:300px}#game-ui{position:absolute;inset:0;pointer-events:none}#game-ui button,#game-ui input,#game-ui select,#sidebar{pointer-events:auto}#hud{position:absolute;top:0;left:0;right:0;height:83px;padding:18px 25px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0d1b25f5,#0d1b25c9,transparent)}.location{display:flex;gap:14px;align-items:center}.location-emblem{width:43px;height:43px;border:1px solid #d5c69255;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:1.9rem}.location small{font-size:.61rem;letter-spacing:.12em;color:#a8b6b5}.location h2{font-size:1.65rem;margin:5px 0 0}.hud-right{display:flex;gap:22px;align-items:center}.rank-hud{display:flex;flex-direction:column;text-align:right;gap:4px}.rank-hud>span{color:#d4c4a1;font-size:.82rem}.rank-hud small{font-size:.65rem}.hud-right>.gold{font-size:1rem;padding-left:20px;border-left:1px solid #8f9b8b44}#sidebar{position:absolute;right:18px;top:100px;bottom:155px;width:286px;background:rgba(15,28,36,.94);border:1px solid #8e9a8b33;border-radius:5px;display:flex;flex-direction:column;box-shadow:0 8px 30px #0003}#tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}#tabs button{background:transparent;border:0;border-radius:0;padding:12px 3px 10px;color:#80969f;border-bottom:2px solid transparent;display:flex;flex-direction:column;gap:5px}#tabs button.active{background:#c2ae7612;border-bottom-color:var(--gold);color:#ddca9a}#tabs span{font-size:1.3rem}#tabs small{font-size:.58rem;color:inherit}#side-content{padding:17px;overflow:auto;flex:1}#side-content h3{font-size:1.2rem}#side-content .panel-heading{align-items:flex-start;gap:5px;flex-direction:column}#side-content small{font-size:.68rem}#minimap{position:absolute;top:100px;left:22px;width:150px;padding:10px;background:#101f29d9;border:1px solid #8c9c8d33;border-radius:4px;text-align:center;pointer-events:auto}.minimap-title{display:flex;justify-content:space-between;font-size:.59rem;letter-spacing:.08em;color:#adb9b7}.minimap-title span{color:var(--gold)}#minimap svg{display:block;width:120px;height:120px;margin:5px auto}#minimap small{font-size:.6rem}.map-link{border:0;background:none;padding:0;font-size:.6rem;color:#c9bd9b}#journal{position:absolute;left:22px;bottom:22px;width:295px;padding:13px 16px;background:linear-gradient(90deg,#111f28e8,#111f28b0);border-left:1px solid #929c824d}.journal-heading{font-size:.6rem;letter-spacing:.08em;color:#a5b3b1;margin-bottom:10px;display:flex;justify-content:space-between}.journal-heading span{font-size:.5rem;color:#657b88}#journal p{font-size:.69rem;line-height:1.4;color:#a7b7ba;margin:6px 0}#journal p:last-child{color:#d6c69e}#actionbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:475px;background:#10202ae8;border:1px solid #81917e38;border-radius:5px;padding:12px 15px}.vitals{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.vitals>div{display:grid;grid-template-columns:1fr auto;gap:5px}.vitals span{font-size:.55rem;letter-spacing:.1em;color:#91a49f}.vitals b{font-size:.63rem;font-weight:400}.vitals .bar{grid-column:span 2;height:4px}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.ability{display:flex;flex-direction:column;align-items:center;position:relative;padding:8px 4px 6px;background:#26383f6e;border-color:#728b8c33}.ability kbd{position:absolute;top:4px;left:5px;color:#82989f;font-size:.6rem;font-family:inherit}.ability span{font-family:Georgia,serif;font-size:.95rem}.ability small{font-size:.55rem;margin-top:3px}.ability.active{border-color:#96bfd2;background:#39556870}.gate-ability{background:#b8a36c15;border-color:#c8b07859;color:#d8c492}.control-hint{font-size:.55rem;color:#748c96;text-align:center;margin-top:9px;letter-spacing:.05em}#target-hint{position:absolute;top:90px;left:50%;transform:translateX(-50%);text-align:center;max-width:45%}.event-pill{padding:7px 12px;background:#352b37c9;color:#d5badb;border:1px solid #aa83ad3d;border-radius:30px;font-size:.6rem;letter-spacing:.035em;display:inline-block}.event-pill.normal{background:#152831b8;color:#9bb8ba;border-color:#84989a22;font-size:.52rem}.damage-pop{display:block;margin-top:18vh;font-size:1.7rem;color:#edc6a3;font-family:Georgia,serif;text-shadow:1px 3px 5px #000}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.item-cell{position:relative;aspect-ratio:1;border:1px solid #6e827f33;border-radius:3px;background:#23373e77;padding:7px}.item-cell .item-icon{width:100%;height:100%}.item-cell>span{position:absolute;right:4px;bottom:2px;color:#cfc6a8;font-size:.65rem}.item-cell.empty{background:#182a3280;border-color:#5d77751a}.item-cell.selected{border-color:#c4af75;background:#bba16922}.item-detail{margin-top:18px;text-align:center;padding:17px 4px;background:#21323a66;border:1px solid #ffffff09}.item-detail>.item-icon{width:50px;height:50px}.item-detail h3{font-size:1.1rem}.item-detail p{font-size:.75rem;color:#9db1b8;margin-bottom:6px}.item-detail .button-row{justify-content:center;margin-top:14px}.item-icon{flex-shrink:0;width:42px;height:42px}.item-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.item-row>div:not(.empty-slot){flex:1;display:flex;flex-direction:column;gap:4px}.item-row strong{font-size:.82rem}.item-row .item-icon{width:32px;height:32px}.equipment-list .item-row{gap:9px;padding:7px 0}.equipment-list strong{font-size:.75rem}.empty-slot{width:32px;text-align:center;color:#597079;font-size:1.5rem}.stat-pair{display:flex;gap:15px;margin:17px 0;font-size:.75rem;color:#9fb0b4}.stat-pair b{color:#d0c39d;margin-left:7px}.skill-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin:14px 0;font-size:.78rem}.skill-row b{color:#d9c697;font-weight:400}.skill-row .bar{grid-column:span 2}.skill-row>small{grid-column:span 2;text-align:right}.contract-mini{padding:15px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.contract-mini strong{font-family:Georgia,serif;font-size:1.12rem;line-height:1.4}.contract-mini p{font-size:.75rem;color:#a8b7b6;margin:0}#modal-root{position:absolute;inset:0;pointer-events:none;z-index:10}.modal-backdrop{position:absolute;inset:0;background:#07121bb5;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:25px}.modal{width:780px;max-width:95vw;max-height:90vh;background:linear-gradient(140deg,#192a35,#101f29);border:1px solid #aeab814d;border-radius:6px;position:relative;box-shadow:0 30px 100px #0008;overflow:hidden}.modal-body{padding:34px;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:12px;top:10px;z-index:1;padding:3px 10px;border:0;background:transparent;color:#a8b6b8;font-size:24px}.modal h2{margin-bottom:20px}.modal-body>h3{margin-top:24px}.gate-modal{width:900px}.gate-summary{display:flex;align-items:center;gap:22px;margin:20px 0 26px;color:#a4b7b9;font-size:.8rem}.rank-badge{border:1px solid #c5af7759;padding:8px 16px;border-radius:3px;background:#b69b5c14;color:#d9c38d;font-family:Georgia,serif;font-size:1.05rem}.gate-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.floor-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.floor{padding:7px 0;font-size:.72rem;background:#304842;border:1px solid #96b39b44;border-radius:2px;color:#d1dccd}.floor.locked{background:#20313a;color:#71858e;border-color:#52697244}.floor.unauthored{opacity:.25}.floor.selected{background:#b9a57329;border-color:#d0b77c;color:#e8d5a3}.floor-legend{display:flex;gap:12px;color:#7d9399;font-size:.61rem;margin:14px 0}.floor-detail{padding:20px;background:#20323b55;border:1px solid #8a989529;border-radius:3px}.floor-detail h3{font-size:1.8rem}.floor-detail>p{font-size:.82rem;color:#a9b9bc;line-height:1.6}.floor-detail>small{display:block;text-align:center;font-size:.62rem;margin-top:12px}.detail-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:.8rem;gap:15px}.detail-line span{color:#8fa5ae}.detail-line b{font-weight:400;color:#cfbd93}.event-banner{display:flex;align-items:center;gap:18px;border:1px solid #aa8bbd3b;background:#8c6bac0e;padding:16px 20px;margin-top:25px}.event-symbol{font-size:2.5rem;color:#ad97c7}.event-banner>div{flex:1}.event-banner h3{font-size:1.2rem;margin-bottom:5px;color:#d0bbd9}.event-banner p{font-size:.73rem;color:#9c9daf;margin:0}.event-banner small{font-size:.65rem;color:#b6a6c5}.rank-progress{display:flex;align-items:center;gap:20px;padding:15px 0}.rank-progress>div{flex:1}.rank-progress strong{font-size:.8rem}.rank-progress .bar{margin:10px 0}.rank-ladder{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 25px}.rank-ladder span{font-size:.7rem;color:#637c8a;padding:6px 9px;border:1px solid #667a8429}.rank-ladder .earned{color:#d5c293;border-color:#b9a1685c;background:#b6a06513}.contract-row{padding:16px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.contract-row>div:first-child{flex:1;display:flex;flex-direction:column;gap:9px}.contract-row strong{font-size:1.15rem;font-family:Georgia,serif}.contract-row .bar{max-width:340px}.bank-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.bank-columns h3 small{margin-left:10px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shop-grid article{border:1px solid #78908b2b;padding:18px;background:#23363e60;border-radius:3px}.shop-grid .item-icon{width:58px;height:58px;margin-bottom:10px}.shop-grid h3{font-size:1.1rem;min-height:2.3em}.shop-grid small{display:block;min-height:2.5em}.shop-grid .footer-row{margin-top:15px}.recipe-row{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.recipe-row>div{flex:1;display:flex;flex-direction:column;gap:6px}.recipe-row strong{font-family:Georgia,serif;font-size:1.15rem}.recipe-row p{margin:0;font-size:.73rem}.have{color:#a5b89c}.missing{color:#c58c7c}.market-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.market-form>button{grid-column:4;margin-top:5px}.market-form select{min-width:0}table{border-collapse:collapse;width:100%;font-size:.78rem}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:.68rem;color:#849ca8;font-weight:400;text-transform:uppercase;letter-spacing:.08em}td{color:#c1c5b9}details{margin-top:25px}summary{cursor:pointer;color:#9eb0b6;font-size:.82rem;padding:10px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin-bottom:24px}.settings-grid>label{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:20px;border-bottom:1px solid var(--line)}.settings-grid input,.settings-grid select{margin:0;width:auto;max-width:50%}.keybind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.keybind-grid input{width:50px;display:block}.button-like{padding:10px 16px;border:1px solid #9b8a5e88;border-radius:4px;cursor:pointer;color:#d6c395;font-size:1rem;background:#bfad7310}.journal-entry{font-size:.82rem;color:#a6b5b7;border-bottom:1px solid var(--line);padding-bottom:10px}#toast{position:absolute;left:50%;bottom:175px;transform:translateX(-50%) translateY(15px);max-width:80%;padding:13px 22px;border:1px solid #b7a8786b;border-radius:4px;background:#21313bf5;color:#ded4b9;opacity:0;pointer-events:none;z-index:30;font-size:.86rem;transition:.2s;box-shadow:0 8px 25px #0005}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#toast.error{border-color:#bd857566;color:#e5b6a8}.loading{position:absolute;inset:0;background:#0c1924f5;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.loading-mark{font-size:70px;color:#bba571;margin-bottom:20px}.loading h2{font-size:2.5rem}.loading p{color:#8da4b0;font-size:.85rem}.loading-track{width:180px;height:2px;background:#30414a;margin-top:20px;overflow:hidden}.loading-track i{display:block;background:#b6a570;width:40%;height:100%;animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.high-contrast{--muted:#c1d0d3;--panel:#081922;--line:#7f969b55}.high-contrast .world-label{background:#06131c;color:#fff}.high-contrast #sidebar{background:#081821}.high-contrast .muted,.high-contrast small{color:#bdcdd2}.reduced-motion *{animation:none!important;transition:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#475c66;border-radius:4px}::-webkit-scrollbar-track{background:#11202a}
@media(min-width:1250px){body[data-screen=game] #world{right:285px}#actionbar{left:calc(50% - 65px)}}
@media(max-height:740px){.landing{top:7%}.landing h1{font-size:68px;margin:22px 0 18px}.tagline{font-size:1.5rem;margin-bottom:10px}.gold-line{margin-bottom:18px}.landing form{margin-top:20px}.landing-caption{bottom:3%}.creator-title{top:10%}.modal-body{padding:26px}.shell-card{padding:26px}.creator-card{max-height:95vh}#sidebar{top:85px;bottom:145px}#minimap{top:85px}#journal{width:260px}#actionbar{width:435px;padding:10px}.event-banner{margin-top:17px}.floor{padding:5px 0}}
@media(max-width:1050px){#sidebar{width:245px;right:12px}#side-content{padding:12px}#minimap{width:125px;left:12px}#minimap svg{width:100px;height:100px}#journal{width:240px;left:12px}#actionbar{left:50%;width:420px}#hud{padding:15px}.hud-right{gap:12px}.creator-card{right:3%}.creator-title{left:4%;width:200px}.creator-title h2{font-size:2.6rem}.landing{left:5%;max-width:49vw}.join{flex-wrap:wrap}.join button{width:100%}.landing-caption{max-width:30%}.gate-layout{gap:16px}.modal-body{padding:25px}}
@media(max-width:760px){:root{font-size:13px}.landing{top:8%;max-width:85vw;width:440px;left:7%}.landing h1{font-size:68px}.landing .intro{display:none}.landing-caption{display:none}body[data-screen=login] #world{left:0}body[data-screen=login] #world:after{background:linear-gradient(90deg,#0b1824ed,#0b182498)}.join{flex-wrap:nowrap}.join button{width:auto}.shell-card{padding:24px;max-width:94vw}.world-row{grid-template-columns:1fr auto;gap:15px}.world-row .online{display:none}.world-head{display:none}.character-cards{grid-template-columns:repeat(2,1fr)}.creator-title{display:none}.creator-card{right:3%;width:48%;padding:18px}body[data-screen=creator] #world{right:45%}.form-grid{grid-template-columns:1fr;gap:10px}.creator-card .notice{font-size:.66rem}.creator-card h2{font-size:1.7rem}.creator-card select{min-height:34px;padding:6px}.creator-card{max-height:94vh}#sidebar{width:205px;top:80px;bottom:175px;right:8px}#side-content{padding:10px}#hud .rank-hud{display:none}.location h2{font-size:1.2rem}.location small{font-size:.5rem}.location-emblem{width:32px;height:32px}.hud-right{gap:7px}.hud-right>.gold{font-size:.8rem;padding-left:0;border:0}.hud-right .round{min-width:30px;height:30px;font-size:1rem}#minimap{top:80px;width:92px;left:8px;padding:6px}#minimap svg{width:75px;height:75px}#minimap small{display:none}.minimap-title{font-size:.45rem}#target-hint{top:75px;left:35%;max-width:30%}.event-pill.normal{font-size:.45rem}#journal{display:none}#actionbar{width:calc(100% - 32px);bottom:12px;left:50%}.actions{gap:5px}.ability span{font-size:.85rem}.world-label{font-size:8px;padding:4px 6px}.world-label.resource,.world-label.enemy{font-size:8px}.gate-layout{grid-template-columns:1fr}.gate-summary{gap:10px;flex-wrap:wrap}.floor-grid{gap:5px}.floor{padding:8px 0}.gate-summary span{font-size:.75rem}.event-banner{padding:13px;gap:10px;flex-wrap:wrap}.event-symbol{display:none}.event-banner h3{font-size:1.1rem}.event-banner .outline{width:100%}.bank-columns{gap:16px}.item-row{gap:7px;flex-wrap:wrap}.bank-columns .item-row button{margin-left:36px}.shop-grid{grid-template-columns:repeat(2,1fr)}.market-form{grid-template-columns:1fr 1fr}.market-form>button{grid-column:span 2}.settings-grid{grid-template-columns:1fr}.modal-body{padding:24px 18px}.modal h2{font-size:2rem}.modal-backdrop{padding:10px}.modal{max-width:98vw;max-height:94vh}.modal-body{max-height:94vh}.recipe-row{gap:10px}.recipe-row strong{font-size:1rem}.recipe-row .item-icon{width:30px}.recipe-row .outline{padding:8px}.contract-row{gap:12px}.contract-row strong{font-size:1rem}.contract-row button{padding:8px 10px;font-size:.75rem}#toast{bottom:160px;width:max-content;max-width:90vw}.rank-ladder{gap:4px}.rank-ladder span{font-size:.6rem;padding:5px}.inventory-grid{gap:4px}.item-cell{padding:4px}.keybind-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:450px){.join{flex-wrap:wrap}.join button{width:100%}.landing h1{font-size:64px}.landing{top:7%}.tagline{font-size:1.5rem}.edition{font-size:.55rem}.character-cards{grid-template-columns:1fr}.character-cards article{padding:18px}.character-seal{height:55px;width:55px;font-size:2rem;margin-bottom:10px}#sidebar{width:174px}.inventory-grid{grid-template-columns:repeat(4,1fr)}#tabs small{font-size:.46rem}.equipment-list .item-row strong{font-size:.67rem}.equipment-list .item-icon{width:25px}.location h2{font-size:1.1rem}.location-emblem{display:none}.hud-right>.gold{font-size:.72rem}.creator-card{width:52%}.shop-grid article{padding:12px}.keybind-grid{gap:8px}.bank-columns{grid-template-columns:1fr}.bank-columns section{border-bottom:1px solid var(--line);padding-bottom:15px}.modal h2{font-size:1.9rem}.guild-summary{font-size:.7rem}}
/* 0.2: the world owns the viewport; panels are optional overlays. */
body[data-screen=game] #world{inset:0;width:auto}body[data-screen=game] #scene{width:100%;height:100%}#sidebar{display:none;top:92px;bottom:205px;right:18px;width:285px}body.side-open #sidebar{display:flex}#tabs{position:relative}.close-side{position:absolute!important;right:0;top:-24px;padding:0 8px!important;height:22px;background:#182b34!important}#quick-panels{position:absolute;right:18px;bottom:18px;display:flex;gap:5px;pointer-events:auto}.quick-tab{font-size:.72rem;background:#162b34e6;padding:9px 12px;border-color:#a9ac833b}#actionbar{left:50%;width:460px;bottom:18px;background:#132b32e8}#journal{bottom:28px;width:280px;background:#142831d9;max-height:130px;overflow:hidden}#minimap{left:auto;right:18px;top:90px;width:176px;padding:10px;background:#132c33e0;border-color:#a5ac8544}body.side-open #minimap{right:322px}#minimap svg{width:152px;height:152px;margin-top:8px}.camera-controls{display:flex;justify-content:space-between;gap:4px}.camera-controls .small{font-size:11px;padding:5px 9px;background:#1c343c}.location h2{font-size:1.5rem}#target-hint{top:87px;left:50%;max-width:45%;pointer-events:auto}.combat-target{width:230px;padding:10px 15px;background:#132831e8;border:1px solid #afaa7c44;border-radius:3px;margin:0 auto 9px;text-align:left}.combat-target strong{font-family:Georgia,serif;display:block;margin-bottom:4px}.combat-target small{display:block;margin-bottom:6px}.damage-pop{margin-top:24vh;font-family:Arial,sans-serif;font-size:1.9rem;font-weight:700}.damage-pop.miss{color:#a9c4d5;font-size:1.1rem}.tether-pill{display:block;background:#273b4ddc;padding:6px;color:#a7cde2;font-size:11px;margin-top:7px}.world-label{font-size:11px;letter-spacing:0;background:#142b32db;border-color:#c7be8540;padding:5px 9px}.building-label{font-family:Georgia,serif;font-size:14px;color:#e1d3ad;background:#142b32b0}.npc-label{font-size:12px;color:#e9d49a;border-color:#c9ad6a77}.world-label.enemy,.world-label.resource{font-size:11px}.world-tooltip,.world-context{position:absolute;z-index:8;background:#10262eef;border:1px solid #b3af7866;padding:10px 13px;color:#e0d8b8;font-size:12px;max-width:270px;box-shadow:0 5px 20px #0006;pointer-events:none}.world-context{pointer-events:auto;min-width:220px;padding:8px}.world-context small{display:block;color:#829e9b;padding:3px 7px 8px}.world-context button{display:block;width:100%;background:none;border:0;text-align:left;padding:9px;font-size:12px}.guild-tabs{display:flex;gap:7px;margin:2px 0 26px;border-bottom:1px solid var(--line);padding-bottom:14px}.guild-tabs button{font-size:.78rem}.npc-dialogue{font-family:Georgia,serif;color:#bdbca0;font-style:italic;font-size:1.1rem;line-height:1.7;padding-left:16px;border-left:2px solid #9d9a6f66}.task-card{background:#263e422f;padding:20px;border:1px solid #a6b18a40;margin:18px 0}.task-card .button-row{margin-top:18px}.slayer-mini{border-left:2px solid #b5a0ca;padding-left:10px;margin-bottom:14px}.global-events{margin-top:28px}.event-card{padding:18px;border:1px solid #827f9455;background:#6273870a;display:flex;gap:20px;align-items:center;margin-top:12px}.event-card>div{flex:1}.event-card h3{margin-bottom:8px;font-size:1.4rem}.event-card p{font-size:.82rem;color:#a3b7bb}.event-card .eyebrow{font-size:.6rem}.event-card.live{background:#829ba412;border-color:#92ada151}.event-card .event-rewards{color:#c7b98f;margin:10px 0;font-size:.74rem}.event-card strong{font-size:.75rem;color:#b9ccbb}.town-map{display:block;width:100%;max-height:57vh;background:#203736;border:1px solid #a8b28b55}.town-map g{cursor:pointer}.town-map g:hover rect{stroke:#fff;stroke-width:2}.map-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.map-destinations button{font-size:.75rem;text-align:left;padding:8px}.stat-pair{flex-wrap:wrap}.gate-modal .floor-detail{align-self:start}#hud{background:linear-gradient(#10232dee,#10232d9f,transparent)}body[data-screen=creator] #world{right:300px}.event-pill{cursor:pointer}.actions{grid-template-columns:repeat(4,1fr)}.control-hint{font-size:.52rem}body[data-screen=game] #world:after{display:none}
@media(max-width:1250px){#journal{width:215px}#actionbar{width:410px;bottom:55px}#quick-panels{right:50%;transform:translateX(50%);white-space:nowrap}#minimap{width:145px}#minimap svg{width:120px;height:120px}body.side-open #minimap{display:none}#sidebar{bottom:215px}}
@media(max-width:760px){#minimap{right:9px;top:80px;width:108px;padding:6px}#minimap svg{width:90px;height:90px}.minimap-title{font-size:.55rem}.camera-controls .small{font-size:10px;padding:3px 6px}#sidebar{right:9px;top:80px;bottom:220px;width:230px}#actionbar{bottom:54px;width:calc(100% - 24px)}#quick-panels{bottom:12px;gap:4px}.quick-tab{font-size:10px;padding:8px 10px}#target-hint{left:40%;top:80px;max-width:45%}.event-pill{font-size:9px;padding:5px 7px}.combat-target{width:170px;font-size:11px}.world-label.enemy,.world-label.resource{font-size:10px}.building-label{font-size:12px}.guild-tabs{gap:4px}.guild-tabs button{padding:9px 6px;font-size:10px}.event-card{flex-direction:column;align-items:stretch;gap:12px}.event-card button{width:100%}.map-destinations{grid-template-columns:repeat(2,1fr)}.location h2{font-size:1.15rem}.damage-pop{margin-top:21vh}.npc-dialogue{font-size:1rem}body[data-screen=creator] #world{right:45%}}
/* 0.3: warm stone, wood and cloth; compact game chrome around the playable world. */
:root{--bg:#25291f;--panel:#292c22;--line:#c1af7c30;--muted:#aaa78b;--gold:#c6b27b}body{background:#25291f;color:#e1ddc8}.shell-card,.modal{background:#282c25f7;border-color:#9d906b80;box-shadow:0 12px 50px #111b}.shell-card .notice,.modal .notice,.contract-mini .notice{background:#b3a0740c;border-color:#9d906b44;color:#babba5}button{border-color:#9c90654f}button.primary{background:#c0a369;color:#27291f;border-color:#d0ba85}button.outline{border-color:#b8a27377;color:#d6c191}button.ghost:hover,button.small:hover{background:#b4a17120}input,select{background:#1e251e;color:#dedbc4;border-color:#9e956449}label{color:#c3c5ad}.eyebrow,.edition{color:#c1b17f}.muted,.hint{color:#b1b29b}.local-note{color:#b5b99d}.landing{max-width:440px}.landing h1{color:#e5dfbc}.landing h1 em{color:#c3b17d}.landing .intro{color:#bfc5ad}#hud{background:linear-gradient(#24291fed,#24291f99,transparent)}#actionbar,#sidebar,#minimap,#journal{background:#282d24ed;border-color:#a49a6c66;box-shadow:0 2px 12px #1114}#actionbar{width:460px;padding:12px 14px}#actionbar .vitals{gap:12px}.vitals span{color:#b7bca2}.actions .ability{background:#36392b;border-color:#9b92614a}.actions .ability.active{background:#5c6540}#tabs button{background:#34392b}#tabs button.active{background:#53583b;color:#e6ddba}.quick-tab,.camera-controls .small{background:#30362be8;border-color:#a99c6b5a;color:#d6d2b5}.movement-row{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:8px;color:#9fa68b;letter-spacing:.05em}.run-toggle{padding:5px 9px;font-size:10px;background:#353c2d;border:1px solid #a599653f;white-space:nowrap}.run-toggle.active{color:#e5cd86;border-color:#bcab6eaa;background:#555e37}.world-label{background:#2b3022e6;border-color:#b1a17055;color:#e1d9b6}.building-label{font-size:13px;text-shadow:0 1px 2px #000;background:#303324a8;border-color:#9e946e44}.npc-label{background:#323722e8;color:#ddd09f}.world-label.enemy{color:#e2bb92}.world-label.resource{color:#c6d3a0}.world-tooltip,.world-context{background:#252c20f5;border-color:#b6a16b88;color:#e0d8b9}.world-context button:hover{background:#89945c25}.combat-target{background:#303728ed;border-color:#a89a6877}.item-cell{background:#252d22;border-color:#8d8d6840}.item-cell.selected{background:#58603a;border-color:#d0b476}.item-cell.empty{background:#232b211a}.inventory-grid{gap:5px}.item-row{border-color:#b3ac7330}.world-row,.character-cards article,.contract-row{border-color:#a59a683e}.floor{background:#30392b;border-color:#86875e55}.floor.selected{background:#606945;border-color:#c3b079}.floor.locked{opacity:.6}.floor-detail,.floor-grid{border-color:#9b95674d}.event-card.live{background:#94a25c16;border-color:#b6b17877}.event-pill{background:#4e5636eb;color:#e5d4a3;border-color:#b7b16c77}.tether-pill{background:#4c4b50e8;color:#d0c7df}.loading{background:#222b21fa}#toast{background:#30392cf5;border-color:#a79f6d88;color:#e0dbc0}.bar.attack-speed i{background:#bda968}.high-contrast .world-label{background:#111b10;color:#fff}.high-contrast #sidebar{background:#101b11}
body[data-screen=creator] #world{right:415px}body[data-screen=creator] #world:after{display:none}.creator-title{position:absolute;top:28px;left:32px;max-width:470px;pointer-events:none}.creator-title h2{font-size:2rem;line-height:1.1;margin:10px 0}.creator-title p{font-size:.85rem;color:#d0d4bb}.creator-card{right:22px;top:22px;bottom:22px;left:auto;width:370px;max-height:none;transform:none;overflow:auto;padding:24px}.creator-card h2{font-size:1.7rem;margin-bottom:16px}.creator-card .form-grid{gap:10px 14px}.creator-card label{font-size:.74rem}.creator-card input,.creator-card select{font-size:.8rem;padding:8px;margin-top:5px}.creator-card .color-field input{height:29px;width:100%;padding:3px}.creator-card .notice{font-size:.72rem;margin:15px 0}.creator-preview-controls{position:absolute;left:30px;right:440px;bottom:28px;text-align:center;background:#2b3425c9;border:1px solid #aba16b55;padding:14px}.preview-turn{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:10px;font-size:.8rem;color:#d1d0b4}.preview-clips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.preview-clips button{font-size:.68rem;background:#363d2d;padding:6px 10px}.preview-clips button.active{border-color:#c6b47b;background:#626a42}.creator-preview-controls p{font-size:.63rem;color:#a9b195;margin:10px 0 0}
@media(max-width:1250px){#actionbar{width:410px}}@media(max-width:760px){#actionbar{width:calc(100% - 24px);padding:9px 10px}.movement-row{gap:7px}.movement-row span{font-size:6px}.creator-title{left:15px;top:14px;right:15px}.creator-title h2{font-size:1.35rem;margin:6px 0}.creator-title p{display:none}.creator-title .eyebrow{font-size:8px}body[data-screen=creator] #world{right:0;bottom:auto;height:43vh}.creator-card{top:43vh;bottom:10px;right:10px;left:10px;width:auto;padding:18px}.creator-card h2{font-size:1.5rem}.creator-preview-controls{left:10px;right:10px;bottom:auto;top:calc(43vh - 89px);padding:6px}.creator-preview-controls p{display:none}.preview-turn{gap:15px;margin-bottom:3px;font-size:10px}.preview-turn .round{padding:2px 10px;height:25px}.preview-clips{gap:3px}.preview-clips button{font-size:8px;padding:3px 6px}.creator-card .form-grid{grid-template-columns:repeat(3,1fr)}}

/* Regional floor atlas */
.floor-grid:has(.gate-region){display:block;max-height:440px;overflow:auto;padding-right:6px}.gate-region{border-bottom:1px solid #756648;padding:8px 0}.gate-region summary{cursor:pointer;color:#e1c994;font-weight:bold;line-height:1.5}.gate-region summary small{float:right;color:#c0b695;font-weight:normal}.region-floors{display:grid;grid-template-columns:1fr;gap:4px;margin:8px 0}.region-floors .floor{text-align:left;width:100%;min-height:32px;padding:6px 9px;font-size:12px}.region-floors .floor.locked:before{content:"◇ ";color:#a59b84}.journal-select{max-height:120px;overflow:auto}.journal-select button{min-width:30px}