/* Compact mobile-first menus, with independent NPC popups. */
.realm-panel{max-height:90vh;width:min(850px,calc(100vw - 20px))}.realm-panel-head{padding:11px 14px}.realm-panel-head h2{font-size:22px}.realm-panel-head>div>span{font-size:7px}.realm-panel-tabs{padding:7px 12px;gap:6px}.realm-panel-tabs button{padding:6px 9px;font-size:11px}.realm-panel-body{padding:12px 14px}.character-subtabs{gap:4px;margin-bottom:10px}.character-subtabs button{padding:6px 8px;font-size:10px}.progression-callout{padding:8px;margin-bottom:10px}.character-sheet{gap:13px;grid-template-columns:150px 1fr}.sheet-portrait{padding:8px}.sheet-portrait h3{font-size:17px}.sheet-portrait #sheetPortrait{width:130px;height:180px}.equipment-sheet-grid{gap:6px}.inventory-item{padding:8px 6px}.inventory-item strong{font-size:11px}.inventory-item small,.inventory-item em{font-size:9px}.item-bonuses{gap:3px}.item-bonuses span{font-size:8px;padding:3px 4px}.item-detail{padding:10px;margin:10px 0}.item-detail h4{font-size:18px}.inventory-grid{gap:7px}.inventory-entry{position:relative}.compact-items .inventory-item{min-height:118px}.compact-items .inline-equip{padding:6px;gap:3px}.compact-items .inline-equip strong{font-size:9px}.compact-items .inline-equip small{font-size:8px}.compact-items .inline-equip .primary{font-size:10px;padding:6px}.compact-items .quick-sell{padding:6px;font-size:9px;width:calc(100% - 35px);margin-left:35px}.favorite-button{border:1px solid #4b5d43;background:#26372b;color:#879678;border-radius:3px;padding:6px 8px;font-size:12px}.inventory-entry>.favorite-button{position:absolute;left:0;bottom:0;min-width:31px}.favorite-button.favorite{color:#ead08b;background:#4b4930;border-color:#ae9459}
.shared-bag-title{display:flex;align-items:center;gap:8px;justify-content:space-between}.shared-bag-title h3{font:20px var(--serif);margin:2px 0;color:#e0dbb9}.shared-bag-title label{font-size:10px;color:#b8c6aa;display:flex;gap:5px;align-items:center}select{max-width:100%;background:#293b2c;border:1px solid #657951;border-radius:4px;color:#dfdfbf;padding:7px;font-size:11px}.bag-compartment{border:1px solid #4d6342;background:#1b2b21;border-radius:4px;margin:10px 0;padding:7px}.bag-compartment>summary{cursor:pointer;font:17px var(--serif);color:#d8d9b7;line-height:1.8}.bag-compartment>summary>b{font:10px var(--mono);background:#34472c;padding:4px 7px;border-radius:3px;margin-left:6px;color:#dace9e}.bag-compartment>summary>small{font:9px var(--mono);float:right;color:#8dac80}.bag-compartment .inventory-grid{margin-top:6px}.bag-footnote{display:block;font-size:9px;line-height:1.6;color:#a3b897;margin:8px 0}.bag-consumables{background:#213329;border:1px solid #4c6244;padding:8px;border-radius:4px;margin:10px 0}.bag-consumables summary{font-size:11px;color:#c4d2ae;cursor:pointer}.bag-consumables .boost-inventory{margin:8px 0;padding:7px}.return-stone-row{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;padding:9px 3px;color:#d0d9ba}.return-stone-row button,.bank-row button{padding:6px 9px;font-size:10px;border:1px solid #6a7c4c;background:#35452e;color:#d8dfb6;border-radius:3px}.gem-stacks{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.gem-stacks>span{display:flex;align-items:center;gap:4px;color:var(--gem-color);font-size:10px;border:1px solid #465b40;background:#26382b;border-radius:3px;padding:3px 5px}.gem-stacks canvas{width:20px;height:20px;image-rendering:pixelated}.gem-stacks>small{font-size:10px;line-height:1.6;color:#a7b99a}.bulk-sell-box{border:1px solid #7c744b;background:#303a29;padding:9px;border-radius:4px;margin:10px 0}.bulk-sell-box>strong{color:#dcd1a3;font-size:11px}.rarity-checkboxes{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.rarity-checkboxes label{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--rarity-color);border-radius:3px;color:var(--rarity-color);font-size:10px;cursor:pointer}.rarity-checkboxes input{width:15px;height:15px;accent-color:var(--rarity-color);margin:0}.rarity-checkboxes i{display:none}.bulk-sell-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.bulk-sell-actions>label{font-size:9px;color:#b5c2a6;display:flex;align-items:center;gap:5px}.bulk-sell-actions button,.bulk-confirm button{padding:7px 9px;font-size:10px;background:#515238;border:1px solid #a3915e;color:#eee0a8;border-radius:3px}.bulk-sell-box>small{font-size:9px;color:#a8ba9c;line-height:1.6}.bulk-confirm{background:#4b4330;border:1px solid #ac9060;padding:8px;border-radius:3px;margin:8px 0}.bulk-confirm p{font-size:11px;line-height:1.5;color:#e1cda7;margin:3px 0 7px}.bulk-confirm button{margin:0 4px 0 0}
.npc-panel{width:min(740px,calc(100vw - 18px))}.npc-panel .panel-crystals{display:none}.npc-panel .realm-panel-head h2{font-size:21px}.npc-panel .npc-banner{padding:10px;margin-bottom:8px}.npc-banner h3{font-size:20px}.npc-class-select{display:flex;align-items:center;gap:8px;font-size:11px;color:#c0ceae;margin:7px 0}.npc-class-select select{min-width:135px}.npc-panel .trade-set-title{margin:8px 0}.npc-panel .trade-set-title h3{font-size:20px}.npc-panel .materials-section{padding:7px;margin:9px 0}.npc-panel .material-stash strong{font-size:10px}.npc-panel .recipe-grid{gap:5px}.npc-panel .recipe-card{padding:7px;min-height:56px}.npc-panel .recipe-preview{padding:9px}.npc-panel .recipe-preview h4{font-size:18px}.npc-panel .set-summary{margin:10px 0;padding:8px}.npc-panel .set-summary>button{display:none}.gem-controls{display:grid;grid-template-columns:minmax(0,2fr) 1fr 90px;gap:7px;margin:10px 0}.gem-controls label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#bfcda9;min-width:0}.gem-controls select{width:100%;min-width:0}.gem-selected-item{padding:9px;background:#24352a;border:1px solid #586c48;border-radius:4px}.gem-selected-item h4{font:19px var(--serif);margin:0;color:#ddd8b5}.gem-selected-item>small{font-size:9px;color:#a9bc9c}.gem-selected-item .stat-chips{margin:6px 0 0}.gem-workbench,.bank-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.gem-workbench>section,.bank-columns>section{min-width:0;padding:9px;border:1px solid #596c45;border-radius:4px;background:#213127}.gem-workbench h4,.bank-columns h4{font:18px var(--serif);color:#dfd6af;margin:0 0 8px}.gem-workbench p{font-size:11px;line-height:1.6;color:#b3c6a4}.gem-workbench strong{font-size:11px;color:#d7d1a6}.gem-workbench small{display:block;font-size:9px;line-height:1.6;color:#9ab68e;margin-top:7px}.gem-workbench .primary{padding:8px;width:100%;background:#425238;color:#e6dfb2;border:1px solid #9c8c56;border-radius:3px;font-size:11px}.gem-preview{display:flex;align-items:center;gap:8px;margin:7px 0}.gem-preview canvas{width:40px;height:40px;image-rendering:pixelated}.gem-preview .stat-chips{margin:5px 0}.socket-list article{display:flex;gap:6px;align-items:center;background:#2b3b2d;padding:6px;margin:6px 0;border:1px solid #4f6544;border-radius:3px}.socket-list b{font:9px var(--mono);color:#bacda9}.socket-list span{font-size:10px;color:#d6d7b4;flex:1}.socket-list canvas{width:26px;height:26px;image-rendering:pixelated}.socket-list button{width:auto!important;padding:6px 8px!important;font-size:10px!important}.bank-row{display:flex;align-items:center;gap:6px;background:#27392b;border:1px solid #455d3d;border-left:2px solid var(--item-color);border-radius:3px;padding:6px;margin:5px 0}.bank-row>div{min-width:0;flex:1}.bank-row strong{font-size:10px;font-weight:500;line-height:1.5;color:#d8dac1;display:block}.bank-row small{font-size:8px;color:#9db68f;display:block;margin-top:2px}.bank-row canvas{width:28px;height:28px;image-rendering:pixelated}.bank-row button{padding:5px;font-size:9px}.bank-filter{display:flex;align-items:center;gap:6px;font-size:11px;color:#bfd1ae;margin:10px 0}.town-stone-product{display:flex;gap:14px;align-items:center;background:#25372c;border:1px solid #62744e;border-radius:5px;padding:15px;margin:12px 0}.return-stone-art{font-size:65px;line-height:1;background:#34463a;color:#b2d0ce;width:90px;height:90px;display:grid;place-items:center;border:1px solid #88a697;text-shadow:2px 2px #355563}.town-stone-product h4{font:22px var(--serif);margin:0;color:#e1d5aa}.town-stone-product p,.town-stone-product strong{font-size:12px;color:#c7d8b8}.town-stone-product small{display:block;font-size:10px;color:#9cb696;line-height:1.6}
.skill-tree{gap:9px}.skill-branch h4{font-size:19px;margin-bottom:10px}.skill-node{margin-bottom:11px}.skill-node:not(:last-child)::after{height:12px}.skill-node-select{padding:8px;gap:3px}.skill-node-select>strong{font-size:15px}.skill-node-select>p{font-size:10px;min-height:0;margin:2px 0;line-height:1.5}.skill-node-select>small{font-size:8px}.skill-node-actions button{font-size:10px;padding:6px}.attribute-card{padding:11px}.attribute-card>strong{font-size:31px;margin:5px 0}.attribute-card p{min-height:0;font-size:10px}.wing-intro{margin:9px 0}.wing-workshop{gap:12px}.wing-card{padding:7px}.wing-card h4{font-size:15px}.wing-card canvas{max-height:88px;object-fit:contain}.three-outfits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.three-outfits article{display:flex;flex-direction:column;gap:5px;padding:8px}.three-outfits canvas{height:100px;width:75px;margin:auto}.three-outfits h4{font-size:16px;margin:4px 0}.three-outfits button{padding:6px;font-size:10px}.three-outfits .chroma-picker{padding:5px;margin:4px 0 0}.three-outfits .chroma-picker>strong{font-size:10px}.three-outfits .chroma-picker>div{flex-wrap:wrap;gap:3px;margin:5px 0}.three-outfits .chroma-picker button{padding:4px;font-size:8px}.auto-skills-toggle{display:flex;gap:5px;align-items:center;font-size:10px;color:#ccd6b5;padding:4px 5px;border:1px solid #526441;border-radius:4px;background:#2a3829}.auto-skills-toggle input{accent-color:#b4c181;width:17px;height:17px;margin:0}.town-bar{display:flex;align-items:center;gap:6px;padding:6px 11px;flex-wrap:wrap;background:#1c2c24;border-top:1px solid #495e43}.town-bar button{font-size:10px;padding:6px 9px;border:1px solid #6d7b50;border-radius:4px;background:#31452e;color:#d4dabb}.town-bar button:disabled{opacity:.45}
@media(max-width:700px){.intro{padding:12px 0 10px;margin:5px 0}.intro h1{font-size:30px}.intro .lead{font-size:12px}.intro-note{display:none}.workbench{display:grid;grid-template-columns:1fr;gap:8px}.class-panel{padding:8px!important}.class-panel .class-lore,.class-panel .palette-row,.class-panel .studio-help,.class-panel>.panel-heading{display:none}.class-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}.class-choice{padding:5px!important;display:flex!important;align-items:center;gap:4px!important}.class-choice canvas{width:31px!important;height:43px!important}.class-choice strong{font-size:11px!important}.class-choice small,.selection-mark{display:none}.equipment-panel{display:none}.stage-top{padding:7px}.stage-tabs button{font-size:10px;padding:7px}.stage{width:100%}.realm-hud{padding:7px;gap:5px}.realm-shortcuts{gap:4px;flex-wrap:wrap}.realm-shortcuts button{padding:6px;font-size:9px}.realm-shortcuts button svg{width:14px;height:14px}.realm-panel{width:calc(100vw - 12px);max-height:93vh;margin:3vh auto}.realm-panel-head{padding:10px}.realm-panel-head h2{font-size:19px}.realm-panel-head .panel-wallet{font-size:10px}.realm-panel-body{padding:9px}.realm-panel-tabs{padding:6px}.realm-panel-tabs small{display:none}.shared-bag-title{align-items:flex-start}.shared-bag-title h3{font-size:18px}.shared-bag-title label{font-size:9px;flex-direction:column;gap:3px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bag-compartment>summary>small{display:none}.rarity-checkboxes{gap:4px}.rarity-checkboxes label{font-size:10px;padding:6px}.bulk-sell-actions{align-items:flex-start}.character-sheet{grid-template-columns:1fr}.sheet-portrait #sheetPortrait{width:100px;height:140px;float:left}.sheet-portrait .set-summary{clear:both}.sheet-portrait h3{font-size:18px}.equipment-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-preview{display:none}.skins-workshop{display:block}.three-outfits{grid-template-columns:repeat(3,minmax(0,1fr))}.three-outfits h4{font-size:14px}.three-outfits canvas{width:65px;height:88px}.skin-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skin-slot strong{font-size:9px}.skin-slot small{font-size:8px}.skin-picker>div{flex-wrap:wrap}.skill-tree{grid-template-columns:1fr;gap:14px}.skill-branch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.skill-branch h4{grid-column:1/-1;text-align:left;margin:0 0 4px}.skill-node{margin:0}.skill-node:not(:last-child)::after{display:none}.skill-node-select>strong{font-size:15px}.skill-node-select>p{font-size:11px}.skill-node-select>small{font-size:9px}.gem-controls{grid-template-columns:1fr 95px}.gem-controls label:first-child{grid-column:1/-1}.gem-workbench,.bank-columns{grid-template-columns:1fr}.gem-workbench section{padding:9px}.npc-banner h3{font-size:19px}.npc-banner p{font-size:11px}.npc-panel .recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.npc-panel .recipe-card{padding:6px 3px}.npc-panel .recipe-card strong{font-size:10px}.npc-panel .forge-content{gap:8px}.npc-class-select{font-size:11px}.bank-row strong{font-size:12px}.bank-row small{font-size:10px}.bank-row button{font-size:11px;padding:7px}.material-stash small{font-size:9px}.material-stash strong{font-size:11px}.town-bar button{font-size:11px;min-height:34px}.combat-bar{flex-wrap:wrap;padding:7px;gap:6px}.combat-summary{flex-basis:100%}.auto-skills-toggle{font-size:11px;padding:7px}.skillbar{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-tree-open,.skillbar .map-open{grid-column:span 2}.skillbar button{min-height:42px}.dungeon-bar{flex-wrap:wrap;padding:6px 9px}.dungeon-bar span{font-size:8px}.forge-bar{padding:6px 9px}.stage-bottom{padding:7px}.animation-bar{padding:6px;gap:5px}.animation-bar button{font-size:10px;padding:6px}.keyboard-hint{font-size:8px}.details-grid,.concept-section{display:none}}