/* UI08b optical refinement. No interface label or panel is a raster screenshot. */
.ui08 .head-actions .wallet-button{display:flex!important;align-items:center;justify-content:center;flex-shrink:0}
.ui08 .page-head h1{font-family:HoodFoxReferenceTitle,Pixel,sans-serif!important;font-size:clamp(32px,3vw,48px)!important;line-height:1.15!important}
.ui08 .home h1{font-family:HoodFoxReferenceHero,Pixel,sans-serif!important;font-size:clamp(40px,4vw,62px)!important;line-height:1.15!important}
.ui08 .panel h2{font:600 19px/1.25 Interface,system-ui,sans-serif;letter-spacing:.3px}
.ui08 .panel{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-surface) 96%,#aa7fee),var(--ui-surface));box-shadow:inset 0 1px 0 #bc93ff0b,0 7px 20px #0001}
.ui08 .panel .btn{border-width:1px}.ui08 .page-head{border-bottom:1px solid #8360ca33}
.ui08 .home-stats .label{font-size:13px!important}.ui08 .home-stats .value{font:600 27px/1.25 Interface,sans-serif!important}
.ui08 .brand-tagline{font:10px/1.6 Interface,sans-serif;letter-spacing:1.35px;color:var(--ui-muted);text-align:center}
#app.ui08>.sidebar{background:linear-gradient(#070e28 0%,#080e27 50%,#080e2710 79%,#080e2780),url('/art/update-08/sidebar-scene.webp') center bottom/100% auto no-repeat}
.ui08 .fennec-chip .chip-avatar{background:#11132e}.ui08 .chip-avatar [data-layer=bg],.chooser-avatar [data-layer=bg]{display:none}
.ui08 .chip-avatar .fox-stage{width:58px!important;height:58px!important;left:-11px!important;top:-1px!important}
.ui08 .wardrobe08 .item-square{border-width:2px!important;box-shadow:inset 0 0 14px color-mix(in srgb,var(--rarity-color,#7964b8) 12%,transparent)}
.ui08 .wardrobe08 .item-square img{width:94%;height:94%!important}.ui08 .item-square.selected{outline-offset:1px}
.ui08 .inventory-categories button{font-size:12px}.ui08 .inventory-categories .icon{width:22px;height:22px}
.ui08 .detail-copy strong{font-size:18px}.ui08 .detail-image{border-width:2px;box-shadow:0 0 8px color-mix(in srgb,var(--rarity-color) 18%,transparent)}
.ui08 .hunt-portrait08{background:linear-gradient(var(--ui-surface) 48%,#070e2866),url('/art/update-08/desert-backdrop.webp') center bottom/100% auto no-repeat}
.ui08 .hunt-square08{margin:4px 0 0;flex-shrink:0}.ui08 .hunt-portrait08>.portrait-id{margin-top:auto}
.ui08 .hunt08 .set-card{border-width:2px;padding:10px 7px}.ui08 .hunt08 .set-card img{height:96px;max-height:42%}
.ui08 .hunt08 .set-card>strong{font-size:13px}.ui08 .hunt08 .set-card>span:first-child{font-size:14px}
.ui08 .weekly-reward08 .pool-art08{border:1px solid var(--ui-frame-ink);border-radius:6px;padding:10px;background:linear-gradient(90deg,var(--ui-surface),transparent),url('/art/update-08/desert-backdrop.webp') center/cover}
.ui08 .pool-art08 strong{font:600 29px/1.25 Interface,sans-serif}.ui08 .pool-art08>img{width:51%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.ui08 .verification-rows>div{font-size:14px}.ui08 .verification-rows strong{font-size:14px}
.ui08 .docs-article,.ui08 .docs-article p,.ui08 .docs-article li,.ui08 .docs-article td{font-family:Interface,system-ui,sans-serif}.ui08 .docs-article p{line-height:1.7}
.ui08 .docs-header{border-bottom:1px solid var(--ui-frame-ink)}.ui08 .docs-header>.docs-search{height:40px}.ui08 .docs-search input{font:15px/1.3 Interface,sans-serif}
.ui08 .doc-card{position:relative;padding:20px 20px 20px 64px}.ui08 .doc-card>.doc-icon08{position:absolute;left:19px;top:21px;width:28px;height:30px;color:#b99afa}
.ui08 .doc-card>strong{font:600 20px/1.25 Interface,sans-serif}.ui08 .doc-card p{font-size:16px;line-height:1.65}
.ui08 .mine-grid>section:first-child{overflow:hidden}.ui08 .mine-scene{object-fit:cover;border-radius:7px 7px 0 0}
.ui08 .claim-card h2,.ui08 .wallet-count h2{font:600 22px/1.2 Interface,sans-serif}.ui08 .mine-grid .btn{min-height:43px}
/* The cabinet is centered on its own column; decoration never participates in that calculation. */
.ui08 .machine-cell08{background:linear-gradient(#080f2930,#03081b44),url('/art/update-08/desert-backdrop.webp') center/cover}
.ui08 .machine8{width:min(94cqw,calc(96cqh * 667 / 773));z-index:2;container-type:inline-size}
.ui08 .machine8:before{inset:17% 10% 4%;background:linear-gradient(140deg,#17122c,#040920 55%,#130e28)}
.ui08 .machine-shell08{z-index:3}.ui08 .machine8 .reel-window{z-index:1;left:14%;top:35.6%;width:71%;height:35%!important;border:0;border-radius:0;background:radial-gradient(ellipse,#29203c,#080c25 80%)}
.ui08 .machine8 .reel-window:before,.ui08 .machine8 .reel-window:after{content:none!important}.ui08 .machine8 .reel-item{height:65%;background:linear-gradient(#211a32,#0d1127);border-color:#8c6bb5}
.ui08 .machine8 .reel-pointer{left:49.5%;top:35.7%;z-index:4}.ui08 .win-display08{left:24%;width:50%;top:37%;height:32%;z-index:2;border-width:2px}
.ui08 .cabinet-name08{left:17%;right:18%;top:20.5%;height:9%;font-family:HoodFoxReferenceTitle,Pixel,sans-serif;font-size:7cqw;letter-spacing:.2px;color:#ffe799}
.ui08 .cabinet-brand08{left:35%;width:30%;top:17.7%;height:2.8%;font-size:2.1cqw;letter-spacing:1.5px}
.ui08 .cabinet-subtitle08{left:26%;width:48%;top:30.2%;height:2.9%;font-size:1.8cqw;letter-spacing:.6px}
.ui08 .cabinet-motto08{position:absolute;left:30%;width:39%;top:72.3%;height:3.5%;z-index:4;display:grid;place-items:center;color:#ffe087;font:500 1.9cqw/1 Interface,sans-serif;white-space:nowrap;letter-spacing:.8px}
.ui08 .cabinet-footnote08{position:absolute;top:91.2%;left:26%;width:49%;text-align:center;color:#c9a8ed;font:500 1.7cqw/1.5 Interface,sans-serif;letter-spacing:1px;z-index:4}
.ui08 .machine8.pending-result .cabinet-footnote08{display:none}.ui08 .machine-guide08{position:absolute;left:-3%;bottom:5%;width:25%;max-height:45%;object-fit:contain;pointer-events:none;z-index:1}
.ui08 .spin-action08 .btn{border:2px solid #efd568;background:linear-gradient(#6024b3,#270c5c);box-shadow:inset 0 0 14px #ca82ee50,0 0 14px #eebb4055;font:600 24px/1.2 Interface,sans-serif}
.ui08 .machine8:not(.pending-result) .spin-action08{top:80.2%;height:7.6%;width:65%;left:17%}.ui08 .resolve-actions08{left:10.5%;width:77%;top:79.3%;height:8.1%;gap:5px}
.ui08 .resolve-actions08 .btn{font-size:clamp(11px,2.3cqw,16px)}.ui08 .history-row08{grid-template-columns:34px minmax(0,1fr) auto}.ui08 .history-row08 strong{font-size:13px}
@media(min-width:960px){.ui08 .page-my-fox>#main{container-type:size}.ui08 .wardrobe08{height:min(100%,calc((100cqw - var(--ui-panel-gap)) * .47115 + 77px));align-self:start}.ui08 .hunt08{height:min(100%,740px)}}
@media(min-width:960px) and (max-width:1150px){.ui08 .inventory-categories button{font-size:11px}.ui08 .verification-rows>div,.ui08 .verification-rows strong{font-size:12px}.ui08 .pool-art08 strong{font-size:23px}.ui08 .pool-art08>img{position:absolute;right:0;width:48%;opacity:.8}}
@media(min-width:701px) and (max-width:959px){.ui08 .page-head h1{font-size:32px!important}.ui08 .home h1{font-size:39px!important}.ui08 .machine8{width:min(94cqw,calc(96cqh * 667 / 773))}}
@media(max-width:700px){.ui08 .page-head h1{font-size:clamp(22px,6.4vw,32px)!important;white-space:normal!important;line-height:1.2!important}.ui08 .home h1{font-size:clamp(23px,7vw,32px)!important}.ui08 .head-actions .wallet-button{display:flex!important}.ui08 .chip-avatar .fox-stage{width:49px!important;height:49px!important;left:-9px!important}.ui08 .panel h2{font-size:18px}.ui08 .hunt-square08{margin:0}.ui08 .hunt08 .set-card img{height:70px}.ui08 .hunt08 .set-card>strong{font-size:11px}.ui08 .verification-rows strong{font-size:13px}.ui08 .docs-header h1{font-size:27px}.ui08 .doc-card{padding:17px 14px 17px 53px}.ui08 .doc-card>.doc-icon08{left:14px;top:18px;width:25px;height:27px}.ui08 .doc-card>strong{font-size:18px}.ui08 .doc-card p{font-size:16px}.ui08 .spin-action08 .btn{font-size:5cqw}.ui08 .machine-guide08{display:none}}
html[data-theme=light] #app.ui08>.sidebar{background:linear-gradient(#fcf7f0 25%,#f6ece1a0 70%,#f6ece1d0),url('/art/update-08/light/sidebar-scene.webp') center bottom/100% auto no-repeat}
html[data-theme=light] .ui08 .machine-cell08{background:linear-gradient(#fcf7f000,#efe1d838),url('/art/update-08/light/desert-backdrop.webp') center/cover}
html[data-theme=light] .ui08 .hunt-portrait08{background:linear-gradient(var(--ui-surface) 48%,#efe1d888),url('/art/update-08/light/desert-backdrop.webp') center bottom/100% auto no-repeat}
html[data-theme=light] .ui08 .pool-art08{background:linear-gradient(90deg,var(--ui-surface),transparent),url('/art/update-08/light/desert-backdrop.webp') center/cover}
html[data-theme=light] .ui08 .verification-rows strong{color:#126e60}html[data-theme=light] .ui08 .pool-art08 strong{color:#7f4c00}html[data-theme=light] .ui08 .rarity-badge{color:#493457}html[data-theme=light] .ui08 .set-card{color:#332842}
/* Rebuild the cabinet's blank apertures with live, adjustable CSS surfaces. */
.ui08 .machine-shell08{clip-path:polygon(0 100%,0 17%,3% 12%,7% 14%,8% 23%,15% 23%,17% 16%,27% 14%,36% 11%,37% 10%,36% 2%,37% 0,40% 1%,46% 5%,51% 4%,54% 5%,59% 2%,62% 0,63% 1%,62% 6%,60% 10%,61% 12%,70% 14%,80% 16%,87% 22%,90% 12%,94% 14%,95% 21%,99% 22%,100% 100%)}
.ui08 .cabinet-name08{background:linear-gradient(#130e2b,#110a20);border:2px solid #c79039;border-radius:7px;box-shadow:inset 0 0 0 2px #563322,0 0 6px #ebb25570;text-shadow:0 2px #812314,0 0 7px #ffc95e70}
.ui08 .cabinet-brand08{background:#130e28;border-radius:4px}.ui08 .cabinet-subtitle08{background:#130d24;border-top:1px solid #94672e;border-bottom:1px solid #c3933d;border-radius:6px}
.ui08 .machine8 .reel-window{clip-path:polygon(8% 0,92% 0,100% 14%,100% 86%,92% 100%,8% 100%,0 86%,0 14%);box-shadow:inset 0 0 28px #0009}
.ui08 .cabinet-motto08{background:#180f27;border-top:1px solid #6e4d31;border-bottom:1px solid #9e723c}.ui08 .cabinet-footnote08{padding:6px 5px;background:linear-gradient(90deg,transparent,#17102d 10%,#17102d 90%,transparent)}
@media(prefers-reduced-motion:reduce){.ui08 .machine8 .reel-strip{will-change:auto}.ui08 .home-companion08{will-change:auto}}
/* Final small-screen reading and hit-area corrections. */
.ui08 .head-actions .wallet-button>.icon{display:inline-block!important;width:24px!important;height:26px!important}
.ui08 .machine-guide08{left:.5%;bottom:7%;width:22%;max-height:39%;z-index:5}
@media(max-width:700px){.ui08 .home{min-height:730px!important}.ui08 .home-art08{inset:100px 0 185px}.ui08 .home-art-canvas08{left:20%}.ui08 .home-stats .value{font-size:clamp(17px,5.5vw,22px)!important;white-space:nowrap}.ui08 .home-stats .label{font-size:10px!important}.ui08 .inventory-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.ui08 .inventory-categories button{font-size:11px}.ui08 .machine-guide08{display:none}}
.ui08 :is(.ticket-card,.selected-ticket,.device-tabs button,.reel-item,.progress,.doc-card,.docs-callout){border-image:none!important}
.ui08 :is(.ticket-card,.selected-ticket,.device-tabs button){border:1px solid var(--ui-frame-ink);border-radius:6px}
.ui08 .ticket-card.selected,.ui08 .device-tabs button.active{border-color:#efc65a;box-shadow:inset 0 0 12px #e4b34816,0 0 7px #e4b34819}

/* UI08: continuous native reel bezel; no oversized matte behind cutout decoration. */
.ui08 .machine8:before{content:none}
.ui08 .machine8:after{content:'';position:absolute;left:12.7%;top:35%;width:73.6%;height:36.2%;z-index:0;pointer-events:none;clip-path:polygon(8% 0,92% 0,100% 14%,100% 86%,92% 100%,8% 100%,0 86%,0 14%);background:linear-gradient(140deg,#e6b74f 0%,#6d4083 24%,#b4855a 48%,#4e3168 72%,#e6b74f 100%)}
.ui08 .machine8 .reel-window{mask-image:none;opacity:1!important;background:radial-gradient(ellipse at 50% 40%,#211c38,#080c23 76%);box-shadow:inset 0 0 24px #0008}
.ui08 .machine8.has-result .reel-strip{opacity:.2}
.ui08 .cabinet-motto08{left:21.7%;width:56.5%;border:1px solid #a6773b;border-radius:5px;background:linear-gradient(#21132c,#100e23);box-shadow:inset 0 0 0 1px #56392b}
.ui08 .spin-action08{background:#120d27;border-radius:7px}
.ui08 .spin-action08 .btn:disabled{opacity:1;color:#847896;background:linear-gradient(#281a40,#18102d);border-color:#665075;box-shadow:none!important}