/* Height-aware page layouts and accessible overlays; the authoritative UX-05 shell follows below. */
.machine-scene{container-type:size;display:flex;align-items:center;justify-content:center;background:#050b25}
.machine-stage{position:relative;flex:none;width:min(100cqw,calc(100cqh * 803 / 626));height:min(100cqh,calc(100cqw * 626 / 803));background:#060b25 var(--scene-5) center/100% 100% no-repeat}
.info .tooltip[popover]{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;z-index:100;border:1px solid #cfc0ff;background:#070b25;color:#ece5ff;padding:15px;font:15px/1.6 system-ui,sans-serif;box-shadow:0 12px 34px #0009}
.info .tooltip[popover]:not(:popover-open){display:none}.info .tooltip[popover]:popover-open{display:block}.info .tooltip[popover]::backdrop{background:transparent;pointer-events:none}
dialog{max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain}
.inventory-grid,.fox-cards,.ticket-select{overscroll-behavior:contain}.fox-cards{scroll-snap-type:x proximity}.fox-card{scroll-snap-align:start}
.fox-selector{position:relative}.carousel-tools{position:absolute;right:12px;top:7px;display:flex;gap:5px}.carousel-tools button{padding:0;min-height:28px;width:31px;height:28px;font:22px/1 Interface,sans-serif;border-width:1px;background:#070d28}.carousel-tools[hidden]{display:none}
@media(min-width:960px) and (min-height:620px){
 .workspace:not(.page-home){height:100svh;min-height:0;max-width:none;display:grid;grid-template-rows:72px minmax(0,1fr) 24px;padding:0 16px 6px 13px}
 .workspace>#main{min-width:0;min-height:0}.workspace-footer{min-height:0;align-items:end;padding:6px 2px 0;font-size:10px}
 .workspace .page-head{min-height:0;height:auto;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .workspace .page-head h1{font-size:clamp(37px,3.7vw,58px);transform:none;line-height:1;white-space:nowrap}
 .workspace .head-actions{margin:0;gap:12px;padding:0}.head-actions button{min-width:138px;height:44px;min-height:44px;font-size:18px;gap:9px}.head-actions .wallet-button{min-width:152px}.head-actions .icon{width:29px;height:32px}
 .sidebar:not(.sidebar-home){padding-top:12px}.sidebar:not(.sidebar-home) .brand{margin-bottom:18px}.sidebar:not(.sidebar-home) .brand img{width:105px;height:80px}.sidebar:not(.sidebar-home) .brand strong{font-size:42px}.sidebar .nav-link{min-height:54px;padding-top:7px;padding-bottom:7px}.sidebar-bottom{padding-top:12px}
 .workspace .tabs{height:auto;min-height:0;margin:0;gap:12px}.workspace .tab{min-height:0;font-size:21px;min-width:215px;padding:5px 18px;gap:16px}.workspace .tab+.tab{min-width:245px}.workspace .tab .icon{height:28px;width:28px}
 .workspace .panel{min-height:0}.workspace .epoch-bar{height:auto;min-height:0;margin:0;padding:9px 18px;gap:18px;font-size:18px}.epoch-bar .icon{width:32px;height:36px}.epoch-bar .divider{height:27px}
 .page-mine #main{display:grid;grid-template-rows:60px minmax(0,1fr) minmax(112px,20%);gap:10px}
 .page-mine .epoch-bar{gap:0}.page-mine .epoch-name{width:18%;gap:14px}.page-mine .epoch-name strong{font-size:35px}.page-mine .epoch-state{width:17%;padding-left:24px;font-size:20px}.page-mine .epoch-count{width:27%;padding-left:24px;font-size:20px}.page-mine .epoch-bar .progress{margin-left:24px;margin-right:16px;height:24px}.page-mine .epoch-percent{font-size:20px;width:45px}
 .mine-grid{min-height:0;grid-template-columns:1.48fr 1fr;gap:11px}.mine-grid>section{min-height:0}.mine-grid>section:first-child{display:grid;grid-template-rows:minmax(0,1fr) 52px 68px}
 .mine-scene{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}.device-tabs{height:auto;min-height:0;padding:7px 8px 0;margin:0 10px}.device-tabs button{min-width:119px;font-size:27px;gap:13px;padding:4px 14px}
 .mining-controls{min-height:0;padding:7px 10px;gap:10px;font-size:18px;flex-wrap:nowrap}.mining-controls .metric{padding-left:12px;font-size:18px}.metric small{font-size:13px}.mining-controls .btn{font-size:24px;min-height:43px;padding:5px 9px;gap:8px;flex:0 0 auto}
 .claim-card{padding:12px 12px 0;display:grid;grid-template-rows:38px minmax(44px,1fr) 51px 46px 50px 75px;gap:0}.claim-card .panel-title{min-height:0;margin:0 0 3px}.claim-card h2{font-size:39px;line-height:1}.claim-card .ticket-art{height:100%;min-height:0;width:100%;margin:0;object-fit:contain}.claim-card .countdown{font-size:76px;line-height:.68;margin:0;align-self:center}.claim-hint{font-size:15px;line-height:1.4;margin:0;gap:10px;align-self:center}.claim-hint br{display:none}.claim-card>.btn{font-size:28px;min-height:46px;align-self:center}
 .wallet-count{min-height:0;margin:8px -12px 0;padding:11px 15px;gap:15px;height:auto}.wallet-count h2{font-size:31px}.wallet-count .small{font-size:14px}.wallet-count>.icon{height:34px;width:34px}.wallet-last{min-width:116px;padding-left:16px}.wallet-last span{font-size:12px}.wallet-last strong{font-size:16px}
 .page-mine #main>.section-gap{min-height:0;margin:0;overflow:auto;padding:9px 15px}.page-mine .section-gap>.panel-title{font-size:29px;line-height:1;margin-bottom:7px}.activity td{padding:6px 9px;font-size:15px}.activity .activity-icon{width:37px;padding:4px}.activity .activity-icon .icon{height:24px;width:24px}
 .page-my-fox #main{display:grid;grid-template-rows:46px 126px minmax(0,1fr);gap:10px}.fox-selector{min-height:0;margin:0;padding:9px 12px}.fox-selector h2{font-size:17px;margin-bottom:6px}.fox-cards{gap:12px}.fox-card,.fox-card.selected{height:80px;min-width:208px;flex-basis:208px;padding-right:10px;gap:8px}.fox-card .fox-stage{height:76px;width:95px}.fox-card .fox-stage img{width:123px;height:123px;left:-14px;top:-4px}.fox-card>span{font-size:18px}.fox-card small{font-size:15px;margin-top:5px}
 .wardrobe-grid{min-height:0;height:auto;grid-template-columns:1.18fr 1fr;gap:10px}.wardrobe-preview{min-height:0;height:auto;padding:10px;display:grid;grid-template-rows:minmax(0,1fr) 46px auto;gap:6px}
 .dressing-stage{min-height:0;grid-template-columns:64px minmax(0,1fr) 68px;gap:8px}.dressing-stage>.fox-stage{min-height:0;height:100%;aspect-ratio:auto}.slot-column{min-height:0;gap:5px;grid-template-rows:repeat(6,minmax(0,1fr))}.slot-button{min-height:0;font-size:11px;gap:1px;padding:2px}.slot-button img,.slot-button>.icon{width:31px;height:26px}.dressing-actions{margin:0;gap:8px}.dressing-actions .btn{min-height:0;font-size:23px;gap:7px;padding:4px}.dressing-actions .icon{width:24px;height:24px}.draft-state{margin:0;font-size:11px;min-height:0;line-height:1.25}
 .wardrobe-grid .inventory{min-height:0;padding:10px;display:grid;grid-template-rows:auto minmax(0,1fr) 56px;gap:9px}.inventory .panel-title{min-height:0;gap:8px;margin:0}.inventory h2{font-size:18px}.inventory select{font-size:14px;min-height:33px;width:123px;max-width:130px;padding:5px 8px}.inventory .small{font-size:14px}
 .wardrobe-grid .inventory-grid{min-height:0;max-height:none;grid-auto-rows:114px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;overflow:auto}.wardrobe-grid .trait-card{min-height:0;grid-template-rows:65px minmax(0,1fr);gap:5px;padding:6px 3px}.wardrobe-grid .trait-card img{height:65px;width:90px}.wardrobe-grid .trait-card>span:not(.check):not(.none){font-size:14px;line-height:16px;max-height:32px}.wardrobe-grid .trait-card .none{height:63px;font-size:51px}.trait-detail{min-height:0;margin:0;padding:6px 8px;gap:9px;font-size:16px}.trait-detail>img{width:44px;height:44px}.trait-detail .info summary{width:26px;height:26px;font-size:20px}
 .page-my-fox-rewards #main{display:grid;grid-template-rows:46px 126px 184px minmax(0,1fr);gap:10px}.reward-top{min-height:0;grid-template-columns:1.07fr 1fr 1.1fr;gap:10px}.reward-card{min-height:0;padding:12px 15px;gap:8px}.reward-card .row{min-height:38px;gap:14px}.reward-card h3{font-size:19px}.reward-card .small{font-size:14px}.reward-card .row>.icon{width:38px;height:38px}.reward-card .amount{font-size:46px;line-height:.9}.reward-card .amount.long-amount{font-size:19px}.reward-card .btn{min-height:43px;font-size:26px}.reward-status{font-size:13px}
 .reward-lower{min-height:0;margin:0;grid-template-columns:.95fr 1.06fr 1.07fr;gap:10px}.reward-lower>section{min-height:0}.reward-portrait{display:block;min-height:0;padding:6px}.reward-portrait .fox-stage{min-height:0;height:100%}.reward-lower>.pad{padding:13px 14px}.reward-lower h2{font-size:20px}.reward-lower .panel-title{margin-bottom:5px}.reward-lower .balance-rows{margin:18px 0 0;gap:12px}.reward-lower .balance-row{font-size:16px;gap:10px}.reward-lower .balance-total{margin-top:17px;padding-top:14px;font-size:17px}.reward-lower .burn-total{font-size:39px;line-height:1;margin:14px 0;gap:14px}.reward-lower .burn-total.long-amount{font-size:18px}.reward-lower .burn-total .icon{width:34px;height:38px}.reward-lower .danger{font-size:27px;min-height:45px}.reward-lower .burn-note{font-size:13px;line-height:1.5;margin:17px 0 0;padding:8px 10px}
 .workspace.page-lucky-paw{grid-template-rows:96px minmax(0,1fr) 24px}.page-lucky-paw .page-head{padding:0 4px 24px}.page-lucky-paw .page-head:after{top:65px;font-size:19px;line-height:1.1}.page-lucky-paw #main{display:grid;grid-template-rows:46px minmax(0,1fr) 120px;gap:10px}.page-lucky-paw #main:has([data-lucky-tab="history"].active){grid-template-rows:46px minmax(0,1fr)}
 .lucky-grid{min-height:0;grid-template-columns:minmax(0,1.75fr) minmax(305px,1fr);gap:10px}.machine-scene{min-height:0;aspect-ratio:auto;align-self:stretch}.machine-actions .btn{font-size:clamp(19px,2vw,28px);padding:4px 9px}.machine-title{font-size:clamp(12px,1.2vw,19px);padding:5px 8px}.lucky-side{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:126px minmax(0,1fr);gap:10px}
 .lucky-price{min-height:0;padding:10px 12px}.lucky-price h2{font-size:30px}.roll-fee{min-height:44px;height:44px;margin:7px 0 5px;padding:5px 10px}.roll-fee strong{font-size:19px}.roll-fee .icon{height:30px;width:22px}.lucky-price .small{font-size:12px}.lucky-side .inventory{min-height:0;padding:10px;gap:8px}.lucky-side .inventory h2{font-size:29px}.lucky-side .inventory-grid{min-height:0;max-height:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:102px;gap:7px;overflow:auto}.lucky-side .trait-card{min-height:0;grid-template-rows:58px minmax(0,1fr);padding:5px 3px}.lucky-side .trait-card img{height:58px;width:74px}.lucky-side .trait-card>span:not(.check):not(.none){font-size:12px;line-height:14px;max-height:28px}
 .result-panel{min-height:0;margin:0;padding:7px 12px;display:flex;flex-direction:column;gap:5px}.result-panel>.panel-title{font-size:29px;margin:0;line-height:1}.result-content{min-height:0;flex:1;padding:6px 9px;gap:12px;flex-wrap:nowrap}.result-content>img{width:69px;height:58px;padding-right:9px}.result-title{font-size:30px}.result-panel .small{font-size:13px}.result-panel select{width:145px;min-height:37px;font-size:15px}.result-actions{margin-left:auto;flex-wrap:nowrap;width:auto;gap:7px}.result-actions .btn{font-size:24px;min-height:43px;padding:5px 11px}.result-panel>.empty{min-height:0;flex:1;font-size:16px;padding:10px}.result-panel:has(.result-content){height:auto}
 .page-tickets #main{display:grid;grid-template-rows:60px minmax(0,1fr) 106px;gap:10px}.page-tickets .epoch-bar{gap:18px;flex-wrap:nowrap}.page-tickets .epoch-bar>span:first-of-type{font-size:19px}.page-tickets .epoch-bar .small{font-size:15px}.page-tickets .epoch-bar>.info{margin-left:auto}
 .tickets-grid{min-height:0;grid-template-columns:176px minmax(0,1fr) 258px;gap:10px}.ticket-select{min-height:0;padding:10px;overflow-y:auto;scrollbar-width:thin}.ticket-select h2{font-size:28px;margin-bottom:10px}.ticket-card{margin-bottom:9px;font-size:26px;padding:7px 5px;gap:5px}.ticket-card img{height:110px}
 .reveal-stage{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 68px;margin-left:-10px;overflow:visible}.reveal-art{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;background:#060c27}.reveal-actions{min-height:0;margin:0;padding:9px;display:flex}.reveal-actions .btn{font-size:28px;min-height:46px;padding:5px 12px;gap:10px;width:90%}.reveal-actions .icon{width:31px;height:33px}
 .reveal-summary{min-height:0;padding:10px 12px;overflow:auto;scrollbar-width:thin}.reveal-summary h2{font-size:28px}.selected-ticket{min-height:0;margin-top:10px;font-size:26px;padding:7px;gap:4px}.selected-ticket .ticket-art{height:120px}.summary-price{margin-top:12px;padding-top:12px}.summary-price>span:first-child{font-size:17px}.summary-price strong{font-size:37px;margin:10px 0;gap:12px}.summary-price strong .icon{height:34px;width:24px}.summary-price>.small{font-size:14px}.summary-rule{margin-top:15px;gap:9px}.summary-rule p{font-size:14px;line-height:1.5}.summary-rule .info summary{width:25px;height:25px;font-size:20px}
 .page-tickets #main>.section-gap{min-height:0;margin:0;padding:9px 15px;overflow:auto}.page-tickets .section-gap>.panel-title{font-size:28px;margin-bottom:6px}.reveal-list{min-height:0;padding:3px 6px;font-size:26px;gap:14px}.reveal-list .fox-stage{width:52px;height:52px}.reveal-list .small{font-size:13px}.reveal-list .btn{font-size:24px;min-height:41px}
 .page-trait-hunt #main{display:grid;grid-template-rows:74px minmax(0,1fr) 125px;gap:10px}.hunt-banner{min-height:0;margin:0;padding:10px 20px;gap:25px}.hunt-banner strong{font-size:45px}.hunt-banner>span:last-child{font-size:19px}.hunt-banner .icon{height:35px;width:35px}.hunt-banner .divider{height:36px}
 .hunt-grid{min-height:0;grid-template-columns:.8fr 1fr;gap:10px}.hunt-fox{min-height:0;padding:10px;display:grid;grid-template-rows:32px 57px minmax(0,1fr) 49px;gap:6px}.hunt-fox h2{font-size:31px;line-height:1;margin:0;align-self:center}.hunt-fox .fox-cards{min-height:0;padding:1px;gap:6px}.hunt-fox .fox-card,.hunt-fox .fox-card.selected{height:53px;min-width:0;max-width:190px;flex:1;padding:1px 6px;gap:5px}.hunt-fox .fox-card .fox-stage{height:49px;width:44px}.hunt-fox .fox-card .fox-stage img{width:75px;height:75px;left:-15px;top:0}.hunt-fox .fox-card>span{font-size:17px}
 .hunt-stage{height:100%;min-height:0;margin:0 -8px}.hunt-stage>.fox-stage{height:100%;width:auto;aspect-ratio:1}.hunt-controls{min-height:0;margin:0;flex-wrap:nowrap;gap:10px}.hunt-controls>span{font-size:15px;white-space:nowrap}.hunt-controls .btn{font-size:26px;min-height:42px;padding:5px 11px}.weekly-set{min-height:0;padding:12px}.weekly-set>.panel-title{margin-bottom:20px}.weekly-set h2{font-size:33px}.weekly-set .icon{width:30px;height:31px}.set-grid{gap:7px;grid-template-columns:repeat(5,minmax(0,1fr))}.set-card{min-height:0;height:clamp(175px,29svh,264px);padding:9px 3px;gap:10px;font-size:18px}.set-card>span:first-child{font-size:18px}.set-card img{height:100px;max-height:50%;width:100%}.set-card .set-status{font-size:14px;padding-top:8px}
 .hunt-metrics{min-height:0;margin:0;gap:10px}.hunt-metrics .stat{min-height:0;padding:12px 20px;gap:22px}.hunt-metrics .label{font-size:30px;margin-bottom:10px}.hunt-metrics .value{font-size:47px}.hunt-metrics .stat>.icon{width:42px;height:46px}
 .page-home{height:100svh;min-height:0;padding:0}.page-home .page-head{height:72px}.page-home .home{height:100svh;min-height:0;background-size:100% auto}.page-home .home-illustration{height:calc(100svh - 134px);min-height:0;aspect-ratio:auto;background-size:auto 100%;background-position:right top}
 .page-home .home-content{width:57%;max-width:700px;margin:clamp(120px,17svh,190px) 0 0 5.8%}.page-home .home h1{font-size:min(4.8vw,7.4svh);line-height:1.13;letter-spacing:0}.page-home .home-copy{font-size:clamp(18px,1.6vw,24px);line-height:1.4;margin:9px 0 25px;white-space:normal;max-width:100%}.page-home .hero-actions{gap:16px;flex-wrap:nowrap}.page-home .hero-actions .btn{min-width:0;width:225px;min-height:57px;font-size:30px;padding:8px 14px}.page-home .hero-actions .icon{width:33px;height:35px}
 .page-home .home-stats{bottom:40px;left:24px;right:24px;gap:14px}.page-home .home-stats .stat{min-height:108px;padding:12px 18px;gap:15px}.page-home .home-stats .label{font-size:15px;line-height:1.3;margin-bottom:9px;white-space:normal}.page-home .home-stats .value{font-size:38px}.page-home .home-stats .stat>.icon{width:39px;height:43px}.page-home .home-stats .epoch-count{font-size:16px}.page-home .home-stats .progress{height:19px}.page-home .workspace-footer{bottom:9px}
 .sidebar-home{inset:8px auto 8px 8px;width:calc(var(--side) - 18px);padding-top:11px;background-position:center calc(100% - 125px);background-size:100% 190px}.sidebar-home .brand{margin-bottom:16px}.sidebar-home .brand img{width:102px;height:78px}.sidebar-home .brand strong{font-size:40px}.sidebar-home .nav-link{font-size:18px;gap:15px;padding-left:13px;min-height:52px}.sidebar-home .sidebar-bottom{padding-bottom:28px}.sidebar-home .sidebar-note{font-size:9px}
}
@media(min-width:960px) and (max-width:1150px) and (min-height:620px){
 .sidebar:not(.sidebar-home) .brand img{width:64px;height:60px}.sidebar-home{inset:0 auto 0 0;width:88px;border-width:3px;background:#030b25}.sidebar-home .brand img{width:64px;height:60px}.sidebar-home .brand strong{display:none}.sidebar-home .nav-link{padding:8px 5px;justify-content:center}.sidebar-home .sidebar-bottom{padding-bottom:0}
 .workspace .head-actions .wallet-button{min-width:52px;width:52px}.page-home .home-content{width:59%;margin-top:120px}.page-home .home h1{font-size:46px}.page-home .hero-actions .btn{width:185px;font-size:27px}.page-home .home-copy{font-size:19px}.page-home .home-stats .stat{padding:12px 9px;gap:10px}.page-home .home-stats .value{font-size:31px}.page-home .home-stats .label{font-size:13px}
 .page-mine .epoch-name strong{font-size:30px}.page-mine .epoch-state{font-size:18px;padding-left:12px}.page-mine .epoch-count{font-size:17px;padding-left:12px}.page-mine .epoch-bar .progress{margin-left:15px}.mining-controls{font-size:16px;gap:7px}.mining-controls .metric{font-size:16px;padding-left:8px}.mining-controls .btn{font-size:21px;gap:5px}.mining-controls .icon{width:19px}.claim-card h2{font-size:33px}.claim-hint{font-size:14px}.wallet-last{min-width:90px;padding-left:11px}
 .dressing-stage{grid-template-columns:49px minmax(0,1fr) 52px;gap:6px}.slot-button{font-size:10px}.dressing-actions .btn{font-size:21px;gap:5px}.dressing-actions .icon{width:19px;height:20px}.trait-detail{font-size:14px;gap:5px}.trait-detail>img{width:36px;height:36px}.wardrobe-grid .trait-card>span:not(.check):not(.none){font-size:13px}
 .reward-lower{grid-template-columns:1fr 1fr}.reward-portrait{display:none}.reward-card h3{font-size:17px}.reward-card .small{font-size:12px}.reward-card .amount{font-size:39px}.reward-card .btn{font-size:24px}.reward-card .row{gap:8px}.reward-card .row>.icon{width:30px;height:32px}
 .tickets-grid{grid-template-columns:145px minmax(0,1fr) 219px}.ticket-select h2,.reveal-summary h2{font-size:26px}.selected-ticket .ticket-art{height:108px}.summary-price strong{font-size:32px}.page-tickets .epoch-bar{gap:12px;font-size:17px}.page-tickets .epoch-bar .small{font-size:13px}.reveal-actions .btn{font-size:25px;width:100%;padding:5px 8px}
 .hunt-fox .fox-card>span{font-size:14px}.hunt-fox .fox-card .fox-stage{width:37px}.hunt-fox h2{font-size:28px}.hunt-controls>span{font-size:13px}.hunt-controls .btn{font-size:23px}.weekly-set h2{font-size:28px}.weekly-set .icon{width:24px}.set-card>span:first-child{font-size:15px}.set-card .set-status{font-size:12px}.hunt-metrics .label{font-size:25px}
 .lucky-grid{grid-template-columns:minmax(0,1.6fr) 308px}.machine-actions .btn{font-size:18px}.result-title{font-size:26px}.result-panel .small{font-size:12px}.result-content{gap:8px}.result-content>img{width:52px;height:50px}.result-panel select{width:130px}.result-actions .btn{font-size:21px;padding:5px 8px}.lucky-side .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){.machine-stage .machine-title{font-size:11px}.machine-stage .machine-actions .btn{font-size:16px}.carousel-tools{top:6px;right:9px}.fox-selector h2{padding-right:72px}.carousel-tools button{min-height:28px}.info .tooltip[popover]{font-size:15px}.inventory-grid{scroll-padding:8px}}
@media(prefers-reduced-motion:reduce){.fox-cards{scroll-behavior:auto}}
/* Fill only decorative gutters; keep the complete arcade and its controls in one proportional stage. */
.machine-scene{background:linear-gradient(#050b25d9,#050b25e8),var(--scene-10) center/auto 100%}
.machine-actions{left:35.45%;width:46%}
@media(min-width:960px) and (min-height:620px){
 .page-home .home-illustration{background-image:var(--scene-0),var(--scene-10);background-size:auto 100%,auto 100%;background-position:right top,left top;background-repeat:no-repeat,repeat-x}
 .slot-button{font-size:12px}.machine-actions .btn{font-size:clamp(18px,1.8vw,27px)}
}
@media(min-width:960px) and (max-width:1150px) and (min-height:620px){.slot-button{font-size:11px}}
/* A laptop browser may expose only 650px after browser chrome, not the full panel resolution. */
@media(min-width:960px) and (min-height:650px) and (max-height:735px){
 .workspace:not(.page-home){grid-template-rows:60px minmax(0,1fr) 20px;padding-bottom:4px}.workspace .page-head h1{font-size:clamp(35px,3.5vw,49px)}
 .workspace .head-actions button{height:40px;min-height:40px;font-size:17px}.workspace .head-actions .icon{width:25px;height:29px}.workspace .tabs{gap:10px}.workspace .tab{font-size:19px;min-width:195px}.workspace .tab+.tab{min-width:235px}
 .page-my-fox #main{grid-template-rows:40px 102px minmax(0,1fr);gap:8px}.page-my-fox-rewards #main{grid-template-rows:40px 102px 160px minmax(0,1fr);gap:8px}
 .fox-selector{padding:7px 12px}.fox-selector h2{font-size:15px;margin-bottom:4px}.fox-card,.fox-card.selected{height:66px;min-width:195px;flex-basis:195px}.fox-card .fox-stage{height:62px;width:80px}.fox-card .fox-stage img{width:106px;height:106px;left:-13px;top:-3px}.fox-card>span{font-size:17px}.fox-card small{font-size:14px;margin-top:4px}
 .reward-card{padding:10px 13px;gap:5px}.reward-card .row{min-height:33px;gap:11px}.reward-card h3{font-size:18px}.reward-card .row>.icon{width:30px;height:32px}.reward-card .amount{font-size:42px}.reward-card .amount.long-amount{font-size:18px}.reward-card .btn{min-height:42px;font-size:25px}.reward-card .small{font-size:13px}
 .reward-lower>.pad{padding:12px}.reward-lower .balance-rows{margin-top:13px;gap:10px}.reward-lower .balance-total{padding-top:12px;margin-top:13px}.reward-lower .burn-note{display:none}.reward-lower .burn-total{margin:14px 0 16px;font-size:36px}.reward-lower .burn-total.long-amount{font-size:18px}.reward-lower .danger{min-height:46px}.reward-lower .panel-title{margin-bottom:7px}
 .page-mine #main{grid-template-rows:52px minmax(0,1fr) 104px;gap:8px}.page-mine .epoch-name strong{font-size:32px}.page-mine .epoch-state,.page-mine .epoch-count,.page-mine .epoch-percent{font-size:18px}.mine-grid>section:first-child{grid-template-rows:minmax(0,1fr) 46px 59px}.device-tabs{padding-top:4px}.device-tabs button{font-size:25px}.claim-card{grid-template-rows:33px minmax(35px,1fr) 46px 43px 47px 67px;padding:9px 11px 0}.claim-card h2{font-size:35px}.claim-card .countdown{font-size:69px}.claim-card>.btn{min-height:44px;font-size:26px}.claim-hint{font-size:14px}.wallet-count{margin-left:-11px;margin-right:-11px;padding:9px 12px}.wallet-count h2{font-size:28px}.wallet-last{padding-left:12px}
 .workspace.page-lucky-paw{grid-template-rows:84px minmax(0,1fr) 20px}.page-lucky-paw .page-head{padding-bottom:22px}.page-lucky-paw .page-head:after{top:58px;font-size:18px}.page-lucky-paw #main{grid-template-rows:40px minmax(0,1fr) 106px;gap:8px}.page-lucky-paw #main:has([data-lucky-tab="history"].active){grid-template-rows:40px minmax(0,1fr)}.lucky-side{grid-template-rows:116px minmax(0,1fr);gap:8px}.lucky-price{padding:8px 10px}.lucky-price h2{font-size:28px}.result-panel{padding:6px 10px}.result-panel>.panel-title{font-size:27px}.result-actions .btn{min-height:42px;font-size:23px}.machine-actions .btn{font-size:20px}
 .page-tickets #main{grid-template-rows:52px minmax(0,1fr) 92px;gap:8px}.page-tickets .epoch-bar{padding-top:5px;padding-bottom:5px}.tickets-grid{grid-template-columns:162px minmax(0,1fr) 246px}.reveal-stage{grid-template-rows:minmax(0,1fr) 61px}.reveal-actions{padding:7px}.ticket-card img{height:93px}.ticket-select h2{font-size:26px}.selected-ticket .ticket-art{height:91px}.summary-price{margin-top:9px;padding-top:9px}.summary-price strong{margin:8px 0;font-size:33px}.summary-rule{margin-top:10px}.summary-rule p{font-size:13px}.reveal-summary h2{font-size:27px}
 .page-trait-hunt #main{grid-template-rows:62px minmax(0,1fr) 106px;gap:8px}.hunt-banner strong{font-size:39px}.hunt-fox{grid-template-rows:27px 50px minmax(0,1fr) 44px;gap:4px;padding:8px}.hunt-fox h2{font-size:28px}.hunt-fox .fox-card,.hunt-fox .fox-card.selected{height:47px;min-width:0;flex:1}.hunt-fox .fox-card .fox-stage{height:44px}.set-card{height:185px}.weekly-set>.panel-title{margin-bottom:13px}.hunt-metrics .label{font-size:26px}.hunt-metrics .value{font-size:43px}.hunt-metrics .stat{padding:10px 16px}.hunt-metrics .stat>.icon{width:36px;height:39px}
}

/* UX-05: one bounded application frame and one sidebar on every route. */
:root{--ease-ui:cubic-bezier(.2,.7,.2,1);--motion-fast:150ms;--motion-panel:220ms}
body{background:radial-gradient(ellipse at 48% 5%,#17103b80,transparent 68%),#020719}
#app>.sidebar{background:linear-gradient(180deg,#090f2d 0%,#070c2499 62%,#050a21ee 100%),var(--scene-2) center bottom/100% auto no-repeat}
#app>.sidebar .nav-link{position:relative;border-image:none}.nav-link[aria-current=page]{color:#fff1b7}
#app>.sidebar .nav-link:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:3px;background:var(--gold);opacity:0;transform:scaleY(.5);transition:opacity var(--motion-fast),transform var(--motion-fast)}
#app>.sidebar .nav-link.active:before{opacity:1;transform:scaleY(1)}#app>.sidebar .nav-link.active{box-shadow:none}
.nav-backdrop{display:none}.inventory-grid,.fox-cards,.ticket-select{scrollbar-width:thin;scrollbar-color:#7350b6 #080d25;scroll-padding:6px;overscroll-behavior:contain}
@media(min-width:960px){
 #app:has(>.sidebar){--frame-height:min(900px,calc(100svh - 36px));--frame-top:max(18px,calc((100svh - 900px)/2));width:calc(100% - 48px);max-width:1440px;margin:var(--frame-top) auto;display:grid;grid-template-columns:176px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
 #app>.sidebar{position:sticky;inset:auto;top:var(--frame-top);width:100%;height:var(--frame-height);min-height:0;padding:14px 8px 10px;transform:none;visibility:visible;border:2px solid #6540b2;border-image:none;box-shadow:0 12px 36px #0004;overflow:hidden;z-index:30}
 #app>.sidebar .brand{margin:0 0 18px;gap:2px}#app>.sidebar .brand img{width:93px;height:72px}#app>.sidebar .brand strong{display:block;font-size:38px;line-height:1.05;letter-spacing:.3px}
 #app>.sidebar .nav-list{gap:6px}#app>.sidebar .nav-link{min-height:48px;padding:7px 10px;gap:12px;font-size:18px;white-space:nowrap}#app>.sidebar .nav-link>span{display:inline-block}#app>.sidebar .nav-link>.icon{height:28px;width:28px}
 #app>.sidebar .sidebar-bottom{margin-top:auto;padding-top:12px;padding-bottom:0}#app>.sidebar .sidebar-note{display:block;font-size:10px;padding:10px 5px 1px;line-height:1.4;letter-spacing:0;color:#a496c4}#app>.sidebar .mobile-toggle{display:none}
 #app>.workspace{position:relative;margin:0;width:100%;max-width:none;height:var(--frame-height);min-height:0;padding:0;display:grid;grid-template-rows:66px minmax(0,1fr) 22px;gap:0}
 #app>.workspace>#main{min-height:0;min-width:0}#app>.workspace>.page-head{position:relative;inset:auto;display:flex;min-height:0;height:auto;padding:0 3px;align-items:center;justify-content:space-between;gap:12px}
 #app>.workspace>.page-head h1{font-size:clamp(36px,3.35vw,48px);transform:none;letter-spacing:0;line-height:1;white-space:nowrap}
 #app>.workspace .head-actions{margin:0;padding:0;gap:10px}#app>.workspace .head-actions button{min-width:126px;width:auto;height:40px;min-height:40px;font-size:16px;gap:8px;padding:6px 11px}#app>.workspace .head-actions .wallet-button{min-width:134px}#app>.workspace .head-actions .wallet-text{display:inline}
 #app>.workspace .head-actions .icon{height:28px;width:25px}#app>.workspace .head-actions .chevron{width:9px;height:9px;border-width:2px}
 #app>.workspace>.workspace-footer{position:static;inset:auto;display:flex;justify-content:space-between;align-items:end;padding:7px 2px 0;font-size:10px;letter-spacing:0;min-height:0;gap:12px}#app>.workspace>.workspace-footer a{position:static}
 #app>.docs-shell{margin:0;min-width:0;border:1px solid #3c296a;background:#060c24;box-shadow:0 12px 36px #0003}.docs-header{height:83px;padding:14px 23px}.docs-header h1{font-size:46px}.docs-layout{grid-template-columns:196px minmax(0,1fr) 158px}.docs-article{font-size:19px;padding:32px 32px 56px}.docs-article h1{font-size:54px}.docs-menu{top:18px;max-height:calc(100svh - 40px);padding:23px 12px}.docs-menu a{font-size:16px;padding:10px 9px}.docs-toc{top:18px;padding:32px 11px}.docs-toc a{font-size:13px;line-height:1.6}.docs-toc strong{font-size:25px}.docs-home-grid{gap:13px}.doc-card{padding:20px}.doc-card p{font-size:17px}
 #app>.workspace.page-home{border:2px solid #55368e;box-shadow:0 12px 36px #0004;grid-template-rows:60px minmax(0,1fr) 26px;background:#050b24}
 #app>.page-home .page-head{padding:0 14px;background:#070c2699}#app>.page-home .home{height:100%;min-height:0;container-type:size;background-size:100% auto}
 #app>.page-home .home-illustration{top:0;min-height:0;height:calc(100% - 104px);aspect-ratio:auto;background-image:var(--scene-0),var(--scene-10);background-size:auto 100%,auto 100%;background-position:right top,left top;background-repeat:no-repeat,repeat-x}
 #app>.page-home .home-content{position:relative;width:59%;max-width:700px;margin:clamp(76px,14cqh,116px) 0 0 5.7%;padding:0;background:none;pointer-events:auto}
 #app>.page-home .home h1{font-size:clamp(34px,4.65cqw,54px);line-height:1.14;white-space:nowrap}.home-title-line{white-space:nowrap}
 #app>.page-home .home-copy{font-size:clamp(17px,1.68cqw,21px);line-height:1.45;margin:13px 0 26px;max-width:95%;white-space:normal;text-align:left}
 #app>.page-home .hero-actions{gap:16px;flex-wrap:nowrap;justify-content:flex-start}#app>.page-home .hero-actions .btn{min-width:0;width:194px;min-height:52px;font-size:29px;padding:7px 14px;gap:12px}#app>.page-home .hero-actions .icon{width:31px;height:32px}
 #app>.page-home .home-stats{left:18px;right:18px;bottom:10px;gap:12px;grid-template-columns:1fr 1fr 1.05fr}#app>.page-home .home-stats .stat{min-height:98px;height:98px;padding:12px 14px;gap:14px;flex-direction:row;text-align:left}
 #app>.page-home .home-stats .label{font-size:13px;line-height:1.35;margin-bottom:8px;min-height:0;white-space:normal}#app>.page-home .home-stats .value{font-size:35px;line-height:1;letter-spacing:.2px}#app>.page-home .home-stats .epoch-count{font-size:15px}#app>.page-home .home-stats .icon{width:36px;height:40px}#app>.page-home .home-stats .progress{height:17px}#app>.page-home>.workspace-footer{padding:5px 14px 6px}
}
@media(min-width:960px) and (min-height:620px){
 .workspace .tabs{height:auto;min-height:0;gap:10px}.workspace .tab{min-width:200px;font-size:19px;gap:13px}.workspace .tab+.tab{min-width:236px}.workspace .tab .icon{width:27px;height:28px}
 .page-my-fox #main{grid-template-rows:42px 108px minmax(0,1fr);gap:10px}.page-my-fox-rewards #main{grid-template-rows:42px 108px 166px minmax(0,1fr);gap:10px}
 .fox-selector{padding:8px 11px}.fox-selector h2{font-size:15px;margin-bottom:5px}.fox-card,.fox-card.selected{min-width:195px;flex-basis:195px;height:70px;gap:7px}.fox-card .fox-stage{width:81px;height:66px}.fox-card .fox-stage img{width:107px;height:107px;left:-13px;top:-3px}.fox-card>span{font-size:17px}.fox-card small{font-size:14px;margin-top:4px}
 .wardrobe-grid{grid-template-columns:1.14fr 1fr}.wardrobe-grid .inventory{grid-template-rows:auto minmax(0,1fr) 52px}.wardrobe-grid .inventory .panel-title{display:grid;grid-template-columns:1fr auto;gap:7px}.wardrobe-grid .inventory .panel-title a{grid-column:1/-1;justify-self:end;font-size:13px;line-height:1.2}.wardrobe-grid .inventory h2{font-size:17px}.wardrobe-grid .inventory-grid{grid-auto-rows:111px}.wardrobe-grid .trait-card{grid-template-rows:63px minmax(0,1fr)}.wardrobe-grid .trait-card img{height:63px}
 .dressing-stage{grid-template-columns:60px minmax(0,1fr) 63px;gap:7px}.slot-button{font-size:11px}.dressing-stage>.fox-stage{overflow:hidden}.trait-detail{font-size:15px}.dressing-actions .btn{font-size:23px}
 .reward-card h3{font-size:18px}.reward-card .row{gap:11px}.reward-card .small{font-size:13px}.reward-card .amount{font-size:42px}.reward-card .btn{min-height:42px;font-size:24px}.reward-card .amount.long-amount{font-size:18px}.reward-lower .burn-total.long-amount{font-size:18px;overflow-wrap:anywhere}.reward-lower .balance-row{font-size:15px}.reward-lower h2{font-size:19px}.reward-lower .burn-note{font-size:13px}.reward-lower .balance-total{font-size:16px}
 #app>.workspace.page-lucky-paw{grid-template-rows:86px minmax(0,1fr) 22px}.page-lucky-paw .page-head:after{top:59px;font-size:18px}.page-lucky-paw #main{grid-template-rows:42px minmax(0,1fr) 116px;gap:10px}.page-lucky-paw #main:has([data-lucky-tab=history].active){grid-template-rows:42px minmax(0,1fr)}
 .lucky-grid{grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr)}.lucky-side{grid-template-rows:118px minmax(0,1fr)}.lucky-price{padding:9px 11px}.lucky-price h2{font-size:29px}.lucky-side .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:101px}.lucky-side .inventory h2{font-size:28px}.lucky-side .trait-card>span:not(.check):not(.none){font-size:13px;line-height:15px;max-height:30px}.roll-fee{height:41px;min-height:41px}.lucky-price .small{font-size:12px}
 .result-panel{padding:8px 11px}.result-panel>.panel-title{font-size:28px}.result-content{gap:11px;min-width:0}.result-content>div:first-of-type{min-width:0}.result-title{font-size:29px}.result-panel .small{font-size:12px}.result-panel select{width:132px;font-size:14px}.result-actions .btn{font-size:22px;min-height:43px;padding:5px 9px;white-space:nowrap}.result-content>img{width:57px;height:55px}.result-panel:has(.result-content) .result-content{overflow:visible}
 .page-trait-hunt #main{grid-template-rows:64px minmax(0,1fr) 104px;gap:10px}.hunt-banner strong{font-size:43px}.hunt-banner>span:last-child{font-size:17px}.hunt-grid{grid-template-columns:.8fr 1fr}.hunt-fox{grid-template-rows:29px 52px minmax(0,1fr) 44px;gap:6px}.hunt-fox .fox-card,.hunt-fox .fox-card.selected{min-width:0;flex:1;height:49px}.hunt-fox .fox-card .fox-stage{height:45px;width:38px}.hunt-fox .fox-card>span{font-size:15px}.hunt-fox h2{font-size:29px}.hunt-controls .btn{font-size:24px;min-height:42px}.hunt-controls>span{font-size:14px}
 .weekly-set{display:flex;flex-direction:column;justify-content:center;gap:17px}.weekly-set>.panel-title{margin:0}.weekly-set h2{font-size:29px}.set-card{height:clamp(172px,26svh,220px)}.set-card>span:first-child{font-size:17px}.set-card .set-status{font-size:13px}.hunt-metrics .label{font-size:28px}.hunt-metrics .value{font-size:44px}.hunt-metrics .stat{padding:11px 18px;gap:18px}
 .page-tickets #main{grid-template-rows:54px minmax(0,1fr) 100px;gap:10px}.tickets-grid{grid-template-columns:160px minmax(0,1fr) 235px}.ticket-card img{height:104px}.selected-ticket .ticket-art{height:104px}.reveal-summary h2{font-size:26px}.summary-price strong{font-size:34px}.summary-rule p{font-size:14px}.page-tickets .epoch-bar{gap:14px;font-size:17px}.page-tickets .epoch-bar>span:first-of-type{font-size:18px}.page-tickets .epoch-bar .small{font-size:14px}.page-tickets .epoch-bar .divider{height:24px}
 .page-mine #main{grid-template-rows:54px minmax(0,1fr) minmax(102px,18%);gap:10px}.page-mine .epoch-name strong{font-size:32px}.page-mine .epoch-state,.page-mine .epoch-count,.page-mine .epoch-percent{font-size:18px}.page-mine .epoch-bar{padding:8px 15px}.mining-controls .metric{font-size:16px}.mining-controls{font-size:16px}.mining-controls .btn{font-size:22px}.claim-card h2{font-size:36px}.claim-card .countdown{font-size:71px}
}
@media(min-width:960px) and (max-width:1150px){
 #app:has(>.sidebar){grid-template-columns:70px minmax(0,1fr);gap:12px;width:calc(100% - 32px)}#app>.sidebar{padding:12px 5px}#app>.sidebar .brand img{width:50px;height:53px}#app>.sidebar .brand strong,#app>.sidebar .nav-link>span:not(.icon){display:none}#app>.sidebar .brand{margin-bottom:16px}#app>.sidebar .nav-link{padding:9px 5px;justify-content:center}#app>.sidebar .sidebar-note{font-size:8px;padding:9px 1px}
 #app>.workspace .head-actions .wallet-button{min-width:48px;width:48px}#app>.workspace .head-actions .wallet-text{display:none}.docs-layout{grid-template-columns:180px minmax(0,1fr)}.docs-toc{display:none}
 .lucky-grid{grid-template-columns:minmax(0,1.6fr) 288px}.lucky-side .inventory h2{font-size:26px}.machine-stage .machine-actions .btn{font-size:18px}.result-panel select{width:117px}.result-actions .btn{font-size:20px;padding:5px 7px}.result-title{font-size:26px}.result-content>img{width:48px;height:47px}
 .reward-card h3{font-size:16px}.reward-card .amount{font-size:38px}.reward-card .small{font-size:12px}.reward-lower{grid-template-columns:1fr 1fr}.reward-portrait{display:none}.tickets-grid{grid-template-columns:144px minmax(0,1fr) 214px}.page-tickets .epoch-bar .divider{display:none}.page-tickets .epoch-bar{gap:10px}.dressing-stage{grid-template-columns:49px minmax(0,1fr) 52px}.trait-detail{font-size:14px}.set-card>span:first-child{font-size:15px}.hunt-controls{gap:6px}.hunt-controls>span{font-size:12px}.hunt-controls .btn{font-size:22px}.weekly-set h2{font-size:27px}.set-card .set-status{font-size:11px}
}
@media(min-width:960px) and (min-height:620px) and (max-height:780px){
 #app:has(>.sidebar){--frame-height:calc(100svh - 28px);--frame-top:14px;width:calc(100% - 36px)}#app>.workspace{grid-template-rows:56px minmax(0,1fr) 20px}#app>.workspace>.page-head h1{font-size:40px}
 .page-my-fox #main{grid-template-rows:38px 100px minmax(0,1fr);gap:8px}.page-my-fox-rewards #main{grid-template-rows:38px 100px 154px minmax(0,1fr);gap:8px}.fox-selector{padding:7px 10px}.fox-selector h2{font-size:14px;margin-bottom:4px}.fox-card,.fox-card.selected{height:66px}.fox-card .fox-stage{height:62px}
 .reward-card{padding:9px 12px;gap:5px}.reward-card .row{min-height:34px}.reward-card .amount{font-size:39px}.reward-card .amount.long-amount{font-size:18px}.reward-lower .burn-note{display:none}.reward-lower .balance-rows{margin-top:12px;gap:9px}.reward-lower .balance-total{padding-top:10px;margin-top:13px}.reward-lower .burn-total{font-size:35px;margin:14px 0 15px}.reward-lower .burn-total.long-amount{font-size:17px}.reward-lower>.pad{padding:11px 12px}
 .page-mine #main{grid-template-rows:48px minmax(0,1fr) 99px;gap:8px}.mine-grid>section:first-child{grid-template-rows:minmax(0,1fr) 45px 58px}.claim-card{grid-template-rows:31px minmax(30px,1fr) 43px 42px 44px 64px;padding:8px 10px 0}.claim-card h2{font-size:33px}.claim-card .countdown{font-size:66px}.claim-card>.btn{font-size:25px;min-height:42px}.claim-hint{font-size:14px}.wallet-count{margin:7px -10px 0;padding:8px 12px}.wallet-count h2{font-size:28px}.wallet-last{min-width:100px;padding-left:13px}
 #app>.workspace.page-lucky-paw{grid-template-rows:76px minmax(0,1fr) 20px}.page-lucky-paw .page-head:after{top:52px;font-size:17px}.page-lucky-paw #main{grid-template-rows:38px minmax(0,1fr) 104px;gap:8px}.page-lucky-paw #main:has([data-lucky-tab=history].active){grid-template-rows:38px minmax(0,1fr)}.lucky-side{grid-template-rows:109px minmax(0,1fr);gap:8px}.lucky-price{padding:7px 10px}.lucky-price h2{font-size:27px}.roll-fee{margin:5px 0;height:38px;min-height:38px}.result-panel>.panel-title{font-size:25px}.result-panel{padding:6px 9px}
 .page-trait-hunt #main{grid-template-rows:58px minmax(0,1fr) 96px;gap:8px}.hunt-fox{grid-template-rows:26px 47px minmax(0,1fr) 42px;padding:8px;gap:4px}.hunt-fox .fox-card,.hunt-fox .fox-card.selected{height:44px}.hunt-fox .fox-card .fox-stage{height:40px}.hunt-fox h2{font-size:27px}.hunt-metrics .label{font-size:25px}.hunt-metrics .value{font-size:40px}.set-card{height:176px}.weekly-set{gap:13px}.hunt-banner strong{font-size:38px}
 .page-tickets #main{grid-template-rows:48px minmax(0,1fr) 87px;gap:8px}.ticket-card img{height:86px}.selected-ticket .ticket-art{height:86px}.selected-ticket{margin-top:7px}.reveal-stage{grid-template-rows:minmax(0,1fr) 58px}.summary-price{margin-top:9px;padding-top:9px}.summary-rule{margin-top:11px}.summary-rule p{font-size:13px}.reveal-actions{padding:6px}.reveal-actions .btn{min-height:44px;font-size:26px}
 #app>.workspace.page-home{grid-template-rows:52px minmax(0,1fr) 24px}#app>.page-home .home-content{margin-top:65px}#app>.page-home .home h1{font-size:clamp(31px,4.45cqw,48px)}#app>.page-home .home-copy{font-size:18px;margin:10px 0 20px}#app>.page-home .home-stats .stat{height:88px;min-height:88px}#app>.page-home .home-stats .value{font-size:32px}#app>.page-home .home-stats .label{font-size:12px}
}
@media(min-width:701px) and (max-width:959px){
 #app:has(>.sidebar){--frame-top:12px;width:calc(100% - 24px);margin:12px auto;display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:start}#app>.sidebar{position:sticky;inset:auto;top:12px;width:68px;height:calc(100svh - 24px);padding:12px 5px;border:2px solid #6540b2;overflow:hidden;transform:none;visibility:visible}#app>.sidebar .brand img{width:50px;height:53px}#app>.sidebar .brand strong,#app>.sidebar .nav-link>span:not(.icon){display:none}#app>.sidebar .nav-link{padding:9px 4px;justify-content:center;min-height:48px}#app>.sidebar .nav-link>.icon{display:inline-block;width:29px;height:29px}#app>.sidebar .sidebar-note{display:none}#app>.sidebar .sidebar-bottom{padding-bottom:5px}
 #app>.workspace,#app>.docs-shell{margin:0;min-width:0;width:100%;padding:0}#app>.page-home .page-head{position:relative;height:64px;padding:0 8px}#app>.page-home .home{min-height:740px}#app>.page-home>.workspace-footer{position:static;padding:10px 4px;font-size:9px;display:flex;justify-content:space-between}#app>.page-home>.workspace-footer a{position:static}.docs-header{padding:15px}.docs-header h1{font-size:40px}.docs-layout{grid-template-columns:158px minmax(0,1fr)}.docs-menu a{font-size:15px}
 .page-head h1{font-size:36px}.page-lucky-paw .page-head h1{font-size:36px}.head-actions .wallet-button{min-width:46px;width:46px}.head-actions button{font-size:16px;min-width:112px}.head-actions .wallet-text{display:none}.reward-lower{grid-template-columns:1fr}.result-actions{flex-wrap:wrap}.home h1{font-size:43px!important;white-space:nowrap}
}
@media(max-width:700px){
 #app>.sidebar{inset:0 auto 0 0;width:228px;height:100dvh;padding:18px 9px 12px;border:0;border-right:2px solid #7650bf;transform:translateX(-102%);visibility:hidden;box-shadow:none;transition:transform 180ms var(--ease-ui),visibility 0s 180ms}
 #app>.sidebar.open{transform:translateX(0);visibility:visible;transition:transform 180ms var(--ease-ui),visibility 0s}#app>.sidebar .brand{margin:0 0 20px}#app>.sidebar .brand img{width:107px;height:83px}#app>.sidebar .brand strong{display:block;font-size:44px}#app>.sidebar .nav-list{gap:7px}#app>.sidebar .nav-link{min-height:49px;padding:9px 13px;gap:16px;font-size:20px}#app>.sidebar .nav-link>span{display:inline-block}#app>.sidebar .nav-link>.icon{width:31px;height:31px}#app>.sidebar .sidebar-note{font-size:10px;display:block}#app>.sidebar .sidebar-bottom{padding:12px 0 0;margin-top:auto}
 .nav-backdrop{position:fixed;inset:0;width:100%;height:100%;border:0;padding:0;background:#000a;backdrop-filter:blur(3px);z-index:29;display:block}.nav-backdrop[hidden]{display:none}body.nav-open{overflow:hidden}.sidebar.open .mobile-toggle{display:flex}
 .page-head{padding:0 1px}.head-actions button{min-height:38px}.home-content .home-title-line{white-space:nowrap}.info summary{min-height:29px}.docs-menu a{padding-top:12px;padding-bottom:12px}.docs-header h1{font-size:35px}.wardrobe-preview{scroll-margin-top:12px}.carousel-tools button{width:34px;min-height:30px;height:30px}
 .dressing-actions{position:relative;z-index:1}.trait-detail{min-height:64px}.trait-detail>span{overflow-wrap:anywhere}.result-actions .btn{font-size:21px;min-height:44px}.set-card{scroll-margin-top:15px}.fox-card:focus-visible{outline-offset:-4px}.result-content{overflow-wrap:anywhere}
}
@media(min-width:960px) and (max-height:619px){#app>.workspace{height:auto;min-height:var(--frame-height);display:block}#app>.workspace>.page-head{min-height:62px}#app>.page-home .home{height:auto;min-height:670px}.docs-toc{max-height:calc(100svh - 60px);overflow:auto}}
/* Cohesive feedback: clickable elements move at most 1px, static panels do not bounce. */
:where(button,.btn,.nav-link,.tab,.doc-card,.trait-card,.fox-card,.ticket-card,summary,input,select){transition:background-color var(--motion-fast) var(--ease-ui),border-color var(--motion-fast) var(--ease-ui),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
:where(button,.btn,.tab,.trait-card,.fox-card,.ticket-card,.doc-card,summary):focus-visible{outline:2px solid #ffe69a;outline-offset:3px;box-shadow:0 0 0 4px #ffcf4520}.nav-link:focus-visible{outline-offset:-3px;background:#39215f}.inventory-grid:focus-visible{outline:1px solid var(--muted);outline-offset:2px}
input:focus-visible,select:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px #ffe5681b;outline:1px solid var(--gold);outline-offset:1px}.docs-search:focus-within>.icon{color:var(--gold)}
.btn:active:not(:disabled),button:active:not(:disabled){transform:translateY(1px);transition-duration:60ms}.btn.danger:focus-visible{outline-color:#ff8c99;box-shadow:0 0 0 4px #fc426420}
@media(hover:hover) and (pointer:fine){
 .btn:hover:not(:disabled),.tab:hover:not(:disabled),.head-actions button:hover{background:linear-gradient(110deg,#32234d,#181431);color:#fff0bf;border-image-source:url('/art/reference/frame-gold.png');box-shadow:inset 0 0 12px #b085ee19,0 0 10px #dfae4626;transform:translateY(-1px)}
 .btn.primary:hover:not(:disabled){background:linear-gradient(110deg,#493517,#231928);box-shadow:inset 0 0 18px #ffcc3622,0 0 15px #ffc43d25}.btn.danger:hover:not(:disabled){color:#ffaab4;border-image-source:url('/art/reference/frame-red.png');background:linear-gradient(100deg,#501f31,#21122c);box-shadow:0 0 12px #ff345b22}
 .trait-card:hover:not(:disabled),.fox-card:hover,.ticket-card:hover{border-image-source:url('/art/reference/frame-gold.png');background:#1b1537;box-shadow:inset 0 0 16px #ac7dff14,0 0 8px #ffcf5520}.trait-card img,.ticket-card img{transition:filter 150ms var(--ease-ui)}.trait-card:hover img,.ticket-card:hover img{filter:drop-shadow(0 0 4px #ffc45855)}
 .slot-button:hover:not(:disabled){border-image-source:url('/art/reference/frame-gold.png');background:#291b45;color:#ffe193;box-shadow:inset 0 0 11px #e5b84a12}.nav-link:hover{color:#ffe5a0;background:linear-gradient(90deg,#35215c,#191230)}.nav-link .icon{transition:color 150ms,transform 150ms}.nav-link:hover .icon{color:var(--gold);transform:translateX(1px)}
 .doc-card:hover{border-color:#d1ae57;transform:translateY(-2px);box-shadow:0 8px 20px #0003;background:linear-gradient(125deg,#201938,#10132e)}.docs-menu a:hover,.docs-toc a:hover{color:var(--gold);background:#20183766}.docs-article a:not(.doc-card):hover,.workspace-footer a:hover,.inventory .panel-title a:hover{color:#ffeac0;text-decoration:underline;text-underline-offset:4px}
 .info summary:hover{color:#ffe6a5;border-color:var(--gold);background:#302343;box-shadow:0 0 10px #ffc6592b}.stat:hover{box-shadow:inset 0 0 20px #9470eb10}.carousel-tools button:hover:not(:disabled){background:#302044;border-color:var(--gold);color:var(--gold)}
}
button:disabled,.btn:disabled{transform:none;filter:none;cursor:not-allowed}.busy{opacity:.75}.draft-state{color:var(--gold)}.progress>span{transition:width 320ms var(--ease-ui)}
@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes tooltip-enter{from{opacity:0;translate:0 3px}to{opacity:1;translate:0 0}}
dialog[open]{animation:dialog-enter 180ms var(--ease-ui)}.info .tooltip:popover-open{animation:tooltip-enter 120ms var(--ease-ui)}.menu-open-hint{color:var(--gold)}
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-panel:0ms}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover,.doc-card:hover,.nav-link:hover .icon{transform:none!important}}
@media print{#app:has(>.sidebar){display:block;width:100%;max-width:none;margin:0}#app>.docs-shell{border:0;margin:0;background:white;box-shadow:none}.nav-backdrop{display:none!important}}

#main:focus{outline:none}

/* Final optical corrections for the compact workspace. */
:root{scrollbar-gutter:stable}
@media(min-width:960px){#app>.workspace.page-lucky-paw>.page-head{padding:0 3px 22px}}
@media(hover:hover) and (pointer:fine){a.set-card:hover{border-color:var(--gold);background:#191534;box-shadow:inset 0 0 20px #b886ff13}a.set-card:hover img{filter:drop-shadow(0 0 4px #ffdc5e44)}}
a.set-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}