/* Theme 06. Colours and art change independently from layout, equipped IDs and game state. */
:root{--surface:#070d28;--surface-raised:#111735;--surface-soft:#171334;--ink:#f4edff;--ink-muted:#c7b8e8;--accent:#f7cc69;--line-soft:#61458f;--hover-fill:#241b40;--shadow-soft:0 10px 28px #0003}
.theme-switch{display:flex;gap:4px;padding:4px;margin:0 4px 9px;border:1px solid var(--line-soft);background:var(--surface);border-radius:5px}
.theme-switch button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;min-height:32px;height:32px;padding:4px;font:13px/1.1 Interface,sans-serif;border:1px solid transparent;border-radius:3px;color:var(--ink-muted);background:transparent;box-shadow:none;transform:none}
.theme-switch button svg{width:17px;height:17px;flex:none}.theme-switch button.selected{background:var(--surface-soft);border-color:var(--accent);color:var(--accent)}.theme-switch button:hover{background:var(--hover-fill);color:var(--accent)}
.info summary{display:grid;place-items:center;width:32px;height:32px;min-height:32px;border:0!important;border-radius:50%;background:transparent;color:var(--ink-muted);padding:0;font-size:0;box-shadow:none}
.info-glyph{width:25px;height:25px;display:block;pointer-events:none}.info summary:hover,.info summary:focus-visible{background:var(--hover-fill);color:var(--accent);box-shadow:none;outline-offset:1px}
.cabinet-info{left:auto;right:8.2%;top:78.1%;height:11.5%;width:7%;display:flex;align-items:center;justify-content:center}.cabinet-info .info summary{width:32px;height:32px;min-height:32px;background:#111530bd;color:#f6e8c4;border:1px solid #cbbfdf80!important}.cabinet-info .info-glyph{width:22px;height:22px}.cabinet-info .info summary:hover{background:#30264ee6;color:#ffe494}
.lucky-price>.info{right:8px;top:7px}.lucky-price h2{padding-right:36px}.weekly-set .info{flex:none}.info .tooltip[popover]{border-radius:6px;border:1px solid var(--line-soft);box-shadow:var(--shadow-soft)}
.cpu-settings{display:flex;align-items:center;gap:7px;margin-left:auto;min-width:0;align-self:center;padding:0 1px 6px}.cpu-settings label{font:13px/1.2 Interface,sans-serif;color:var(--ink-muted);white-space:nowrap}.cpu-settings select{width:73px;min-width:60px;height:33px;min-height:33px;padding:4px 6px;font:14px Interface,sans-serif;border-width:1px}.cpu-settings .info summary{width:28px;height:28px;min-height:28px}.cpu-settings .info-glyph{width:23px;height:23px}
@media(min-width:701px) and (max-width:1150px){.theme-switch{padding:3px;margin:0 0 9px;flex-direction:column}.theme-switch button{min-height:32px;flex:none}.theme-switch span{display:none}.cpu-settings label{font-size:11px}.cpu-settings{gap:3px}.cpu-settings select{width:66px}.device-tabs button{gap:7px;padding-left:9px;padding-right:9px;min-width:93px}}
@media(max-width:700px){.theme-switch{margin-bottom:12px}.theme-switch button{min-height:40px;height:40px;font-size:15px}.theme-switch button svg{width:20px;height:20px}.device-tabs{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:55px;padding-bottom:7px}.device-tabs button{min-width:0;min-height:39px}.cpu-settings{grid-column:1/-1;justify-content:space-between;margin:4px 0 0;padding:0 3px;height:40px}.cpu-settings label{font-size:15px}.cpu-settings select{width:106px;min-height:36px}.cpu-settings .info summary{width:32px;height:32px}.cabinet-info .info summary{width:30px;height:30px;min-height:30px}.cabinet-info .info-glyph{width:20px;height:20px}.cabinet-info{right:7.7%}}
:root[data-theme="light"]{color-scheme:light;--bg:#f0e8dc;--panel:#fffaf1;--text:#342a43;--muted:#655670;--gold:#885213;--green:#08654f;--red:#ac2c49;--line:#aa8fbb;--line-dark:#7f658e;--surface:#fcf6ed;--surface-raised:#fffaf4;--surface-soft:#f4e4cf;--ink:#342a43;--ink-muted:#655670;--accent:#875011;--line-soft:#b19abc;--hover-fill:#f2e4d4;--shadow-soft:0 10px 26px #65491c18;background:#f0e8dc;color:#342a43}
[data-theme="light"] body{background:radial-gradient(ellipse at 50% 8%,#fffaf1,transparent 68%),#ede5da;color:var(--ink)}
[data-theme="light"] #app>.sidebar{background:linear-gradient(180deg,#fffaf5 0%,#fff5e5b8 64%,#f4dfc8ba 100%),var(--scene-2) center bottom/100% auto no-repeat;border-color:#ad92b8;box-shadow:0 8px 24px #85633714}
[data-theme="light"] .brand strong{color:#7c4d17}[data-theme="light"] #app>.sidebar .sidebar-note{color:#675870}[data-theme="light"] .nav-link .icon{color:#725b89}[data-theme="light"] .nav-link.active .icon{color:#8c5619}
[data-theme="light"] #app>.sidebar .nav-link.active{border-color:#bf9852;background:linear-gradient(90deg,#f6ddb4,#f7ead6);color:#663d13}[data-theme="light"] #app>.sidebar .nav-link:hover{background:linear-gradient(90deg,#eddef0,#f8eee2);color:#644179}
[data-theme="light"] #app>.workspace,[data-theme="light"] #app>.docs-shell{background:transparent;color:var(--ink)}
[data-theme="light"] .panel{background:linear-gradient(120deg,#fffbf4,#f9f0e4);border-color:#ad95bd;box-shadow:inset 0 0 0 1px #ffffff85}
[data-theme="light"] h1{background:linear-gradient(#725037,#9b581c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}[data-theme="light"] h2,[data-theme="light"] h3{color:#433049}
[data-theme="light"] .btn,[data-theme="light"] button,[data-theme="light"] input,[data-theme="light"] select{color:#45334d;background:#fffaf2;border-color:#ab91ba;box-shadow:none}
[data-theme="light"] .btn,[data-theme="light"] .tab,[data-theme="light"] .trait-card,[data-theme="light"] .fox-card,[data-theme="light"] .ticket-card,[data-theme="light"] .slot-button,[data-theme="light"] .selected-ticket,[data-theme="light"] .head-actions button{border-image:none;border-radius:3px}
[data-theme="light"] .btn.primary{color:#67400f;background:linear-gradient(#fae9c8,#f3d9aa);border-color:#b48a44;box-shadow:inset 0 1px #fff6e6}
[data-theme="light"] .btn.danger{color:#992a44;background:#fff1ef;border-color:#bf6476}[data-theme="light"] .btn.danger:hover:not(:disabled){color:#7e1730;background:#fbdcde;box-shadow:0 0 0 3px #ba536c18}
[data-theme="light"] .btn:hover:not(:disabled),[data-theme="light"] .tab:hover,[data-theme="light"] .head-actions button:hover{background:linear-gradient(#f2dfc7,#faecd7);border-color:#a87b37;color:#603f13;box-shadow:0 3px 10px #8b611c16}
[data-theme="light"] .tab{background:#f9f2eb;color:#6c547a}[data-theme="light"] .tab.active{background:linear-gradient(#f6e0b9,#faefdc);color:#684010;border-color:#b58a41;box-shadow:none}[data-theme="light"] .tabs{border-color:#b99bc8}
[data-theme="light"] .trait-card,[data-theme="light"] .ticket-card,[data-theme="light"] .fox-card,[data-theme="light"] .slot-button{background:#fffaf5;border-color:#baa4c7}[data-theme="light"] .trait-card:hover:not(:disabled),[data-theme="light"] .ticket-card:hover,[data-theme="light"] .fox-card:hover,[data-theme="light"] .slot-button:hover{background:#f4e6d3;border-color:#b58537;color:#463044;box-shadow:inset 0 0 12px #c3a87316}
[data-theme="light"] .trait-card.selected,[data-theme="light"] .ticket-card.selected,[data-theme="light"] .fox-card.selected,[data-theme="light"] .slot-button.selected{background:#fff0d8;border-color:#b07b25;box-shadow:inset 0 0 0 1px #e7c37e}
[data-theme="light"] .muted,[data-theme="light"] .small.muted,[data-theme="light"] .reward-status{color:#66576f}[data-theme="light"] .green{color:#08654f}[data-theme="light"] .gold{color:#83501b}[data-theme="light"] .red{color:#a32642}
[data-theme="light"] .stat{background:linear-gradient(#fffaf2,#f8ebd8)}[data-theme="light"] .stat .label,[data-theme="light"] .stat .epoch-count,[data-theme="light"] .metric small{color:#645472}[data-theme="light"] .stat .value,[data-theme="light"] .reward-card .amount,[data-theme="light"] .burn-total,[data-theme="light"] .summary-price strong{color:#7d4914}[data-theme="light"] .stat>.icon{color:#9c641f}
[data-theme="light"] .progress{background:#e6dae9;border-color:#b498c4}[data-theme="light"] .progress span{background:linear-gradient(90deg,#c58b38,#e3ba68);box-shadow:inset 0 0 0 1px #bc903e}
[data-theme="light"] .epoch-bar,[data-theme="light"] .wallet-count,[data-theme="light"] .device-tabs,[data-theme="light"] .balance-total,[data-theme="light"] .balance-row,[data-theme="light"] .trait-detail{border-color:#c1aacb}[data-theme="light"] .countdown{color:#76460e}[data-theme="light"] .claim-hint{color:#805215}[data-theme="light"] .wallet-last span{color:#67536f}
[data-theme="light"] .activity td{color:#423649;border-color:#d2c1da}[data-theme="light"] .activity td:last-child,[data-theme="light"] .activity td:nth-child(3){color:#6b5a74}[data-theme="light"] .wallet-count .icon,[data-theme="light"] .slot-button>.icon{color:#8e6329}
[data-theme="light"] .device-tabs button.active{color:#7c5117;border-color:#b2894d;background:#f7e1ba}[data-theme="light"] .cpu-settings label{color:#5a4a66}
[data-theme="light"] .fox-selector h2{color:#704711}[data-theme="light"] .fox-card small{color:#756482}[data-theme="light"] .fox-card.selected small{color:#07674f}[data-theme="light"] .status-dot,[data-theme="light"] .selection-dot{background:#258064;box-shadow:none}
[data-theme="light"] .dressing-stage>.fox-stage{background-color:#f4e3c4}[data-theme="light"] .trait-card .none{color:#7c638e}[data-theme="light"] .trait-card .check,[data-theme="light"] .ticket-card.selected:after{color:#56390a;background:#edc876}
[data-theme="light"] .reward-card .row>.icon{color:#94701d}[data-theme="light"] .reward-card:first-child .row>.icon,[data-theme="light"] .reward-card:last-child .row>.icon{color:#8c6ba0}[data-theme="light"] .balance-row>span:first-child{color:#61516b}
[data-theme="light"] .burn-note{color:#6c4b52;background:#fff5ef;border-color:#cda2a8}[data-theme="light"] .burn-note:before{background:#fff5ef;border-color:#cda2a8}
[data-theme="light"] .machine-scene{background:linear-gradient(#f9ecd1b0,#ead6bebd),var(--scene-10) center/auto 100%}[data-theme="light"] .machine-title{background:#fff7e9ee;color:#4d3658;border-color:#b99dc3}[data-theme="light"] .machine-title .green{color:#08654f}
[data-theme="light"] .reel-window{background:#6f536d}[data-theme="light"] .reel-item{background:linear-gradient(#faf0dc,#e5d0b2 60%,#bea2a1);border-color:#a285a7;box-shadow:inset 0 0 0 1px #fcf1df}[data-theme="light"] .reel-window:after{border-color:#945b16;box-shadow:0 0 6px #8e5b1638}[data-theme="light"] .reel-pointer{border-top-color:#ffdb75;filter:drop-shadow(0 1px 1px #5e340d)}
[data-theme="light"] .result-title{color:#845014}[data-theme="light"] .result-content,[data-theme="light"] .result-panel>.empty{border-color:#cfbbd6;background:#fff7eb}[data-theme="light"] .roll-fee{background:#fffaf4;border-color:#bca5c5}[data-theme="light"] .badge{color:#6b5874;border-color:#bca5c5}
[data-theme="light"] .hunt-banner{background:linear-gradient(90deg,#fffbf4,#fcf0ddad),var(--scene-7) right center/350px auto no-repeat}[data-theme="light"] .hunt-banner strong{color:#754f1e}[data-theme="light"] .hunt-metrics .stat{background:linear-gradient(#fff4e7ad,#f7e3cdbf),var(--scene-9) center bottom/cover}[data-theme="light"] .hunt-metrics .label{color:#4b3655}[data-theme="light"] .set-card{background:#fff9ef;border-color:#b498c2}[data-theme="light"] .set-status{border-color:#d0bad9}
[data-theme="light"] .reveal-art{background:#e6d2bb}[data-theme="light"] .selected-ticket{background:#fff8eb;border-color:#b59aba}[data-theme="light"] .summary-price,[data-theme="light"] .reveal-actions{border-color:#b79cc4}[data-theme="light"] .summary-price>span:first-child,[data-theme="light"] .summary-rule p{color:#62506b}
[data-theme="light"] #app>.workspace.page-home{background:#f8ecd8;border-color:#ab8cba;box-shadow:var(--shadow-soft)}[data-theme="light"] #app>.page-home .page-head{background:#fff9f0d9}[data-theme="light"] #app>.page-home .home{background-color:#e4c9a5}
[data-theme="light"] #app>.page-home .home-content{background:linear-gradient(100deg,#fff3daca,#fff1d44a 86%,transparent);border-radius:3px;padding:16px 18px 18px;margin-left:4.1%;width:60%;margin-top:clamp(48px,10cqh,92px)}
[data-theme="light"] #app>.page-home .home h1{background:none;-webkit-text-fill-color:initial}[data-theme="light"] .home-title-line{background:linear-gradient(#573328,#85491d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme="light"] #app>.page-home .home-copy{color:#4f3a46;text-shadow:none}
[data-theme="light"] #app>.page-home .hero-actions .btn{background:linear-gradient(#fff3d4,#f1d198);color:#654113;border-color:#a27632;box-shadow:0 3px 8px #56371620}[data-theme="light"] #app>.page-home .home-stats .stat{background:#fff9eff2;border-color:#b799c5;box-shadow:0 3px 12px #70411a14;border-image:none}
[data-theme="light"] #app>.page-home .home-stats .label{color:#61516b}[data-theme="light"] #app>.page-home .home-stats .value{color:#7c4a18}[data-theme="light"] .workspace-footer,[data-theme="light"] #app>.workspace>.workspace-footer{color:#6a5371}
[data-theme="light"] #app>.docs-shell{background:#fffaf2;border-color:#c4aed0;box-shadow:var(--shadow-soft)}[data-theme="light"] .docs-header{background:linear-gradient(90deg,#fffaf4,#fdf0daaa),var(--scene-6) right center/430px auto no-repeat;border-color:#b397c1}[data-theme="light"] .docs-menu,[data-theme="light"] .docs-toc a,[data-theme="light"] .docs-meta,[data-theme="light"] .docs-pagination{border-color:#d3c0dc}
[data-theme="light"] .docs-menu .group-label,[data-theme="light"] .docs-article .eyebrow{color:#725c82}[data-theme="light"] .docs-menu a.active{background:#f3e2c8;border-color:#a97827;color:#704511}[data-theme="light"] .docs-menu a:hover,[data-theme="light"] .docs-toc a:hover{background:#eee3f1;color:#674575}
[data-theme="light"] .docs-article h1,[data-theme="light"] .docs-header h1{background:linear-gradient(#775332,#895120);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme="light"] .docs-article h2,[data-theme="light"] .docs-article h3{color:#443049}[data-theme="light"] .docs-lead{color:#514052}
[data-theme="light"] .docs-article strong{color:#49304c}[data-theme="light"] .docs-article a,[data-theme="light"] .docs-toc strong{color:#81511e}[data-theme="light"] .docs-toc a,[data-theme="light"] .docs-meta,[data-theme="light"] .docs-source{color:#6a5876}[data-theme="light"] .docs-toc a.active{color:#79501d;border-color:#ad7e37;background:#f7ead4}
[data-theme="light"] .docs-callout,[data-theme="light"] .doc-example{background:#f9ecd5;border-color:#b6873e;color:#594150}[data-theme="light"] .docs-article code{background:#eee3f0;color:#654576}[data-theme="light"] .doc-table-wrap,[data-theme="light"] .docs-article th,[data-theme="light"] .docs-article td{border-color:#cebdd6}[data-theme="light"] .docs-article th{background:#f4e5cd;color:#624313}
[data-theme="light"] .doc-card{background:linear-gradient(#fffaf2,#f4e8d6);border-color:#bba0c5}[data-theme="light"] .doc-card strong{color:#775022}[data-theme="light"] .doc-card p{color:#67576f}[data-theme="light"] .doc-card:hover{background:#f2e0c8;border-color:#ac7c35;box-shadow:0 4px 15px #81532815}
[data-theme="light"] .search-results{background:#fff9ef;border-color:#bba1c5}[data-theme="light"] .search-results a{color:#4d345a;border-color:#d6c6dc}[data-theme="light"] .search-results a:hover{background:#f6e5ca}[data-theme="light"] .search-results small{color:#6c5c75}
[data-theme="light"] dialog{background:#fffaf3;color:#392a42;border-color:#aa8dbd;box-shadow:0 24px 60px #57351333}[data-theme="light"] dialog::backdrop{background:#38264366}[data-theme="light"] dialog h2{color:#744817}[data-theme="light"] dialog p{color:#65506d}[data-theme="light"] .dialog-notice{background:#f5e4c7;border-color:#a77a2f;color:#634828}
[data-theme="light"] .info summary{color:#705b82;background:transparent}[data-theme="light"] .info summary:hover,[data-theme="light"] .info summary:focus-visible{color:#76470d;background:#f2ddba}[data-theme="light"] .info .tooltip[popover]{color:#443149;background:#fffbf4;border-color:#b9a0c2;box-shadow:var(--shadow-soft)}[data-theme="light"] .info .tooltip a{color:#80501e}
[data-theme="light"] #toast{background:#fff4de;color:#654517;border-color:#ae7b2d;box-shadow:var(--shadow-soft)}[data-theme="light"] .theme-switch{background:#fffaf4;border-color:#bea7c8}[data-theme="light"] .theme-switch button{background:transparent;color:#6b5976}[data-theme="light"] .theme-switch button.selected{background:#f1dfbd;color:#70440f;border-color:#b28234}[data-theme="light"] .theme-switch button:hover{background:#f4e4ce}
[data-theme="light"] .inventory-grid,[data-theme="light"] .fox-cards,[data-theme="light"] .ticket-select,[data-theme="light"] .docs-menu{scrollbar-color:#b397bc #f0e7dc}[data-theme="light"] :focus-visible{outline-color:#815825!important}[data-theme="light"] button:disabled{opacity:.48;box-shadow:none}
@media(max-width:700px){[data-theme="light"] #app>.page-home .home-content{width:100%;max-width:none;margin:0;padding:24px 16px 19px;background:linear-gradient(#fff5e5 83%,#fff4e600);text-align:center}[data-theme="light"] #app>.page-home .home-copy{text-align:center;font-size:17px}[data-theme="light"] .page-home .page-head,[data-theme="light"] .page-home .workspace-footer{background:#fff7eb}[data-theme="light"] #app>.page-home .home-stats .label{font-size:11px}[data-theme="light"] #app>.page-home .home-stats .value{font-size:27px}[data-theme="light"] .theme-switch span{display:inline}[data-theme="light"] .nav-backdrop{background:#44344655}[data-theme="light"] .cabinet-info .info summary{color:#72523a;background:#fff4d9d9;border-color:#b48952!important}}
@media(min-width:701px){[data-theme="light"] .cabinet-info .info summary{color:#785429;background:#fff3dada;border-color:#b79c69!important}}
@media(max-height:660px){#app>.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar .theme-switch{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.theme-switch button{transition:none}.cpu-settings select{transition:none}}
@media print{.theme-switch{display:none!important}[data-theme="light"] .docs-article h1{-webkit-text-fill-color:#111;background:none}}

[data-theme="light"] .page-lucky-paw .page-head:after{color:#6b536e}[data-theme="light"] .docs-header{background-image:linear-gradient(90deg,#fffaf4,#fdf0daaa),var(--scene-7)}

.inventory-search{display:block;margin:0 0 9px}.inventory-search input{min-height:34px;height:34px;font:14px Interface,sans-serif;width:100%;padding:6px 10px;border-width:1px}
@media(min-width:960px) and (min-height:620px){.wardrobe-grid .inventory{grid-template-rows:auto 34px minmax(0,1fr) 52px}.inventory-search{margin:0}}

.inventory-empty{grid-column:1/-1;padding:24px 14px;text-align:center;font:15px/1.6 Interface,sans-serif;color:var(--ink-muted)}

input::placeholder{color:#b3a2cc;opacity:1}[data-theme="light"] input::placeholder{color:#766280;opacity:1}

/* Refinement 07: one unobtrusive info glyph, generous click target, clear context. */
.cabinet-info .info summary{width:36px;height:36px;min-height:36px;border:0!important;border-radius:6px;background:#0b102459;color:#f8edcc;box-shadow:none;transition:background .15s,color .15s}
.cabinet-info .info-glyph{width:24px;height:24px}.cabinet-info .info summary:hover,.cabinet-info .info summary:focus-visible{background:#111833e6;color:#ffe19b;outline-offset:2px}
[data-theme="light"] .cabinet-info .info summary{border:0!important;background:#fff5e477;color:#503743;box-shadow:none}[data-theme="light"] .cabinet-info .info summary:hover{background:#fff3dce8;color:#70430b}
.tooltip>strong{display:block;margin-bottom:7px}.tooltip p{font:inherit;line-height:1.55;margin:0 0 9px}.tooltip p:last-child{margin-bottom:4px}
.inventory-empty button{min-height:34px;padding:5px 13px;margin-top:10px;font:14px Interface,sans-serif;border-width:1px}
.trait-card.requested-item{outline:2px solid var(--accent);outline-offset:-4px;box-shadow:inset 0 0 20px #f7cc6926}.set-card[data-item-state="owned"] .set-status{font-size:13px}
[data-theme="light"] .trait-card.requested-item{background:#fae8c8;outline-color:#94641e}
@media(max-width:700px){.cabinet-info .info summary{width:34px;height:34px;min-height:34px}.cabinet-info .info-glyph{width:22px;height:22px}.set-card[data-item-state="owned"] .set-status{font-size:10px}.inventory-empty button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.cabinet-info .info summary{transition:none}}

/* Short mobile display titles must never collide when their custom glyphs wrap. */
@media(max-width:700px){#app>.workspace>.page-head h1{line-height:1.12}#app>.workspace.page-lucky-paw>.page-head h1{font-size:clamp(22px,6.7vw,28px);line-height:1.1;white-space:nowrap}#app>.workspace.page-tickets>.page-head h1{font-size:23px;line-height:1.12}.lucky-side .trait-card>span:not(.check):not(.none){overflow-wrap:normal;font-size:11.5px}}