:root{--bg:#141019;--panel:#1b1622d9;--panel-border:#3b3149;--text:#f4ecd2;--muted:#a99fb8;--accent:#ff9d2e;--xp:#7cf5a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}.shell{height:100%;position:relative}.game-canvas{position:absolute;inset:0}.game-canvas canvas{image-rendering:pixelated}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;padding:8px 12px;position:absolute}.top-bar{align-items:center;gap:16px;display:flex;top:8px;left:8px;right:8px}.logo{letter-spacing:.08em;color:var(--accent);margin:0 8px 0 0;font-size:18px}.stat.region{color:var(--muted);margin-left:auto}.xp-bar{border:1px solid var(--panel-border);background:#2a2433;width:160px;height:8px}.xp-fill{background:var(--xp);height:100%}.side-nav{flex-direction:column;gap:6px;display:flex;top:64px;left:8px}.side-nav button{font:inherit;color:var(--muted);border:1px solid var(--panel-border);text-align:left;background:#2a2433;border-radius:3px;padding:6px 10px}.equipment{width:220px;top:64px;right:8px}.equipment h2{color:var(--muted);margin:0 0 8px;font-size:14px}.equipment h3{color:var(--muted);margin:10px 0 6px;font-size:12px;font-weight:400}.skills{gap:2px;margin:0;padding-left:18px;font-size:13px;display:grid}.skills li span:last-child{float:right}.ready{color:var(--xp)}.muted-stat{color:var(--muted);font-size:13px}.gold{color:#ffd34d}.equipment ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.equipment li{align-items:center;gap:8px;font-size:13px;display:flex}.equipment img{image-rendering:pixelated}.bottom-bar{gap:24px;font-size:13px;display:flex;bottom:8px;left:8px;right:8px}.muted{color:var(--muted);margin-left:auto}.side-nav button:not(:disabled){color:var(--text);cursor:pointer}.side-nav button.active{border-color:var(--accent);color:var(--accent)}button{font:inherit}.item-icon{image-rendering:pixelated;border:2px solid var(--panel-border);background:#2a2433;border-radius:3px;flex:none}.equipment li .item-icon{width:24px;height:24px}.loot-history li{font-size:12px}.loot-history small{color:var(--muted)}.loot-history .highlight{font-weight:700}.inventory,.regions,.salvage-rules{z-index:20;background:#1b1622f5;flex-direction:column;gap:8px;display:flex;inset:64px 244px 56px 140px}.inventory-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inventory-header h2{color:var(--muted);margin:0;font-size:14px}.inventory-header button,.inventory-header select,.item-detail .actions button{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:3px;padding:4px 8px;font-size:12px}.inventory-header select,.inventory-filters input[type=search],.salvage-rules .level-input{font:inherit;font-size:12px}.inventory-filters input[type=search],.salvage-rules .level-input{color:var(--text);border:1px solid var(--panel-border);background:#2a2433;border-radius:3px;padding:4px 8px}.inventory-filters{font-size:12px}.inventory-filters label{cursor:pointer;align-items:center;gap:4px;display:flex}button:disabled{cursor:default;opacity:.55}.inventory-header .close{margin-left:auto}.inventory-body{flex:1;grid-template-columns:minmax(200px,1fr) minmax(260px,1.2fr);gap:10px;min-height:0;display:grid}.item-list{align-content:start;gap:3px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.item-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:8px;padding:3px 6px;display:flex}.item-row:hover,.item-row:focus-visible{background:#2a2433}.item-row.selected{border-color:var(--accent);background:#2a2433}.item-row-text{flex-direction:column;min-width:0;font-size:13px;display:flex}.item-row-text small{color:var(--muted);font-size:11px}.badges{gap:4px;margin-left:auto;font-size:11px;display:flex}.badge.locked{color:var(--bg);background:#ffd34d;border-radius:2px;padding:0 4px;font-weight:700}.badge.equipped{color:var(--bg);background:var(--xp);border-radius:2px;padding:0 4px;font-weight:700}.item-detail{border-left:1px solid var(--panel-border);padding-left:10px;font-size:13px;overflow-y:auto}.item-detail header{align-items:center;gap:10px;display:flex}.item-detail h3{margin:0;font-size:15px}.item-detail p{margin:2px 0}.stat-lines{gap:2px;margin:8px 0;padding:0;list-style:none;display:grid}.stat-lines.affixes li{color:#9fc4ff;justify-content:space-between;gap:8px;display:flex}.range{color:var(--muted);white-space:nowrap;font-size:11px}.legendary-power{color:#ffc884;border:1px solid #ff9d2e;border-radius:3px;margin:8px 0;padding:6px 8px}.compare{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}.compare caption{text-align:left;color:var(--muted);padding-bottom:4px}.compare th{text-align:left;color:var(--muted);font-weight:400}.compare td{text-align:right;padding-left:8px}.compare .better{color:var(--xp)}.compare .worse{color:#ff6b6b}.item-detail .actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.drop-toasts{pointer-events:none;z-index:10;gap:4px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:64px;left:50%;transform:translate(-50%)}.drop-toast{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-size:13px;animation:4s ease-in forwards drop-toast;display:flex}.drop-toast.rarity-epic,.drop-toast.rarity-legendary{border-width:2px;border-color:currentColor}.drop-toast.rarity-epic{color:#b77cff}.drop-toast.rarity-legendary{color:#ff9d2e}.drop-toast.rarity-mythic{color:#ff4d4d;border-width:3px;border-color:currentColor;font-size:1.1em;animation-duration:7s;box-shadow:0 0 16px #ff4d4d99}.mythic-tag{letter-spacing:.08em}.summary-mythic{color:#ff4d4d;text-align:center;border:2px solid #ff4d4d;border-radius:4px;margin:.5rem 0;padding:.5rem .75rem;font-weight:700;box-shadow:0 0 14px #ff4d4d80}@keyframes drop-toast{0%{opacity:0;transform:translateY(-6px)}8%,75%{opacity:1;transform:none}to{opacity:0}}@keyframes drop-toast-fade{0%,75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.drop-toast{animation-name:drop-toast-fade}}@media (width<=720px){.equipment{display:none}.side-nav{flex-flow:wrap;top:auto;bottom:56px}.side-nav button:disabled{display:none}.inventory,.regions,.salvage-rules{bottom:104px;left:8px;right:8px}.inventory-body{grid-template-columns:1fr}.top-bar,.bottom-bar{flex-wrap:wrap;gap:8px}}.region-list .item-row-text small.met{color:var(--xp)}.unmet{color:#ff8a7a}.badge.open{color:var(--bg);background:#9ec5ff;border-radius:2px;padding:0 4px;font-weight:700}.region-detail header{justify-content:space-between}.region-detail header button,.signature-list button{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:3px;padding:4px 10px}.region-detail h4,.boss-card h4{color:var(--muted);margin:12px 0 6px;font-size:13px;font-weight:400}.enemy-lines .enemy-elite span:first-child{color:#c9f29b}.enemy-lines .enemy-boss span:first-child{color:#ff6b6b}.boss-card{background:#3c1e2859;border:1px solid #5a3b4a;border-radius:4px;margin-top:12px;padding:8px 10px}.boss-card h4:first-child{color:#ff6b6b;margin-top:0;font-size:14px}.boss-card p{margin:2px 0}.boss-alert{color:#ff6b6b;font-weight:700}.meter-row{gap:3px;margin:8px 0;font-size:12px;display:grid}.meter{border:1px solid var(--panel-border);background:#2a2433;height:8px}.meter-fill{height:100%}.meter.pity .meter-fill{background:#ffd34d}.meter.fragments .meter-fill{background:#b89ae6}.signature-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.signature-list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.signature-list button{margin-left:auto}.legendary-name{color:#ff9d2e}.refusal{text-align:right;flex-basis:100%;font-size:11px}.focus-select select{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#2a2433}.enemy-lines li{justify-content:space-between;gap:12px;display:flex}.gate{place-items:center;height:100%;padding:16px;display:grid}.gate-card{text-align:center;gap:12px;max-width:420px;padding:24px;display:grid;position:static}.gate-card .logo{margin:0;font-size:24px}.gate-card button,.summary button{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:4px;justify-self:center;padding:6px 14px}.gate-card button:hover,.summary button:not(:disabled):hover{border-color:var(--accent)}.summary button:disabled{color:var(--muted);cursor:default}.loading:after{content:"";text-align:left;width:1.5em;animation:1.2s steps(4,end) infinite loading-dots;display:inline-block}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.notice{color:#ffd27a;max-width:min(560px,100% - 16px);font-size:12px;bottom:52px;left:50%;transform:translate(-50%)}.summary-backdrop{z-index:20;background:#0a080eb3;place-items:center;padding:16px;animation:.3s ease-out summary-fade;display:grid;position:absolute;inset:0}.summary{border-color:var(--accent);background:#1b1622f7;width:min(720px,100%);max-height:calc(100% - 16px);padding:16px 20px;animation:.45s cubic-bezier(.2,1.4,.4,1) summary-pop;position:relative;overflow-y:auto;box-shadow:0 0 32px #ff9d2e40}.summary h2{color:var(--accent);letter-spacing:.06em;margin:0}.summary h3{color:var(--muted);margin:16px 0 8px;font-size:14px}.summary-header{align-items:center;gap:16px;display:flex}.summary-header p{margin:4px 0 0}.chest{background:#8a5a2b;border:3px solid #4a2e14;flex:none;width:48px;height:40px;position:relative;box-shadow:inset 0 -10px #6e4520,0 0 18px #ffd27a99}.chest:before{content:"";transform-origin:0 100%;background:#a06a34;border:3px solid #4a2e14;height:14px;animation:.6s ease-out .2s both chest-open;position:absolute;top:-14px;left:-3px;right:-3px}.chest:after{content:"";background:#ffd27a;width:6px;height:8px;position:absolute;top:6px;left:18px}.reward-tiles,.summary-bosses,.drop-cards{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.reward-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.reward-tile{border:1px solid var(--panel-border);background:#221c2b;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:8px;padding:8px 10px;animation:.4s ease-out both reward-in;display:grid}.reward-icon{color:var(--accent);grid-row:span 2;align-self:center;font-size:20px}.reward-label{color:var(--muted);font-size:12px}.reward-value{color:var(--text);font-size:15px}.boss-line .reward-icon{color:#ff6b6b}.summary-drops-line,.summary-salvage{margin:10px 0 0;font-size:13px}.summary-salvage{color:var(--muted)}.rarity-chip{border:1px solid;border-radius:3px;margin:2px 6px 2px 0;padding:1px 6px;display:inline-block}.rarity-chip.rarity-common{color:#b8b4c4}.rarity-chip.rarity-uncommon{color:#5fd36b}.rarity-chip.rarity-rare{color:#5aa0ff}.rarity-chip.rarity-epic{color:#b77cff}.rarity-chip.rarity-legendary{color:#ff9d2e}.rarity-chip.rarity-mythic{color:#ff4d4d;font-weight:700}.drop-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.drop-card{border:1px solid var(--panel-border);background:#221c2b;border-left-width:4px;border-radius:4px;padding:8px 10px;animation:.45s ease-out both reward-in}.drop-card.rarity-rare{border-left-color:#5aa0ff}.drop-card.rarity-epic{border-color:#b77cff;box-shadow:0 0 10px #b77cff59}.drop-card.rarity-legendary{border-color:#ff9d2e;animation:.45s ease-out both reward-in,1.6s ease-in-out 1.2s infinite alternate legendary-glow;box-shadow:0 0 14px #ff9d2e80}.drop-card.rarity-mythic{border-width:2px;border-color:#ff4d4d;animation:.45s ease-out both reward-in,1.2s ease-in-out 1.2s infinite alternate mythic-glow;box-shadow:0 0 18px #ff4d4d99}@keyframes mythic-glow{0%{box-shadow:0 0 10px #ff4d4d66}to{box-shadow:0 0 24px #ff4d4dd9}}.drop-card.settled{opacity:.7}.drop-card-head{align-items:center;gap:8px;display:flex}.copies{color:var(--text);font-weight:400}.drop-card-head small{color:var(--muted);display:block}.drop-compare{color:var(--muted);margin:6px 0 0;font-size:12px}.drop-compare .better{color:var(--xp)}.drop-compare .worse{color:#ff6b6b}.drop-card .actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.drop-card .actions button{padding:3px 8px;font-size:12px}.summary-footer{justify-content:center;margin-top:16px;display:flex}.summary .collect{color:#1b1622;background:var(--accent);border-color:var(--accent);padding:8px 24px;font-size:15px}.summary .collect:hover{filter:brightness(1.1)}@keyframes summary-fade{0%{opacity:0}}@keyframes summary-pop{0%{opacity:0;transform:scale(.92)}}@keyframes chest-open{to{transform:rotate(-28deg)translateY(-2px)}}@keyframes reward-in{0%{opacity:0;transform:translateY(8px)}}@keyframes legendary-glow{to{box-shadow:0 0 22px #ff9d2ed9}}@media (prefers-reduced-motion:reduce){.summary-backdrop,.summary,.reward-tile,.drop-card,.drop-card.rarity-legendary,.drop-card.rarity-mythic,.chest:before,.loading:after{animation:none}}.bar-button{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:3px;padding:2px 8px;font-size:12px}.bar-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.salvage-rules{font-size:13px;overflow-y:auto}.rules-intro,.rule-help{max-width:70ch;margin:0}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.rules-grid fieldset{border:1px solid var(--panel-border);border-radius:4px;align-content:start;gap:6px;display:grid}.rules-grid legend{color:var(--muted);padding:0 4px}.rule-option{cursor:pointer;align-items:center;gap:8px;display:flex}.salvage-rules .level-input{width:64px}.rules-preview{border:1px solid var(--accent);background:#ff9d2e14;border-radius:4px;padding:8px 10px}.rules-preview p{margin:0 0 8px}.rules-preview .actions,.copy-list ol{flex-wrap:wrap;gap:8px;display:flex}.rules-preview button,.copy-list button{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:3px;padding:4px 8px;font-size:12px}.badge.upgrade{color:var(--bg);background:#5fd36b;border-radius:2px;padding:0 4px;font-weight:700}.detail-column{flex-direction:column;gap:8px;min-height:0;display:flex}.detail-column .item-detail{flex:1}.copy-list{border-left:1px solid var(--panel-border);padding-left:10px;font-size:12px}.copy-list h4{color:var(--muted);margin:0 0 4px;font-size:12px}.copy-list ol{max-height:60px;margin:0;padding:0;list-style:none;overflow-y:auto}.copy-list button.selected{border-color:var(--accent)}.drop-toast.salvaged{color:var(--muted);opacity:.85;font-size:12px}.salvage-log{color:var(--muted);margin:0 0 4px;font-size:12px}.stat.power{color:var(--accent);font-weight:700}.power-line{margin:0 0 6px;font-size:13px}.power-line small{color:var(--muted)}.badge.upgrade{white-space:nowrap}.better{color:var(--xp)}.worse{color:#ff6b6b}.crafting-view{border-top:1px solid var(--panel-border);margin-top:8px;padding-top:8px;font-size:12px}.craft-tabs{gap:4px;margin-bottom:6px;display:flex}.craft-tabs button,.craft-tab button,.confirm button{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:3px;padding:4px 8px;font-family:inherit;font-size:12px}.craft-tabs button.active{border-color:var(--accent);color:var(--accent)}.craft-tab button:disabled{opacity:.5;cursor:default}.craft-tab p{margin:4px 0}.affix-choice{border:1px solid var(--panel-border);border-radius:3px;flex-direction:column;gap:2px;margin:6px 0;display:flex}.affix-choice legend{color:var(--muted)}.reforge-options{max-height:120px;overflow-y:auto}.confirm{border:1px solid var(--accent);border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.confirm .confirm-yes{border-color:var(--accent);color:var(--accent)}.craft-outcome{border-left:3px solid var(--accent);background:#ff9d2e14;margin:4px 0 8px;padding:4px 6px}.list-heading{color:var(--muted);text-transform:uppercase;padding:6px 4px 2px;font-size:11px}.reforge-options li{justify-content:space-between;gap:8px;display:flex}.badge.utility{color:var(--bg);background:#e8c547;border-radius:2px;padding:0 4px;font-weight:700}.utility-note{color:#e8c547}.overlay-panel{z-index:20;background:#1b1622f5;flex-direction:column;gap:8px;display:flex;inset:64px 244px 56px 140px;overflow-y:auto}.overlay-panel h3{color:var(--muted);margin:4px 0;font-size:13px}.skills-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.skill-list{margin:0;padding:0;list-style:none}.skill-row{border-bottom:1px solid var(--panel-border);align-items:center;gap:8px;padding:6px 4px;display:flex}.skill-row .item-row-text{flex:1}.skill-rank{color:var(--accent);min-width:1.5em;font-weight:700}.skill-actions{align-items:center;gap:4px;display:flex}.locked-skill{opacity:.6}@media (width<=720px){.overlay-panel{bottom:104px;left:8px;right:8px}.skills-columns{grid-template-columns:1fr}}.loadout-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.loadout-card{border:1px solid var(--panel-border);border-radius:4px;flex-direction:column;gap:6px;padding:8px;display:flex}.loadout-card.current{border-color:var(--accent)}.loadout-card header{align-items:center;gap:6px;display:flex}.loadout-card input{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:0 0;flex:1;padding:2px 4px}.loadout-items{flex-direction:column;gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.loadout-items li{align-items:center;gap:4px;display:flex}.discovery-toasts{top:150px}.drop-toast.discovery{color:#8fd3ff;border-color:#8fd3ff}.hero-title{color:var(--accent);font-style:italic}.collection-body{grid-template-columns:200px 1fr 1fr;gap:12px;min-height:0;display:grid}.codex-tabs{flex-direction:column;gap:4px;display:flex}.codex-tabs button{text-align:left;justify-content:space-between;display:flex}.codex-tabs button.active{border-color:var(--accent)}.codex-entries,.milestones ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.codex-entries li{border:1px solid var(--panel-border);border-radius:3px;flex-direction:column;padding:4px 6px;display:flex}.codex-entries li.undiscovered{opacity:.5}.milestones li{border-bottom:1px solid var(--panel-border);grid-template-columns:1fr 80px auto auto;align-items:center;gap:6px;padding:4px 0;display:grid}.milestones li.earned strong{color:var(--xp)}.milestones .meter{background:var(--panel-border);height:6px;display:block}.milestones .meter-fill{background:var(--xp);height:100%;display:block}@media (width<=720px){.collection-body{grid-template-columns:1fr}}.contract-progress{flex-direction:column;align-items:flex-end;gap:2px;min-width:90px;display:flex}.contract-progress .meter{background:var(--panel-border);width:90px;height:6px;display:block}.contract-progress .meter-fill{background:var(--xp);height:100%;display:block}button.claim{border-color:var(--xp);color:var(--xp)}.summary-contracts{margin:4px 0;padding-left:18px}.class-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.class-option{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.class-option strong{color:var(--accent);font-size:15px}.power-compare small.met,.region-detail small.met{color:var(--xp)}.power-compare{flex-direction:column;gap:2px;margin:4px 0 8px;display:flex}.enemy-challenge{color:#ffb35c}.mechanics-guide{margin:6px 0 10px;font-size:.85em}.mechanics-guide summary{cursor:pointer;color:#ffb35c}.mechanics-guide ul,.boss-mechanics{margin:4px 0;padding-left:16px}.boss-mechanics{font-size:.85em}.stat.resist{color:#ffb35c}.rift-body{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.rift-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rift-controls button,.tier-picker button{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:3px;padding:4px 10px}.rift-controls button:disabled{cursor:default;opacity:.6}.tier-picker input{width:64px;color:var(--text);border:1px solid var(--panel-border);font:inherit;background:#1d1824;border-radius:3px;margin:0 4px;padding:3px 4px}.auto-advance-rule{margin:0}.rift-detail{overflow:visible}.rift-modifiers strong{color:#c9a6ff}.rift-rewards h4{color:var(--muted);margin:12px 0 6px;font-size:13px;font-weight:400}.rift-locked p{margin:4px 0}.stat.rift-best{color:#c9a6ff}.summary-rift{color:#c9a6ff;margin:6px 0}.rift-rewards .stat-lines li,.rift-modifiers li{justify-content:space-between;gap:12px;display:flex}.paragon-hud.unspent{color:#ffd166;border-color:#ffd166}.paragon-effects{margin:2px 0;padding:0;list-style:none}.paragon-effects li{font-size:.85em}.legendary-power.mythic-power{color:#ffd0d0;border-color:#ff4d4d}.legendary-power.mythic-power strong{color:#ff4d4d}.compact-shell{font-size:12px}.companion{height:100%;position:relative}.companion .game-canvas{inset:0;overflow:hidden}.companion-hud{background:#141019b8;gap:2px;max-width:min(260px,30%);padding:4px 8px;display:grid;top:6px;left:6px}.companion-hud .stats-row{gap:10px;display:flex}.companion-hud .stat{white-space:nowrap;font-size:12px}.companion-drop{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.companion-controls{opacity:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 10px;max-width:560px;padding:6px 8px;transition:opacity .15s ease-out;display:flex;top:6px;right:6px}.dock-top .companion-controls{top:auto;bottom:6px}.companion:hover .companion-controls,.companion-controls:focus-within{opacity:1}.companion-controls button,.companion-controls select,.companion-controls a{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#2a2433;border-radius:3px;padding:2px 8px;text-decoration:none}.companion-controls button:hover,.companion-controls a:hover{border-color:var(--accent)}.companion-controls label{color:var(--muted);align-items:center;gap:4px;display:flex}.companion-controls input[type=range]{width:72px}.compact-gate{padding:4px}.compact-gate .gate-card{gap:6px;max-height:100%;padding:8px 12px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.companion-controls{transition:none}}.cloud-section{margin-top:10px}.cloud-section h3{margin:0 0 4px;font-size:1em}.cloud-section input{font:inherit;text-transform:uppercase;letter-spacing:1px}.transfer-code{letter-spacing:2px;font-size:1.4em}.button-like{cursor:pointer;border:1px solid;border-radius:3px;padding:2px 8px;display:inline-block}.cloud-prompt-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cloud-prompt{max-width:560px;margin:12px}button.danger{color:#f88;border-color:#d55}.cloud-section .actions,.cloud-prompt .actions,[data-testid=cloud-panel]>.actions{flex-wrap:wrap;gap:8px;display:flex}