/* HospiQuest v0.40.0 — compact teal and gold interface. */
:root{--bg:#031713;--panel:#082822;--text:#edf3e9;--muted:#a6b8af;--line:#255047;--lime:#e4c779;--gold:#e4c779;--teal:#6dd6ac;--sidebar:224px;color-scheme:dark}
html{scroll-padding-top:86px}body{background:radial-gradient(ellipse at 65% 0,#0b2b23 0,transparent 60%),#031713;color:var(--text);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em}h1{font-size:32px}h2{font-size:23px}a{color:var(--gold)}[hidden]{display:none!important}
.workspace{margin-left:var(--sidebar);min-width:0}.sidebar{width:var(--sidebar);padding:22px 14px;background:#041c18;border-right:1px solid var(--line)}.sidebar .brand{margin:0 0 22px;gap:10px;font:25px Georgia,serif;color:var(--gold)}.brand small,.nav-label,.alpha-box p{display:none}.brandmark{color:var(--gold);background:transparent;box-shadow:none;border:0}.sidebar .nav-group{border:0;margin-bottom:8px}.sidebar .nav-group>summary{color:#b7c8bc;padding:10px 9px;font-size:12px;letter-spacing:.04em}.sidebar .nav-item{font-size:13px;padding:10px 12px;min-height:42px;border-radius:8px;gap:10px;color:#b7c8bc}.sidebar .nav-item.active{color:#f1d88f;background:linear-gradient(110deg,#2c3826,#0d2b24);box-shadow:inset 3px 0 var(--gold)}.sidebar .nav-item:hover{background:#102e26}.sidebar .nav-item .icon{width:19px;height:19px}.nav-group-items{border:0}.sidebar-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.alpha-box{background:none;border:0;padding:6px;color:var(--muted);font-size:10px}.nav-count{background:#203c30;color:var(--gold);font-size:10px}
.topbar{position:sticky;top:0;z-index:60;min-height:64px;padding:10px 26px;background:#031b17f5;border-bottom:1px solid #8b7c4855;backdrop-filter:blur(16px);gap:16px}.breadcrumb{font-size:10px;letter-spacing:.06em}.breadcrumb>strong{color:var(--gold)}.top-actions{gap:16px}.currency{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:14px;color:#fff;background:#04120e}.currency small{display:none}.coin-icon{color:var(--gold)}.currency.tally{color:#8cddfa}.connection{font-size:10px;color:var(--muted)}#game-menu-toggle{display:none}.ui-mobile-brand{display:none}.content-grid,.record-wide .content-grid{display:block!important;max-width:1180px;margin:auto;padding:22px 28px 34px!important}.right-rail,#tracked-mobile{display:none!important}#mobile-status{display:none!important}.hq-world-view #mobile-status{display:block!important}.hq-battle-player-view #mobile-status{display:none!important}.footer{max-width:1180px;margin:auto;padding:12px 28px 26px;font-size:10px;border:0;color:var(--muted)}.footer>span:last-child{display:none}
.ui-resources{max-width:1124px;margin:16px auto 0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#08221d;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:20px}.ui-resources>div{min-width:0}.ui-resources>div>span{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-bottom:6px}.ui-resources b{color:#e3ece6;font-weight:500;font-variant-numeric:tabular-nums}.ui-resource-name{background:none;border:0;text-align:left;font-weight:600;color:var(--text);padding:0;min-width:0;overflow-wrap:anywhere}.ui-resource-name small{display:block;color:var(--gold);font-size:11px}.bar{background:#06120f;border:1px solid #335449;border-radius:8px;height:8px;overflow:hidden}.bar.hp i{background:linear-gradient(90deg,#a94d4d,#e98a73)}.bar.stamina i{background:linear-gradient(90deg,#997b35,#edce7c)}.bar.xp i{background:linear-gradient(90deg,#369c6d,#8bebaa)}
.panel{border:1px solid var(--line);background:linear-gradient(135deg,#0a2c24d9,#041e19e8);border-radius:13px;box-shadow:0 5px 20px #0001;padding:18px;margin-bottom:14px}.page-heading{margin:0 0 18px;align-items:center;gap:14px}.page-heading h1{font-size:32px;margin:0}.page-heading .pill{font-size:10px;max-width:50%;white-space:normal}.eyebrow{font-size:10px;color:#a4b6a6;letter-spacing:.09em}.button{min-height:40px;padding:8px 14px;border-radius:9px;border:1px solid #69754b;background:#0d2e24;color:var(--gold);font-size:12px;box-shadow:none;font-weight:600;white-space:normal}.button:hover{background:#1e3f30;border-color:var(--gold)}.button.primary{background:linear-gradient(135deg,#edcf7b,#c6a65f);color:#18251b;border-color:#d9bb6b;box-shadow:none}.button.primary:hover{background:#f3d991}.text-button{color:var(--gold)}.pill,.tag{border-radius:6px;background:#16392c;border:1px solid #315242;color:#d7e6da;font-size:10px;padding:5px 8px}.muted,.empty{color:var(--muted)}input,select,textarea{background:#051c17!important;color:var(--text)!important;border:1px solid #31594b!important;border-radius:8px;min-height:42px;font-size:13px!important}input:focus,select:focus,textarea:focus{border-color:var(--gold)!important}.section-title,.section-heading,.record-section-heading{margin-bottom:14px;gap:12px}.section-title h3,.section-heading h2,.record-section-heading h2{font-size:21px}.record-section-heading .eyebrow{display:none}.record-footnote{color:var(--muted)}
.journal-tabs,.protocol-tabs,.workshop-tabs,.ui-inline-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;gap:7px;margin:0 0 16px;padding:2px 0 5px;max-width:100%;grid-template-columns:none!important}.journal-tabs>button,.protocol-tabs>button,.workshop-tabs>button{flex:0 0 auto!important;min-width:0;min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:#071f19;color:var(--muted)}.journal-tabs>button.selected,.protocol-tabs>button.selected,.workshop-tabs>button.selected{background:linear-gradient(135deg,#3c4329,#173b2a);color:var(--gold);border-color:#938452}.journal-tabs>button small,.workshop-tabs>button small,.protocol-tabs>button small{display:none}.ui-inline-tabs .button{border:0;background:transparent;color:var(--muted);padding:8px 12px}.ui-inline-tabs .button:first-child{background:#263c29;color:var(--gold);border:1px solid #8d7e4d}.ui-disclosure{border:1px solid var(--line);border-radius:11px;background:#06221c;margin:0 0 12px;min-width:0}.ui-disclosure>summary{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;list-style:none;color:#ccdace;font-size:13px;cursor:pointer}.ui-disclosure>summary::-webkit-details-marker{display:none}.ui-disclosure>summary>span{color:var(--gold);transition:transform .15s}.ui-disclosure[open]>summary>span{transform:rotate(180deg)}.ui-disclosure-body{padding:0 14px 14px}.ui-disclosure-body>.panel:last-child{margin-bottom:0}.ui-disclosure .camp-hint{margin:0;border:0;background:none;padding:8px;font-size:12px}.ui-item-info{margin:0;border:0;background:none}.ui-item-info>summary{min-height:36px;padding:6px 0;color:var(--muted);font-size:11px}.ui-item-info .ui-disclosure-body{padding:2px 0 8px}.ui-item-info p{margin:0;font-size:12px}
.ui-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.ui-profile-heading h1{margin:0}.ui-profile-heading .ui-inline-tabs{margin:0}.ui-profile .dossier-hero.ui-profile-hero{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:24px;min-height:0;padding:24px;overflow:visible;background:radial-gradient(circle at 15% 50%,#18523b77,transparent 45%),linear-gradient(135deg,#092a23,#031a16)}.ui-avatar{position:relative;align-self:start;width:140px;height:140px;margin:auto}.ui-avatar canvas{display:block;width:100%;height:100%;border:2px solid #9ddcae;box-shadow:0 0 0 6px #173e2e,0 0 30px #66b88418;border-radius:50%;background:#02130f;object-fit:cover}.ui-avatar-edit{position:absolute;right:-2px;bottom:0;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:#092a21;color:var(--gold)}.ui-avatar-edit .icon{width:17px}.ui-profile-identity{min-width:0}.ui-profile-identity h2{font-size:34px;color:var(--text);margin:0 0 8px;line-height:1.1}.ui-profile-level{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--gold);font:18px Georgia,serif;margin-bottom:8px}.ui-profile-level span{color:#d3dfd4;font:12px system-ui}.ui-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.ui-stat{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #325345;border-radius:8px;background:#041a16;padding:10px}.ui-stat>.icon{width:25px;height:25px;color:#bbaa79;flex-shrink:0}.ui-stat span{font-size:11px;color:#b7c6b8;min-width:0}.ui-stat strong{display:block;font-weight:500;color:#eff4eb;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.ui-stat strong small{font-size:10px;color:#aab8ac}.ui-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.ui-section-title h2{display:flex;align-items:center;gap:10px;font-size:23px;margin:0}.ui-section-title h2 .icon{width:23px;color:#c6b685}.ui-section-title .button{padding:4px 12px;min-height:34px;border-radius:20px;font-size:12px}.ui-profile .dossier-slots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.ui-profile .dossier-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 5px;min-height:126px;border:1px solid #54705a;border-radius:8px;background:radial-gradient(ellipse at 50% 40%,#183529,#041713 75%);overflow:hidden}.ui-profile .dossier-slot .slot-symbol{order:0;margin:0 0 9px}.ui-profile .dossier-slot .slot-symbol .icon{width:32px;height:32px;color:#b4c4b1}.ui-profile .dossier-slot .slot-label{order:1;font:12px Georgia,serif;letter-spacing:0;text-transform:none;color:#d5ded0}.ui-profile .dossier-slot strong{order:2;display:block;max-width:100%;font-size:9px;line-height:1.3;text-align:center;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.ui-profile .dossier-slot:disabled{opacity:.65}.ui-profile .dossier-slot:not(:disabled):hover{border-color:var(--gold);background:#17382a}.ui-profile .dossier-slot.legendary{border-color:#9d7e3b}.ui-profile .dossier-slot.epic{border-color:#745a9a}.ui-profile .dossier-slot.rare{border-color:#4e84a1}.ui-profile .set-active-note{margin-top:10px;font-size:11px;padding:7px}.ui-backpack-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ui-bag-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;padding:12px 6px 8px;background:#041a15;border:1px solid #45604c;border-radius:9px;color:var(--gold);min-height:92px}.ui-bag-tile>.icon{width:30px;height:30px;margin:0 0 10px}.ui-bag-tile>span{position:absolute;right:7px;top:5px;color:#e3ebde;font-size:11px}.ui-bag-tile>small{font-size:10px;line-height:1.2;overflow-wrap:anywhere}.ui-capacity{font-size:10px;color:var(--muted);margin-top:10px;text-align:right}.ui-attribute-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ui-profile-buffs .active-buff-row{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0;border:0;background:none;margin:0;min-height:35px}.ui-profile-buffs .active-buff-row>.muted{font-size:13px}.ui-profile-actions{display:flex;flex-wrap:wrap;gap:8px}.ui-profile .ui-disclosure .dossier-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-profile .ui-disclosure .record-section-heading h2{font-size:23px}
.ui-camp-hero{position:relative;overflow:hidden;padding:0;min-height:260px;display:flex;align-items:end}.ui-camp-hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6;image-rendering:pixelated}.ui-camp-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#021810)}.ui-camp-hero>div{position:relative;z-index:1;padding:26px}.ui-camp-hero h2{font-size:38px;margin:5px 0 16px}.ui-camp-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 20px}.ui-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ui-hub-link{display:flex;align-items:center;gap:12px;min-height:85px;padding:18px;margin:0;color:var(--text);text-align:left}.ui-hub-link>.icon{color:var(--gold);width:26px;height:26px}.ui-hub-link>strong{font-size:14px}.ui-hub-link>span{margin-left:auto;color:var(--gold)}.ui-hub-link:hover{border-color:#8d7d4d;background:#113327}.ui-camp-footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;padding-top:18px}.ui-tracked{margin-top:18px}.ui-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ui-skill-card>.icon{width:30px;height:30px;color:var(--gold)}.ui-skill-card h2{margin:8px 0}.ui-skill-card p{color:var(--muted);font-size:13px}
/* Lists, shops, equipment, recipes, raids and quests share the same density. */
.inventory-grid,.market-grid,.protocol-grid,.recipe-grid,.raid-boss-grid,.quest-grid{gap:12px}.storage-item,.market-card,.protocol-card,.recipe-card,.raid-boss-card,.quest-card{border-radius:11px;padding:16px;border-color:var(--line);background:#08271f}.storage-item h4,.market-card h3,.protocol-card h3,.recipe-card h3,.quest-card h3{font-size:17px;line-height:1.3;margin:8px 0}.storage-item .item-emblem{width:42px;height:42px;margin-bottom:6px;background:#14392a;border:1px solid #3a5c44;border-radius:9px}.storage-item .item-emblem .icon{width:25px;height:25px}.storage-rarity{font-size:10px}.storage-item .item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.storage-item .item-actions>.button{flex:1;min-width:60px;font-size:11px;padding:7px;min-height:38px}.storage-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr auto;gap:10px;align-items:end;padding:13px}.storage-filters label{font-size:10px;margin:0;min-width:0}.storage-filters input,.storage-filters select{width:100%;min-width:0}.storage-search{grid-column:auto}.storage-results{font-size:11px;color:var(--muted);margin:8px 0}.equip-slots{gap:7px;margin-bottom:14px}.equip-slot{padding:8px;min-height:62px;border-radius:8px;background:#062018}.equip-slot>span{font-size:9px}.equip-slot>.icon{width:22px;height:22px}.protocol-hero,.guild-hero,.workshop-hero,.vault-hero{padding:18px;min-height:0}.protocol-hero h2,.guild-hero h1,.workshop-hero h2,.vault-intro h2{font-size:25px}.protocol-hero>div>p,.guild-hero>div>p,.vault-intro>p{font-size:12px;margin:5px 0}.protocol-card p{font-size:12px;line-height:1.5}.protocol-description{min-height:0}.raid-intro p,.raid-warning,.raid-consent-note,.quest-card p{font-size:12px}.quest-objectives{margin:12px 0}.quest-reward{font-size:11px}.raid-numbers{gap:8px}.guild-tabs{margin-top:14px}.guild-hero{gap:14px}.guild-crest{width:64px;height:64px;font-size:22px}.guild-hero-metrics strong{font-size:20px}.player-row{gap:12px;padding:13px}.player-row .who p{font-size:11px}.chat-panel,.mail-inbox,.mail-conversation,.guild-chat-panel{border-radius:13px}.chat-title>span{display:none}.chat-form{gap:8px}.chat-messages{background:#041a16}.exchange-wallet{padding:14px;min-height:0}.market-prices{gap:10px}.market-card-bottom .button{min-height:40px}.economy-balances>.panel{padding:16px}.economy-forms{gap:14px}.leaderboard-table,.raid-table-wrap{overflow:auto;max-width:100%}.world-toolbar{padding:12px}.world-toolbar h2{font-size:23px}.world-intro{margin:0}.world-intro h1{font-size:29px}.map-stage{border:1px solid var(--line);border-radius:10px;overflow:hidden}.map-controls{background:#08271f;border-color:var(--line);border-radius:10px}.direction-pad button{background:#143b2d;border-color:#47705a;color:var(--gold)}.world-player-strip{border-color:var(--line);background:#08271f}.map-bottom-note{display:none}.battle-play-heading h1{font-size:24px}.battle-arena{border:1px solid #3f6350;border-radius:12px;overflow:hidden}.skills{gap:9px}.skill{background:#0b2c22;border:1px solid #52705a;border-radius:10px;min-height:98px;padding:12px;color:#e6eddf}.skill strong{font-size:13px}.skill small{font-size:10px;color:#b5c7b5}.skill-top{color:var(--gold)}.combat-tools{gap:10px}.combat-log{margin-top:15px}.battle-play-panel{margin-bottom:14px}.result-banner{border-radius:10px}.modal-backdrop{background:#00120ede;backdrop-filter:blur(8px)}.modal-panel{background:linear-gradient(135deg,#10382b,#051f18);border:1px solid #607452;border-radius:16px;box-shadow:0 20px 100px #0008;max-height:calc(100dvh - 36px);overscroll-behavior:contain}.close-button{color:var(--gold);background:#173b2c;border:1px solid #496947;border-radius:50%;width:36px;height:36px}.toast{background:#12372b;color:#f0f4e9;border:1px solid #7b8954;border-radius:12px}.item-tooltip{background:#08271f;border-color:#8b8051;border-radius:12px}.ui-bottom-nav{display:none}.auth-card{background:#072a21e8;border:1px solid #557245}.auth-screen{background:#031713}.auth-brand{color:var(--gold)}
@media(min-width:781px) and (max-width:1180px){:root{--sidebar:196px}.content-grid,.record-wide .content-grid{padding:20px!important}.ui-resources{margin:14px 20px 0;gap:12px}.topbar{padding:10px 20px}.connection{display:none}.ui-profile .dossier-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.ui-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-filters{grid-template-columns:1fr 1fr}.ui-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  :root{--sidebar:0px}.workspace{margin-left:0!important}.topbar{padding:8px 12px!important;min-height:60px;flex-wrap:nowrap;gap:10px;z-index:84}.topbar .breadcrumb{display:none}.ui-mobile-brand{display:block;color:var(--gold);font:22px Georgia,serif;margin-right:auto;white-space:nowrap}.ui-mobile-brand>span{font-size:24px;margin-right:5px}.top-actions{gap:7px!important}.currency{font-size:12px;padding:5px 7px;gap:4px;border-radius:9px}.currency b{max-width:85px;overflow-wrap:anywhere;font-size:12px}.connection{display:none!important}#game-menu-toggle{display:grid;place-items:center;order:3;font-size:0;min-width:36px;min-height:38px;width:36px;padding:0;border:0;background:none;color:var(--gold)}#game-menu-toggle:after{content:'☰';font-size:25px}.sidebar{top:60px!important;max-height:calc(100dvh - 60px)!important;padding-bottom:30px!important;width:min(330px,88vw)!important;background:#06221c;z-index:90!important}.game-menu-open .game-menu-backdrop{inset:60px 0 0!important;z-index:89}.game-menu-open .ui-bottom-nav{visibility:hidden}.sidebar .brand{font-size:24px}.content-grid,.record-wide .content-grid{padding:16px 12px 90px!important}.footer{display:none}.ui-resources{margin:12px 12px 0;padding:10px 12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-radius:10px}.ui-resource-name{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px}.ui-resource-name small{font-size:11px}.ui-resources>div>span{flex-direction:column;gap:0;font-size:9px}.ui-resources>div>span b{font-size:10px}.ui-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:81;background:#031b17f5;border-top:1px solid #9a8956;padding:6px 8px max(6px,env(safe-area-inset-bottom));box-shadow:0 -6px 24px #0003;backdrop-filter:blur(16px)}.ui-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;border-radius:8px;color:#a4b5a6;min-height:52px;min-width:0;padding:5px 2px;font-size:10px}.ui-bottom-nav .icon{width:23px;height:23px}.ui-bottom-nav button.active{color:var(--gold);background:linear-gradient(#35432a66,#1a352244)}.ui-bottom-nav button[data-view=world]{color:#e2c67c}.page-heading{margin-bottom:14px}.page-heading h1,h1{font-size:28px}.panel{padding:14px;border-radius:11px;margin-bottom:12px}.button{min-height:42px}.ui-profile-heading{display:block;margin-bottom:12px}.ui-profile-heading h1{font-size:30px;margin-bottom:8px}.ui-profile-heading .ui-inline-tabs{gap:4px;justify-content:space-between}.ui-inline-tabs .button{padding:5px 10px;font-size:11px;min-height:36px}.ui-profile .dossier-hero.ui-profile-hero{grid-template-columns:80px minmax(0,1fr);gap:13px;padding:16px 12px}.ui-avatar{width:74px;height:74px;margin:5px 0 auto}.ui-avatar-edit{width:29px;height:29px;right:-4px;bottom:-4px}.ui-avatar-edit .icon{width:14px}.ui-profile-identity h2{font-size:27px;margin-bottom:8px}.ui-profile-level{font-size:15px;display:block;margin-bottom:6px}.ui-profile-level span{font-size:10px;display:block;margin-top:3px}.ui-profile-identity>.bar{height:7px}.ui-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:11px}.ui-stat{padding:7px 6px;gap:5px;border-radius:6px}.ui-stat>.icon{width:17px;height:17px}.ui-stat span{font-size:9px}.ui-stat strong{font-size:14px}.ui-stat strong small{font-size:9px}.ui-section-title{margin-bottom:12px;gap:8px}.ui-section-title h2{font-size:22px;gap:8px}.ui-section-title h2 .icon{width:20px;height:20px}.ui-section-title .button{font-size:11px;min-height:32px;padding:4px 10px}.ui-profile .dossier-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ui-profile .dossier-slot{min-height:105px;padding:9px 5px}.ui-profile .dossier-slot .slot-symbol .icon{width:31px;height:31px}.ui-profile .dossier-slot .slot-label{font-size:12px}.ui-profile .dossier-slot strong{font-size:9px}.ui-backpack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ui-bag-tile{min-height:87px}.ui-attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ui-attribute-grid .ui-stat{padding:10px}.ui-disclosure>summary{font-size:12px;padding:12px}.ui-disclosure-body{padding:0 10px 10px}.ui-profile .ui-disclosure .dossier-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-profile .dossier-details{display:block}.ui-profile .attribute-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-profile .dossier-areas,.record-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-camp-hero{min-height:235px}.ui-camp-hero>div{padding:20px}.ui-camp-hero h2{font-size:32px}.ui-camp-actions{gap:8px;margin:12px 0 16px}.ui-camp-actions>.button{flex:1;font-size:11px;padding:8px}.ui-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ui-hub-link{min-height:80px;padding:12px;gap:8px}.ui-hub-link>strong{font-size:12px}.ui-hub-link>.icon{width:21px;height:21px}.ui-hub-link>span{display:none}.ui-skill-grid{gap:10px}.ui-skill-card h2{font-size:21px}.ui-skill-card p{font-size:12px}.storage-filters{grid-template-columns:1fr 1fr;gap:8px}.storage-search{grid-column:auto}.storage-filters>.text-button{min-height:36px;grid-column:1/-1}.inventory-grid,.market-grid,.recipe-grid,.quest-grid,.protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.storage-item,.market-card,.recipe-card,.protocol-card,.quest-card{padding:12px;min-width:0}.storage-item h4,.market-card h3,.recipe-card h3,.protocol-card h3,.quest-card h3{font-size:15px}.storage-item .item-actions>.button{min-height:40px;font-size:10px}.storage-rarity{font-size:9px;line-height:1.4}.storage-item .item-count{font-size:11px}.equip-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.equip-slot{padding:8px 4px}.equip-slot>span{font-size:8px}.protocol-target{padding:13px}.protocol-hero h2,.guild-hero h1,.workshop-hero h2,.vault-intro h2{font-size:23px}.protocol-hero,.guild-hero{flex-wrap:wrap;gap:10px}.guild-hero-metrics{margin:0;width:100%;display:flex;gap:20px}.guild-tabs button{flex:0 0 auto!important;min-width:80px}.quest-card .quest-objectives{font-size:11px}.raid-boss-grid{grid-template-columns:1fr}.raid-numbers{flex-wrap:wrap}.raid-group{padding:12px}.guild-item{padding:10px}.exchange-wallet{gap:10px}.market-card-bottom{flex-wrap:wrap;gap:6px}.market-card-bottom>.button{width:100%}.market-prices{font-size:12px}.economy-balances{gap:8px}.economy-balances>.panel{padding:12px}.economy-balances strong{font-size:22px}.mail-layout{gap:10px}.player-row{padding:12px 8px;flex-wrap:wrap;gap:8px}.player-row .who{min-width:120px}.chat-form input{min-width:0}.ui-disclosure .world-movement-help{display:block}.hq-world-view #mobile-status{margin:10px 12px 0!important}.world-intro{margin:0 0 10px}.world-intro h1{font-size:25px}.world-toolbar{padding:10px}.world-toolbar h2{font-size:20px}.map-controls{padding:10px}.world-player-toggle{min-height:38px}.battle-play-heading h1{font-size:20px}.battle-play-heading .pill{font-size:9px}.skills{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.skill{min-height:88px;padding:10px}.skill strong{font-size:12px}.skill small{font-size:10px}.battle-controls{position:static!important}.combat-tools .button{font-size:11px}.battle-arena{height:250px}.battle-hud{padding:10px}.hud-name{font-size:11px}.hud-meta{font-size:8px}.turn-marker{font-size:10px}.combat-log .log-lines{max-height:220px}.modal-backdrop{padding:12px;z-index:130}.modal-panel{padding:24px 16px 20px;border-radius:13px;max-width:100%;max-height:calc(100dvh - 24px)}#toasts{bottom:78px;right:12px;left:12px;z-index:140}.toast{width:100%;font-size:12px}.recipe-compact{min-height:0}.recipe-compact .recipe-info-link{font-size:12px}.recipe-details{font-size:12px}
}
@media(max-width:360px){.ui-mobile-brand{font-size:19px}.ui-mobile-brand>span{display:none}.topbar{gap:6px!important}.currency{padding:4px 5px;font-size:11px}.currency b{font-size:11px;max-width:60px}.ui-profile .dossier-hero.ui-profile-hero{grid-template-columns:64px minmax(0,1fr);gap:9px;padding:13px 10px}.ui-avatar{width:59px;height:59px}.ui-profile-identity h2{font-size:25px}.ui-stat>.icon{display:none}.ui-attribute-grid .ui-stat>.icon{display:block}.ui-profile .dossier-slots{gap:6px}.ui-profile .dossier-slot{min-height:102px}.ui-inline-tabs .button{padding:5px 8px}.inventory-grid,.market-grid,.protocol-grid,.quest-grid{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr}.ui-hub-link>strong{font-size:11px}.ui-skill-grid{grid-template-columns:1fr}.page-heading .pill{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

body:has(#game[hidden]) .ui-bottom-nav{display:none!important}
@media(min-width:781px){.hq-world-view #mobile-status{max-width:1124px;margin:16px auto 0!important}}

.content-grid,.record-wide .content-grid{width:100%}
.ui-resources{width:calc(100% - 56px)}
.ui-profile .dossier-slot .equipment-requirement{display:none}
@media(max-width:780px){
 .ui-resources{width:calc(100% - 24px)}
 .protocol-hero,.protocol-target{grid-template-columns:minmax(0,1fr);gap:14px}
 .protocol-hero>div,.protocol-target>div{min-width:0}
 .protocol-recipient{border-left:0;padding:0;border-top:1px solid var(--line)}
 .protocol-totals{gap:8px}
 .protocol-tabs .button{flex:0 0 auto!important}
 .workshop-station{min-width:0;flex:1}
 .exchange-wallet{flex-wrap:wrap}
}
.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}
.workspace{margin-left:0!important}
@media(max-width:780px){.app-shell{display:block}}
.protocol-hero h2{margin:0 0 10px}
.protocol-hero .ui-disclosure{margin:0}
.protocol-hero .ui-disclosure summary{min-height:34px;padding:6px 10px;font-size:11px}
.protocol-totals b{font-size:25px}.protocol-totals span{font-size:9px}
.vault-illustration{display:none}.vault-hero{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:780px){.protocol-hero{display:flex;align-items:center}.protocol-hero>div:first-child{flex:1}.protocol-totals{width:100%}.vault-hero{display:block}.vault-metrics{margin-top:12px}}
@media(max-width:780px){#game-menu-toggle{min-width:44px;min-height:44px;width:44px}.ui-avatar-edit{min-width:32px;min-height:32px}}
.exchange-hero{display:flex;align-items:center;gap:14px;padding:16px}.exchange-hero>div{flex:1;min-width:0}.exchange-hero h2{font-size:23px;margin:0 0 8px}.exchange-hero .ui-disclosure{margin:0}.exchange-hero .ui-disclosure>summary{min-height:32px;padding:6px 10px;font-size:11px}
@media(max-width:780px){.exchange-hero{flex-wrap:wrap}.exchange-hero>.button{min-width:120px}}

/* Keep recipe discovery compact and leave primary crafting controls visible. */
.recipe-gallery-caption>span:last-child{display:none}
[data-ui-view="workshop"] .page-heading>.pill{display:none}
@media(max-width:780px){
 .compact-workshop-filters.workshop-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .compact-workshop-filters .recipe-search,.compact-workshop-filters>label{min-width:0}
 .compact-workshop-filters .recipe-extra-filters{grid-column:1/-1}
 .workshop-station .station-description{font-size:12px}
}

@media(max-width:640px){.quest-grid{grid-template-columns:minmax(0,1fr)}.quest-card .quest-objectives{margin:8px 0}.quest-card>.button{width:100%}.quest-filter-tools{padding:12px}}

/* Camp Community starts with its chat, before the roster on every screen. */
#main-content[data-render-view="players"]>.chat-panel{margin-top:0}