:root{color:#e7e7e7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d12;--panel:#151720;--panel-2:#1b1e29;--panel-3:#232738;--border:#34384b;--border-soft:#292d3b;--text:#e7e7e7;--muted:#9398aa;--accent:#8798e8;--accent-strong:#a7b3f3;--accent-dark:#252d53;--danger:#efaaa5;--inventory-width:350px;--chat-height:190px;--topbar-height:60px;--roster-strip-height:54px;background:#0c0d12;font-family:Consolas,Courier New,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--bg);min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em}.panel{background:var(--panel);border:1px solid var(--border)}.section-label{color:var(--accent-strong);letter-spacing:.08em;margin:0 0 4px;font-size:10px;font-weight:700}.muted{color:var(--muted)}.empty-state{color:var(--muted);text-align:center;padding:16px 10px;font-size:10px}.primary-button,.ghost-button,.danger-button{border:1px solid var(--border);color:var(--text);background:#20232d;padding:7px 10px;font-weight:700}.primary-button{color:#eef1ff;background:#32406f;border-color:#53659a}.primary-button:hover:not(:disabled){background:#3d4d80}.primary-button.wide{width:100%;padding:11px 12px}.ghost-button{background:#11131b}.ghost-button:hover:not(:disabled),.ghost-button.active{background:var(--panel-3)}.danger-button{color:var(--danger);background:#301b1a;border-color:#653b38}.compact{padding:5px 7px;font-size:9px}.auth-shell{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--border);background:var(--panel);width:min(420px,100%);padding:22px}.auth-logo{width:64px;height:64px;image-rendering:pixelated;border:1px solid var(--border);background:#050506;margin-bottom:16px;display:block}.auth-card h1{margin-bottom:8px;font-size:26px}.auth-copy{color:var(--muted);margin-bottom:18px}.auth-tabs{border:1px solid var(--border);grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid}.auth-tab{color:var(--muted);background:#10121a;border:0;padding:9px;font-weight:700}.auth-tab+.auth-tab{border-left:1px solid var(--border)}.auth-tab.active{background:var(--panel-3);color:var(--text)}.auth-form{gap:12px;display:grid}.auth-form label{color:#bdbfca;gap:5px;font-size:11px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--border);color:var(--text);background:#090a0f;outline:none;padding:10px}.auth-form input:focus{border-color:var(--accent)}.form-error{color:#f0a09a;background:#241313;border:1px solid #693b38;margin:0;padding:8px;font-size:10px}.game-shell{grid-template-rows:var(--topbar-height) var(--roster-strip-height) minmax(0, 1fr);width:100vw;height:100vh;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--border);z-index:50;background:#11131a;grid-template-columns:auto auto minmax(240px,1fr) auto;align-items:stretch;min-width:0;display:grid;position:relative}.brand-button{border:0;border-right:1px solid var(--border);color:var(--text);white-space:nowrap;background:#11131a;align-items:center;gap:8px;padding:7px 12px;display:flex}.brand-button img{border:1px solid var(--border);width:36px;height:36px;image-rendering:pixelated;background:#050506}.top-nav{align-items:stretch;min-width:0;display:flex}.nav-button{border:0;border-right:1px solid var(--border);color:#c8cad4;white-space:nowrap;background:#11131a;padding:0 14px;font-size:10px;font-weight:700}.nav-button:hover,.nav-button.active,.nav-dropdown:focus-within>.nav-button{background:var(--panel-3);color:#fff}.nav-count{color:#dbe0ff;background:#30364b;place-items:center;min-width:15px;height:15px;margin-left:4px;padding:0 3px;font-size:8px;display:inline-grid}.nav-count.alert{color:#ffd0b5;background:#5b3529}.nav-dropdown{display:flex;position:relative}.nav-dropdown-button span{color:var(--muted);margin-left:5px}.skills-menu{border:1px solid var(--border);background:#12141d;width:270px;max-height:min(75vh,620px);display:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 22px #0006}.nav-dropdown:hover .skills-menu,.nav-dropdown:focus-within .skills-menu{display:block}.skill-menu-group+.skill-menu-group{border-top:1px solid var(--border)}.skill-menu-heading{z-index:2;color:#7f8498;letter-spacing:.09em;text-transform:uppercase;background:#0c0e15;padding:5px 8px;font-size:8px;font-weight:700;position:sticky;top:0}.skill-menu-item{border:0;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);text-align:left;background:0 0;grid-template-columns:34px 1fr;align-items:center;gap:7px;padding:6px 8px;display:grid}.skill-menu-item:hover,.skill-menu-item.active{background:var(--accent-dark)}.skill-menu-item img{border:1px solid var(--border);width:32px;height:32px;image-rendering:pixelated;background:#050506}.skill-menu-item strong,.skill-menu-item small{display:block}.skill-menu-item small{color:var(--muted);margin-top:1px;font-size:8px}.global-action{border-left:1px solid var(--border);background:#0f1118;grid-template-columns:34px minmax(120px,1fr) auto auto;align-items:center;gap:6px;min-width:0;padding:5px 8px;display:grid}.global-action.idle{opacity:.7;grid-template-columns:30px minmax(0,1fr)}.global-action>img{border:1px solid var(--border);width:30px;height:30px;image-rendering:pixelated;background:#050506}.global-action-copy{min-width:0}.global-action-copy>span,.global-action-copy>strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.global-action-copy>span{color:var(--muted);text-transform:uppercase;font-size:7px}.global-action-copy>strong{margin-top:1px;font-size:9px}.global-action-progress{grid-template-columns:minmax(70px,1fr) 35px;align-items:center;gap:5px;margin-top:3px;display:grid}.global-action-progress b{color:var(--accent-strong);text-align:right;font-size:8px;font-weight:400}.action-icon-button{border:1px solid var(--border);color:#d6d8e2;background:#171a24;width:27px;height:27px;padding:0;font-size:15px}.compact-action{padding:5px 7px;font-size:8px}.progress-track{border:1px solid var(--border-soft);background:#080910;height:6px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .1s linear}.topbar-status{border-left:1px solid var(--border);color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding:0 10px;font-size:9px;display:flex}.server-badge{color:#b9c2ff;background:#1d2130;border:1px solid #4a5070;padding:3px 5px;font-size:7px}.control-badge{border:1px solid var(--border);color:var(--muted);background:#151821;padding:3px 5px;font-size:7px}.control-badge.controlling{color:#a8d6ad;background:#17221a;border-color:#46644a}.control-badge.viewing{color:#d8c185;background:#241f15;border-color:#6b5d3d}.control-badge.ready{color:#9da4b8}.online-dot{background:#7fc17a;width:6px;height:6px;display:inline-block}.online-dot.offline{background:#555b69}.roster-strip{border-bottom:1px solid var(--border);background:#0d0f16;grid-template-columns:auto minmax(0,1fr);align-items:stretch;min-width:0;min-height:0;display:grid}.roster-strip-label{border-right:1px solid var(--border);color:#aeb4c8;white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:8px;display:flex}.roster-strip-list{grid-template-columns:repeat(5,minmax(115px,1fr));min-width:0;display:grid;overflow-x:auto}.roster-chip{border:0;border-right:1px solid var(--border-soft);min-width:0;color:var(--text);text-align:left;background:#10121a;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px;display:grid}.roster-chip:hover{background:#191d2a}.roster-chip.selected{background:#1c2338;box-shadow:inset 0 -2px #7385cc}.roster-chip.blocked{background:#241a19}.roster-chip.paused{background:#1c1a22}.roster-chip.market{border-left:1px dashed #4c5162}.roster-chip img{border:1px solid var(--border);width:28px;height:28px;image-rendering:pixelated;background:#050506}.roster-chip-copy{min-width:0;display:block}.roster-chip-copy strong,.roster-chip-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.roster-chip-copy small{color:var(--muted);margin-top:1px;font-size:6px}.roster-chip>b{color:#858ca1;white-space:nowrap;font-size:6px;font-weight:700}.roster-chip-progress{background:#07080c;height:3px;margin-top:3px;display:block;overflow:hidden}.roster-chip-progress i{background:var(--accent);width:0;height:100%;transition:width .1s linear;display:block}.workspace{grid-template-columns:minmax(0, 1fr) var(--inventory-width);grid-template-rows:minmax(0, 1fr) var(--chat-height);min-width:0;min-height:0;display:grid}.main-stage{grid-area:1/1;min-width:0;min-height:0;padding:10px;overflow:hidden}.main-scroll{grid-template-rows:auto minmax(0,1fr);gap:10px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.system-page,.leaderboard-page{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.main-scroll>.system-page,.main-scroll>.leaderboard-page{grid-row:1/-1}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.section-heading h1,.section-heading h2{margin:0}.page-actions{gap:6px;display:flex}.skill-summary{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;display:grid}.skill-hero-image{border:1px solid var(--border);width:62px;height:62px;image-rendering:pixelated;background:#050506}.skill-summary-copy h1{margin-bottom:5px;font-size:21px}.skill-tool-line{color:var(--muted);margin-bottom:6px;font-size:8px}.xp-line{color:#c0c2cc;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:8px;display:flex}.xp-line span:last-child{color:var(--muted)}.skill-stats{border:1px solid var(--border);background:#10121a;grid-template-columns:repeat(3,minmax(74px,1fr));display:grid}.skill-stats>div{border-right:1px solid var(--border);text-align:center;padding:7px 9px}.skill-stats>div:last-child{border-right:0}.skill-stats span,.skill-stats strong{display:block}.skill-stats span{color:var(--muted);font-size:7px}.skill-stats strong{color:var(--accent-strong);margin-top:2px;font-size:15px}.activities-panel{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.activity-list{overscroll-behavior:contain;scrollbar-color:#4a4f65 #11131a;min-height:0;overflow-y:auto}.activity-row{border-bottom:1px solid var(--border-soft);grid-template-columns:42px 38px minmax(130px,1fr) 170px 100px 105px;align-items:center;gap:7px;min-height:68px;padding:6px 8px;display:grid}.activity-row:last-child{border-bottom:0}.activity-row.locked{opacity:.55}.activity-row.running{background:#1b2034}.activity-image{border:1px solid var(--border);width:40px;height:40px;image-rendering:pixelated;background:#050506}.activity-level{text-align:center;border:1px solid var(--border);background:#10121a;padding:4px 2px}.activity-level span,.activity-level strong{display:block}.activity-level span{color:var(--muted);font-size:6px}.activity-copy{min-width:0}.activity-copy h3{margin:0 0 2px;font-size:10px}.activity-copy p,.activity-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:7px;display:block;overflow:hidden}.activity-mastery,.activity-reward{text-align:right}.activity-mastery span,.activity-mastery strong,.activity-mastery small,.activity-reward strong,.activity-reward span,.activity-reward small{display:block}.activity-mastery span{color:var(--muted);font-size:6px}.activity-mastery strong{color:var(--accent-strong);font-size:10px}.activity-mastery small,.activity-reward span,.activity-reward small{color:var(--muted);font-size:7px}.mastery-bonus-line{white-space:normal;margin-top:3px;line-height:1.35;color:#9097ad!important;font-size:6px!important}.activity-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.activity-actions button{padding:6px 5px;font-size:8px}.leaderboard-page{grid-template-rows:auto auto minmax(0,1fr)}.leaderboard-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.leaderboard-tab{border:0;border-right:1px solid var(--border-soft);color:var(--muted);background:#10121a;padding:6px 4px;font-size:8px;font-weight:700}.leaderboard-tab.active{background:var(--panel-3);color:var(--text)}.leaderboard-page-list{align-content:start;min-height:0;overflow-y:auto}.leaderboard-row{border-bottom:1px solid var(--border-soft);grid-template-columns:45px minmax(100px,1fr) 80px 110px;align-items:center;gap:8px;min-height:28px;padding:4px 9px;font-size:8px;display:grid}.leaderboard-row.self{background:#1b2034}.leaderboard-row strong,.leaderboard-row>span:nth-last-child(-n+2){text-align:right}.rank{color:var(--accent-strong)}.queue-page{grid-template-rows:auto auto minmax(0,1fr)}.queue-help{border-bottom:1px solid var(--border);color:var(--muted);padding:7px 10px;font-size:8px}.queue-list{min-height:0;overflow-y:auto}.queue-row{border-bottom:1px solid var(--border-soft);grid-template-columns:28px 34px minmax(120px,1fr) 120px auto;align-items:center;gap:7px;min-height:46px;padding:5px 8px;font-size:8px;display:grid}.queue-row.active{background:#1b2034}.queue-row img{border:1px solid var(--border);width:32px;height:32px;image-rendering:pixelated;background:#050506}.queue-row strong,.queue-row small{display:block}.queue-row small{color:var(--muted);margin-top:1px}.queue-index{color:var(--accent-strong);text-align:center}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;padding:8px;display:grid;overflow-y:auto}.equipment-slot{border:1px solid var(--border);background:#11131a}.equipment-slot-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:6px 8px;font-size:8px;display:flex}.equipment-slot-head span{color:var(--muted)}.equipment-options{gap:4px;padding:5px;display:grid}.equipment-option{border:1px solid var(--border-soft);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:7px;padding:4px;display:grid}.equipment-option.equipped{background:#1a2032;border-color:#4b578a}.equipment-option img{border:1px solid var(--border);width:36px;height:36px;image-rendering:pixelated;background:#050506}.equipment-option strong,.equipment-option small{display:block}.equipment-option strong{font-size:8px}.equipment-option small{color:var(--muted);margin-top:2px;font-size:7px}.party-page{grid-template-rows:auto auto minmax(0,1fr)}.party-summary{color:var(--muted);margin-top:2px;font-size:7px;font-weight:400;display:block}.party-empty{border:1px solid var(--border-soft);color:var(--muted);align-self:start;gap:3px;margin:8px;padding:12px;font-size:8px;display:grid}.party-empty strong{color:var(--text);font-size:9px}.party-invites{border-bottom:1px solid var(--border);padding:6px 8px}.party-invites h3{margin:0 0 4px;font-size:9px}.party-invite{border:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;margin-bottom:3px;padding:4px 6px;font-size:8px;display:grid}.party-invite strong,.party-invite small{display:block}.party-invite small{color:var(--muted)}.party-body{grid-template-columns:minmax(220px,310px) minmax(0,1fr);align-items:start;gap:8px;min-height:0;padding:8px;display:grid;overflow-y:auto}.party-invite-box,.party-roster{border:1px solid var(--border);background:#11131a;min-width:0}.party-subhead{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:flex}.party-subhead strong,.party-subhead small{display:block}.party-subhead strong{font-size:9px}.party-subhead small{color:var(--muted);margin-top:2px;font-size:7px}.party-invite-form{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px;padding:7px;display:grid}.party-invite-input-wrap{min-width:0;position:relative}.party-invite-form input{border:1px solid var(--border);width:100%;height:30px;color:var(--text);background:#090a10;padding:6px 7px;font-size:8px}.party-player-suggestions{z-index:80;background:#11131b;border:1px solid #4b5063;max-height:180px;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #00000073}.party-player-suggestions[hidden]{display:none}.party-player-suggestions button{border:0;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);text-align:left;background:0 0;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:6px;padding:6px 7px;font-size:8px;display:grid}.party-player-suggestions button:last-child{border-bottom:0}.party-player-suggestions button:hover{background:#20253a}.party-members{align-content:start;gap:3px;min-height:0;max-height:330px;padding:5px;display:grid;overflow-y:auto}.party-member{border:1px solid var(--border-soft);grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:34px;padding:5px 7px;font-size:8px;display:grid}.party-member-name strong,.party-member-name small{display:block}.party-member-name small{color:var(--muted);margin-top:1px;font-size:7px}.party-role{color:var(--accent-strong);font-size:7px}.inventory-dock{border-left:1px solid var(--border);background:#12141c;grid-area:1/2/3;grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.inventory-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:8px;padding:9px;display:flex}.inventory-header h2{margin:0;font-size:13px}.inventory-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.inventory-tab{border:0;border-right:1px solid var(--border-soft);color:var(--muted);background:#10121a;padding:7px 2px;font-size:7px;font-weight:700}.inventory-tab.active{background:var(--panel-3);color:var(--text)}.inventory-filter-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;display:grid}.inventory-filter-row input{border:1px solid var(--border);color:var(--text);background:#090a10;padding:6px 7px;font-size:8px}.inventory-filter-row span{color:var(--muted);font-size:8px}.inventory-scroll{min-height:0;padding:6px;overflow-y:auto}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:4px;display:grid}.inventory-item{border:1px solid var(--border);background:#1b1e29;min-width:0;padding:3px}.inventory-item[hidden]{display:none}.inventory-icon-wrap{aspect-ratio:1;border:1px solid var(--border-soft);background:#10121a;width:100%;position:relative}.inventory-icon-wrap img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.inventory-icon-wrap strong{text-overflow:ellipsis;color:#fff;background:#000000bf;max-width:calc(100% - 4px);padding:1px 2px;font-size:7px;position:absolute;bottom:1px;right:2px;overflow:hidden}.instance-equipped{left:2px;color:#a8dfa7!important;background:#293c2b!important;right:auto!important}.inventory-item-name{text-overflow:ellipsis;white-space:nowrap;color:#c7c9d3;margin-top:2px;font-size:7px;display:block;overflow:hidden}.inventory-assignment{border:1px solid var(--border);width:100%;color:var(--text);background:#10121a;margin-top:3px;font-size:7px}.inventory-empty{grid-column:1/-1}.chat-dock{border-top:1px solid var(--border);background:#11131a;grid-area:2/1;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.chat-tabs{border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.chat-tab{border:0;border-right:1px solid var(--border);min-width:72px;color:var(--muted);background:#10121a;padding:6px 9px;font-size:8px;font-weight:700}.chat-tab.active{background:var(--panel-3);color:var(--text)}.chat-log{min-height:0;padding:5px 8px;font-size:8px;overflow-y:auto}.chat-message{grid-template-columns:45px auto minmax(0,1fr);align-items:baseline;gap:7px;padding:2px 0;display:grid}.chat-message>span{color:#686e82}.chat-user{color:var(--accent-strong);font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.chat-user:hover{color:#d8dcff;text-decoration:underline}.chat-message>p{color:#c7cad5;overflow-wrap:anywhere;margin:0}.chat-system{color:#777c8e}.chat-input-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:5px;display:grid}.chat-input-row input{border:1px solid var(--border);color:var(--text);background:#090a10;padding:6px 7px;font-size:8px}.chat-input-row button{border:1px solid var(--border);color:var(--text);background:#20232d;padding:6px 12px;font-size:8px;font-weight:700}.chat-user-menu{z-index:900;background:#11131b;border:1px solid #50566d;width:150px;padding:4px;position:fixed;box-shadow:0 8px 22px #00000080}.chat-user-menu>strong{color:var(--accent-strong);padding:5px 6px 1px;font-size:8px;display:block}.chat-user-menu>small{border-bottom:1px solid var(--border-soft);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;padding:0 6px 5px;font-size:7px;display:block;overflow:hidden}.chat-user-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;gap:8px;padding:5px 6px;font-size:8px;display:flex}.chat-user-menu button:not(:disabled):hover{background:#20253a}.chat-user-menu button:disabled{color:#5f6475;cursor:default;opacity:1}.chat-user-menu button span{color:#52586a;font-size:7px}.item-tooltip{z-index:1100;pointer-events:none;width:280px;color:var(--text);background:#11131b;border:1px solid #555b72;padding:9px;font-size:8px;position:fixed;box-shadow:0 8px 24px #00000080}.item-tooltip[hidden]{display:none}.item-tooltip-head{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding-bottom:7px;display:grid}.item-tooltip-head img{border:1px solid var(--border);width:40px;height:40px;image-rendering:pixelated;background:#050506}.item-tooltip-head strong,.item-tooltip-head span{display:block}.item-tooltip-head span{color:var(--muted);margin-top:2px}.item-tooltip>p{color:#b8bac5;margin:7px 0;line-height:1.35}.item-tooltip dl{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin:0;padding:4px 0}.item-tooltip dl>div{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:2px 0;display:grid}.item-tooltip dt{color:var(--muted)}.item-tooltip dd{text-align:right;overflow-wrap:anywhere;margin:0}.item-tooltip-uses{grid-template-columns:74px minmax(0,1fr);gap:6px;padding-top:5px;display:grid}.item-tooltip-uses span{color:var(--muted)}.item-tooltip-uses strong{text-align:right;font-weight:600}.item-tooltip-id{border-top:1px solid var(--border-soft);color:#575d70;overflow-wrap:anywhere;margin-top:6px;padding-top:5px;font-size:7px}.toast-host{right:calc(var(--inventory-width) + 10px);bottom:calc(var(--chat-height) + 10px);z-index:600;width:min(330px, calc(100vw - var(--inventory-width) - 20px));gap:5px;display:grid;position:fixed}.toast{color:var(--text);background:#171b2b;border:1px solid #4b568a;padding:8px 9px;font-size:8px}.toast-error{background:#251313;border-color:#653b38}@media (width<=1150px){:root{--inventory-width:300px;--chat-height:170px}.brand-button strong{display:none}.nav-button{padding:0 10px}.activity-row{grid-template-columns:40px 36px minmax(100px,1fr) 125px 88px 95px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){body{overflow:auto}.game-shell{height:auto;min-height:100vh;display:block;overflow:visible}.roster-strip{min-height:var(--roster-strip-height);top:var(--topbar-height);z-index:35;grid-template-columns:auto minmax(0,1fr);position:sticky}.roster-strip-list{grid-template-columns:repeat(5,minmax(140px,1fr))}.topbar{min-height:var(--topbar-height);display:flex;position:sticky;top:0;overflow-x:auto}.global-action{flex:1;min-width:240px}.topbar-status{min-width:max-content}.workspace{display:block}.main-stage{height:650px}.inventory-dock{border:1px solid var(--border);height:500px;margin:0 8px 8px}.chat-dock{height:190px}.toast-host{width:min(330px,100vw - 20px);bottom:10px;right:10px}}@media (width<=980px){.party-body{grid-template-columns:1fr}.party-members{max-height:none}}.party-invite-form{align-items:start}.party-invite-input-wrap{gap:4px;min-width:0;display:grid;position:static}.party-player-suggestions{z-index:auto;width:100%;max-height:160px;box-shadow:none;margin:0;position:static;inset:auto;overflow:hidden auto}.party-player-suggestions button{width:100%;min-height:26px}.equipment-page{grid-template-rows:auto minmax(0,1fr)}.equipment-page-scroll{align-content:start;gap:8px;min-height:0;padding:8px;display:grid;overflow-y:auto}.combat-loadout-grid{grid-template-columns:minmax(420px,1.15fr) minmax(300px,.85fr);align-items:start;gap:8px;display:grid}.combat-paperdoll-panel,.equipment-picker-block,.skill-tools-section{border:1px solid var(--border);background:#11131a;min-width:0}.equipment-subhead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:6px 8px;display:flex}.equipment-subhead strong{font-size:9px}.equipment-subhead small{color:var(--muted);font-size:7px}.combat-paperdoll{grid-template-rows:repeat(4,64px);grid-template-columns:repeat(5,64px);grid-template-areas:". .head neck cape""weapon.body.offhand""hands.legs.ring"". .feet. .";justify-content:center;gap:6px;width:min(430px,100%);margin:10px auto 6px;display:grid}.combat-slot{text-align:center;cursor:pointer;background:#0a0c12;border:1px dashed #555b73;place-items:center;min-width:0;min-height:0;padding:3px;display:grid;position:relative;overflow:hidden}.combat-slot:hover,.combat-slot.selected{background:#171c2d;border-color:#8091d1;box-shadow:inset 0 0 0 1px #3f4b78}.combat-slot.filled{background:#1a2032;border-style:solid;border-color:#6574ad}.combat-slot>span{color:#777d90;font-size:7px}.combat-slot img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated;border:1px solid var(--border);background:#050506}.combat-slot strong{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:6px;font-weight:700;overflow:hidden}.combat-slot-remove{width:15px;height:15px;color:var(--danger);background:#291817;border:1px solid #633b38;padding:0;font-size:9px;line-height:1;position:absolute;top:1px;right:1px}.combat-slot-weapon{grid-area:weapon}.combat-slot-offhand{grid-area:offhand}.combat-slot-head{grid-area:head}.combat-slot-body{grid-area:body}.combat-slot-legs{grid-area:legs}.combat-slot-hands{grid-area:hands}.combat-slot-feet{grid-area:feet}.combat-slot-neck{grid-area:neck}.combat-slot-ring{grid-area:ring}.combat-slot-cape{grid-area:cape}.consumable-row{border-top:1px solid var(--border-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;display:grid}.consumable-slot{border:1px solid var(--border);background:#0d0f16;grid-template-rows:auto 1fr;gap:3px;min-height:56px;padding:5px;display:grid;position:relative}.consumable-slot>span{color:var(--muted);text-transform:uppercase;font-size:7px}.consumable-slot>small{color:#636879;align-self:center;font-size:7px}.consumable-slot-item{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;display:grid}.consumable-slot-item img{width:32px;height:32px;image-rendering:pixelated;border:1px solid var(--border);background:#050506}.consumable-slot-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.consumable-slot-item small{color:var(--accent-strong);font-size:7px}.combat-stats-panel{border-top:1px solid var(--border);gap:7px;padding:7px;display:none}.combat-stats-panel.open{display:grid}.combat-stat-grid{border:1px solid var(--border-soft);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.combat-stat-grid>div{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:5px 6px}.combat-stat-grid span,.combat-stat-grid strong{display:block}.combat-stat-grid span{color:var(--muted);font-size:6px}.combat-stat-grid strong{color:var(--accent-strong);margin-top:2px;font-size:9px}.combat-ability-list{border:1px solid var(--border-soft);gap:3px;padding:6px;display:grid}.combat-ability-list>span{color:var(--muted);text-transform:uppercase;font-size:6px}.combat-ability-list div{justify-content:space-between;gap:8px;display:flex}.combat-ability-list strong{font-size:8px}.combat-ability-list small{color:var(--muted);font-size:7px}.combat-loadout-pickers{gap:8px;min-width:0;display:grid}.equipment-picker-list,.food-picker-list{align-content:start;gap:3px;max-height:265px;padding:5px;display:grid;overflow-y:auto}.equipment-picker-item{border:1px solid var(--border-soft);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px;display:grid}.equipment-picker-item.equipped{background:#1b2034;border-color:#4b578a}.equipment-picker-item.locked,.equipment-option.locked{opacity:.62}.equipment-picker-item img{border:1px solid var(--border);width:32px;height:32px;image-rendering:pixelated;background:#050506}.equipment-picker-item strong,.equipment-picker-item small{display:block}.equipment-picker-item strong{font-size:8px}.equipment-picker-item small{color:var(--muted);margin-top:2px;font-size:7px}.food-picker-item{text-align:left;border:1px solid var(--border-soft);width:100%;min-width:0;color:var(--text);background:#10121a;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px;padding:4px;display:grid}.food-picker-item:hover,.food-picker-item.active{background:#20253a;border-color:#59658f}.food-picker-item img{width:30px;height:30px;image-rendering:pixelated;border:1px solid var(--border);background:#050506}.food-picker-item strong,.food-picker-item small{display:block}.food-picker-item strong{font-size:8px}.food-picker-item small{color:var(--muted);margin-top:2px;font-size:7px}.skill-tools-section .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}@media (width<=1050px){.combat-loadout-grid{grid-template-columns:1fr}.skill-tools-section .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dev-page{grid-template-rows:auto minmax(0,1fr)}.dev-page-scroll{min-height:0;padding:10px;overflow-y:auto}.dev-copy{max-width:760px;color:var(--muted);margin-bottom:10px;font-size:8px;line-height:1.5}.dev-item-form{border:1px solid var(--border);background:#10121a;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(760px,100%);padding:10px;display:grid}.dev-item-form label{color:#bdbfca;gap:4px;min-width:0;font-size:8px;font-weight:700;display:grid}.dev-item-form input,.dev-item-form select,.dev-item-form textarea{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#090a0f;outline:none;padding:7px}.dev-item-form input:focus,.dev-item-form select:focus,.dev-item-form textarea:focus{border-color:var(--accent)}.dev-item-form textarea,.dev-item-form .dev-checkbox,.dev-item-form button{grid-column:1/-1}.dev-item-form .dev-checkbox{align-items:center;gap:6px;display:flex}.dev-item-form .dev-checkbox input{width:auto}.inventory-item.inventory-variant{background:#171b29;border-color:#48506b}@media (width<=760px){.dev-item-form{grid-template-columns:1fr}}.character-select{border:1px solid var(--border);max-width:150px;color:var(--text);background:#0b0d13;padding:4px 5px;font-size:8px}.roster-page{grid-template-rows:auto minmax(0,1fr) auto}.roster-summary,.market-foundation-badge{color:var(--muted);font-size:8px}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;min-height:0;padding:8px;display:grid;overflow-y:auto}.roster-card{border:1px solid var(--border);background:#10121a;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:8px;min-width:0;padding:7px;display:grid}.roster-card.selected{background:#1a2032;border-color:#596aa3}.roster-card.market{border-style:dashed}.roster-card img{width:46px;height:46px;image-rendering:pixelated;border:1px solid var(--border);background:#050506}.roster-card-copy span,.roster-card-copy strong,.roster-card-copy small{display:block}.roster-card-copy span{color:var(--accent-strong);text-transform:uppercase;font-size:7px}.roster-card-copy strong{margin-top:2px;font-size:10px}.roster-card-copy small{color:var(--muted);margin-top:3px;font-size:7px;line-height:1.35}.roster-card.blocked{border-color:#684943}.roster-card.paused{border-color:#4b475b}.roster-card-activity{border-top:1px solid var(--border-soft);margin-top:7px;padding-top:6px}.roster-card-activity>span{color:var(--muted);text-transform:uppercase;font-size:6px}.roster-card-activity>strong{margin:2px 0 4px;font-size:8px}.roster-card-activity>small{margin-top:3px}.roster-card-side{text-align:right;justify-items:end;gap:8px;min-width:86px;display:grid}.roster-card-side>strong{color:var(--accent-strong);font-size:7px}.roster-card-buttons{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.roster-note{border-top:1px solid var(--border);color:var(--muted);padding:7px 10px;font-size:8px}.market-page{grid-template-rows:auto minmax(0,1fr)}.market-foundation{border:1px dashed var(--border);grid-template-columns:64px minmax(0,1fr);align-self:start;align-items:start;gap:12px;margin:10px;padding:12px;display:grid}.market-foundation img{width:62px;height:62px;image-rendering:pixelated;border:1px solid var(--border);background:#050506}.market-foundation h2{margin-bottom:6px;font-size:13px}.market-foundation p{color:var(--muted);margin:0 0 6px;font-size:8px;line-height:1.45}.inventory-group{cursor:pointer}.inventory-group:hover,.inventory-group:focus{background:#202432;border-color:#56638d;outline:none}.inventory-variant-count{color:#dbe1ff;background:#191f34f0;border:1px solid #53618e;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:7px;font-weight:700;display:grid;position:absolute;top:2px;left:2px}.inventory-variant-note{text-overflow:ellipsis;white-space:nowrap;color:#696f82;margin-top:1px;font-size:6px;display:block;overflow:hidden}.modal-backdrop{z-index:850;background:#040508b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#11131b;border:1px solid #565e78;grid-template-rows:auto minmax(0,1fr) auto;width:min(650px,100%);max-height:min(78vh,720px);display:grid;box-shadow:0 18px 44px #0000008c}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:10px;padding:9px 10px;display:flex}.modal-head h2{margin:0;font-size:14px}.modal-head small{color:var(--muted);margin-top:3px;font-size:7px;display:block}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:6px;padding:8px 10px;display:flex}.variant-list{align-content:start;gap:4px;min-height:0;padding:6px;display:grid;overflow-y:auto}.variant-row{border:1px solid var(--border-soft);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:5px;display:grid}.variant-row:hover{background:#1a1e2a}.variant-row img{border:1px solid var(--border);width:38px;height:38px;image-rendering:pixelated;background:#050506}.variant-row strong,.variant-row small{display:block}.variant-row strong{font-size:8px}.variant-row small{color:var(--muted);margin-top:2px;font-size:7px}.variant-row>b{color:var(--accent-strong);font-size:9px}.input-selection-list{align-content:start;gap:6px;min-height:0;padding:8px;display:grid;overflow-y:auto}.input-selection-row{border:1px solid var(--border-soft);grid-template-columns:minmax(130px,.7fr) minmax(220px,1.3fr);align-items:center;gap:10px;padding:7px;display:grid}.input-selection-row span strong,.input-selection-row span small{display:block}.input-selection-row span strong{font-size:9px}.input-selection-row span small{color:var(--muted);margin-top:2px;font-size:7px}.input-selection-row select{border:1px solid var(--border);width:100%;color:var(--text);background:#090a10;padding:7px;font-size:8px}@media (width<=720px){.roster-grid,.input-selection-row{grid-template-columns:1fr}}:root{--inventory-width:clamp(320px, 18vw, 480px);--chat-height:clamp(180px, 18vh, 250px);--topbar-height:64px;--roster-strip-height:60px;--ui-2xs:clamp(8px, calc(.1vw + 6px), 10px);--ui-xs:clamp(9px, calc(.14vw + 6.5px), 11px);--ui-sm:clamp(10px, calc(.16vw + 7px), 12px);--ui-md:clamp(11px, calc(.18vw + 8px), 14px);--ui-lg:clamp(14px, calc(.22vw + 10px), 18px);--ui-xl:clamp(19px, calc(.28vw + 13px), 27px)}body{font-size:var(--ui-sm);line-height:1.35}.section-label{font-size:var(--ui-xs)}.empty-state{font-size:var(--ui-sm)}.primary-button,.ghost-button,.danger-button{min-height:32px;font-size:var(--ui-sm)}.compact{min-height:28px;font-size:var(--ui-xs)}.brand-button{gap:10px;padding-inline:14px}.brand-button img{width:42px;height:42px}.brand-button strong{font-size:var(--ui-md)}.nav-button{font-size:var(--ui-sm);padding-inline:16px}.nav-count{min-width:18px;height:18px;font-size:var(--ui-2xs)}.skill-menu-heading{font-size:var(--ui-xs)}.skill-menu-item strong{font-size:var(--ui-sm)}.skill-menu-item small{font-size:var(--ui-xs)}.global-action{grid-template-columns:40px minmax(150px,1fr) auto auto;gap:8px;padding:6px 10px}.global-action.idle{grid-template-columns:36px minmax(0,1fr)}.global-action>img{width:36px;height:36px}.global-action-copy>span{font-size:var(--ui-xs)}.global-action-copy>strong{font-size:var(--ui-sm)}.global-action-progress{grid-template-columns:minmax(90px,1fr) 45px}.global-action-progress b{font-size:var(--ui-xs)}.action-icon-button{width:32px;height:32px}.compact-action{min-height:32px;font-size:var(--ui-xs)}.topbar-status{font-size:var(--ui-xs);gap:8px;padding-inline:12px}.server-badge,.control-badge{font-size:var(--ui-2xs);padding:4px 6px}.character-select{max-width:180px;min-height:32px;font-size:var(--ui-xs)}.roster-strip-label{font-size:var(--ui-xs);padding-inline:12px}.roster-strip-list{grid-template-columns:repeat(5,minmax(150px,1fr))}.roster-chip{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:6px 8px}.roster-chip img{width:34px;height:34px}.roster-chip-copy strong{font-size:var(--ui-sm)}.roster-chip-copy small,.roster-chip>b{font-size:var(--ui-2xs)}.roster-chip-progress{height:4px;margin-top:5px}.main-stage{padding:12px}.main-scroll{gap:12px}.section-heading{padding:10px 13px}.section-heading h1{font-size:var(--ui-xl)}.section-heading h2{font-size:var(--ui-lg)}.skill-summary{grid-template-columns:76px minmax(0,1fr) auto;gap:14px;padding:13px}.skill-hero-image{width:74px;height:74px}.skill-summary-copy h1{font-size:var(--ui-xl);margin-bottom:6px}.skill-tool-line,.xp-line{font-size:var(--ui-xs)}.skill-stats{grid-template-columns:repeat(3,minmax(86px,1fr))}.skill-stats>div{padding:9px 11px}.skill-stats span{font-size:var(--ui-2xs)}.skill-stats strong{font-size:var(--ui-lg)}.activity-row{grid-template-columns:48px 42px minmax(150px,1fr) 190px 120px 120px;gap:9px;min-height:78px;padding:8px 10px}.activity-image{width:46px;height:46px}.activity-level{padding:5px 3px}.activity-level span{font-size:var(--ui-2xs)}.activity-level strong{font-size:var(--ui-sm)}.activity-copy h3{font-size:var(--ui-md);margin-bottom:3px}.activity-copy p,.activity-copy small{font-size:var(--ui-xs);line-height:1.4}.activity-mastery span{font-size:var(--ui-2xs)}.activity-mastery strong{font-size:var(--ui-md)}.activity-mastery small,.activity-reward span,.activity-reward small{font-size:var(--ui-xs)}.mastery-bonus-line{font-size:var(--ui-2xs)!important}.activity-reward strong{font-size:var(--ui-sm)}.activity-actions{gap:6px}.activity-actions button{min-height:34px;font-size:var(--ui-xs);padding:7px 6px}.inventory-header{padding:11px}.inventory-header h2{font-size:var(--ui-lg)}.inventory-tab{min-height:38px;font-size:var(--ui-xs)}.inventory-filter-row{gap:8px;padding:8px}.inventory-filter-row input{min-height:34px;font-size:var(--ui-sm);padding:7px 9px}.inventory-filter-row span{font-size:var(--ui-xs)}.inventory-scroll{padding:8px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:6px}.inventory-item{padding:5px}.inventory-icon-wrap strong{font-size:var(--ui-xs)}.inventory-item-name{font-size:var(--ui-xs);margin-top:4px}.inventory-variant-note{font-size:var(--ui-2xs);margin-top:2px}.inventory-variant-count{min-width:17px;height:17px;font-size:var(--ui-2xs)}.inventory-assignment{min-height:30px;font-size:var(--ui-xs)}.chat-tab{min-width:86px;min-height:36px;font-size:var(--ui-xs);padding:8px 11px}.chat-log{font-size:var(--ui-xs);padding:7px 10px;line-height:1.45}.chat-message{grid-template-columns:54px auto minmax(0,1fr);gap:9px;padding:3px 0}.chat-input-row{gap:7px;padding:7px}.chat-input-row input,.chat-input-row button{min-height:36px;font-size:var(--ui-xs)}.item-tooltip{width:min(340px,100vw - 20px);font-size:var(--ui-xs);padding:11px}.item-tooltip-head{grid-template-columns:50px minmax(0,1fr)}.item-tooltip-head img{width:48px;height:48px}.item-tooltip-head strong{font-size:var(--ui-md)}.item-tooltip-id{font-size:var(--ui-2xs)}@media (width>=1500px){:root{--topbar-height:70px;--roster-strip-height:66px;--inventory-width:clamp(390px, 18vw, 520px);--chat-height:clamp(200px, 19vh, 280px)}.activity-list{grid-template-columns:repeat(auto-fit,minmax(760px,1fr));align-content:start;gap:9px;padding:9px;display:grid}.activity-row{border:1px solid var(--border-soft);background:#13151e;grid-template:"image level copy actions""image level mastery reward"/54px 46px minmax(0,1fr) 160px;gap:8px 10px;min-height:108px;padding:11px 12px}.activity-row:last-child{border-bottom:1px solid var(--border-soft)}.activity-image{grid-area:image;align-self:start;width:52px;height:52px}.activity-level{grid-area:level;align-content:center;align-self:start;min-height:52px;display:grid}.activity-copy{grid-area:copy;align-self:start}.activity-copy p,.activity-copy small{white-space:normal;text-overflow:clip;overflow:visible}.activity-mastery{text-align:left;border-top:1px solid var(--border-soft);grid-area:mastery;align-self:end;padding-top:7px}.activity-reward{grid-area:reward;align-self:end}.activity-actions{grid-area:actions;align-self:start}}@media (width<=1300px){:root{--inventory-width:clamp(290px, 26vw, 340px)}.brand-button strong{display:none}.nav-button{padding-inline:11px}.activity-row{grid-template-columns:44px 38px minmax(130px,1fr) 145px 98px 104px;gap:7px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}@media (width<=900px){:root{--inventory-width:100%;--chat-height:auto;--topbar-height:auto;--roster-strip-height:auto;--ui-2xs:9px;--ui-xs:10px;--ui-sm:11px;--ui-md:13px;--ui-lg:16px;--ui-xl:21px}html,body,#app{height:auto;min-height:100%}body{overflow:hidden auto}.game-shell{width:100%;height:auto;min-height:100vh;display:block;overflow:visible}.topbar{z-index:100;min-height:0;padding-top:env(safe-area-inset-top);background:#11131a;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand status""nav nav""action action";display:grid;position:sticky;top:0}.brand-button{border-bottom:1px solid var(--border);grid-area:brand;min-width:0;min-height:48px}.brand-button strong{text-overflow:ellipsis;display:block;overflow:hidden}.brand-button img{flex:none;width:34px;height:34px}.top-nav{border-top:1px solid var(--border);border-bottom:1px solid var(--border);scrollbar-width:none;grid-area:nav;min-width:0;overflow:auto hidden}.top-nav::-webkit-scrollbar{display:none}.nav-button{min-height:44px;font-size:var(--ui-sm);padding-inline:14px}.skills-menu{width:min(320px,100vw - 16px);max-height:58vh;position:fixed;top:auto;left:8px}.global-action{border-top:0;border-left:0;grid-area:action;min-height:58px;padding:7px 9px}.topbar-status{scrollbar-width:none;grid-area:status;justify-content:flex-end;min-width:0;max-width:62vw;min-height:48px;padding:6px 8px;overflow-x:auto}.topbar-status::-webkit-scrollbar{display:none}.character-select{max-width:128px}.roster-strip{background:#0d0f16;min-height:0;display:block;position:static}.roster-strip-label{display:none}.roster-strip-list{scrollbar-width:thin;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.roster-chip{scroll-snap-align:start;flex:0 0 min(210px,72vw);min-height:58px}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.main-stage{order:1;width:100%;height:auto;min-height:0;padding:8px;overflow:visible}.main-scroll{width:100%;height:auto;min-height:0;display:block;overflow:visible}.main-scroll>*+*{margin-top:8px}.system-page,.leaderboard-page{height:auto;min-height:0;overflow:visible}.skill-summary{grid-template-columns:58px minmax(0,1fr);gap:10px;margin-bottom:8px;padding:10px}.skill-hero-image{width:56px;height:56px}.skill-stats{grid-column:1/-1}.skill-stats>div{padding:8px 5px}.xp-line{flex-wrap:wrap}.activities-panel{display:block;overflow:visible}.activity-list{grid-template-columns:1fr;gap:8px;padding:8px;display:grid;overflow:visible}.activity-row,.activity-row:last-child{border:1px solid var(--border-soft);background:#13151e;grid-template:"image level copy""mastery mastery mastery""reward actions actions"/46px 40px minmax(0,1fr);gap:8px;min-height:0;padding:9px}.activity-image{grid-area:image;align-self:start;width:44px;height:44px}.activity-level{grid-area:level;align-self:start}.activity-copy{grid-area:copy}.activity-copy p,.activity-copy small{white-space:normal;text-overflow:clip;overflow:visible}.activity-mastery{text-align:left;border-top:1px solid var(--border-soft);grid-area:mastery;padding-top:7px}.activity-reward{text-align:left;grid-area:reward;align-self:center}.activity-actions{grid-area:actions;min-width:150px}.activity-actions button{min-height:38px}.inventory-dock{border:1px solid var(--border);order:2;width:auto;height:min(68vh,640px);margin:0 8px 8px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.chat-dock{width:auto;height:min(46vh,380px);margin:0 8px max(8px, env(safe-area-inset-bottom));border:1px solid var(--border);order:3}.chat-input-row{padding-bottom:max(7px, env(safe-area-inset-bottom))}.equipment-grid,.roster-grid{grid-template-columns:1fr}.queue-row{grid-template-columns:28px 38px minmax(0,1fr) auto;min-height:56px}.queue-row>span[data-queue-remaining]{grid-column:3}.toast-host{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));width:min(360px,100vw - 20px)}}@media (width<=560px){.brand-button strong{display:none}.topbar{grid-template-columns:auto minmax(0,1fr)}.topbar-status{max-width:none}.topbar-status>.control-badge{display:none}.character-select{max-width:116px}.skill-summary{grid-template-columns:48px minmax(0,1fr)}.skill-hero-image{width:46px;height:46px}.skill-summary-copy h1{font-size:19px}.activity-row,.activity-row:last-child{grid-template-columns:42px 38px minmax(0,1fr);grid-template-areas:"image level copy""mastery mastery mastery""reward reward reward""actions actions actions"}.activity-actions{min-width:0}.activity-actions button,.primary-button,.ghost-button,.danger-button{min-height:40px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.inventory-tab{min-height:42px}.chat-message{grid-template-columns:48px minmax(70px,auto) minmax(0,1fr);gap:6px}.modal-backdrop{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:end}.modal-card{width:100%;max-height:88vh}.variant-row{grid-template-columns:44px minmax(0,1fr)}.variant-row>b{text-align:left;grid-column:2}.roster-card{grid-template-columns:44px minmax(0,1fr)}.roster-card img{width:42px;height:42px}.roster-card-side{text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;width:100%;display:flex}}