/* UI09 — one application frame, one header pattern, reference-specific content grids. */
:root{--ui-frame-width:1440px;--ui-panel-gap:12px;--ui-header-height:128px;--ui-topbar-height:58px;--ui-title-height:70px;--ui-panel-radius:8px;--ui-frame-ink:#67528f;--ui-surface:#080e24;--ui-muted:#bbafe0;--ui-text:#f1eaff;--ui-accent:#ffdc78;--ui-title-scene:url('/art/update-08/night-header.webp');--ui-desert-scene:url('/art/update-08/desert-backdrop.webp')}
html[data-theme=light]{--ui-frame-ink:#ab95c3;--ui-surface:#fcf7f0;--ui-muted:#6e597d;--ui-text:#30203f;--ui-accent:#865507;--ui-title-scene:url('/art/update-08/light/night-header.webp');--ui-desert-scene:url('/art/update-08/light/desert-backdrop.webp')}
#app.ui09>.workspace,#app.ui09>.docs-shell{border:1px solid var(--ui-frame-ink)!important;border-radius:10px;background:var(--ui-surface);box-shadow:0 14px 42px #0003;overflow:clip}
#app.ui09>.workspace>.page-head,#app.ui09>.docs-shell>.page-head{padding:0!important;display:block!important;height:auto!important;min-height:0!important;background:var(--ui-surface)!important;border:0!important;border-radius:0;position:relative!important}
#app.ui09 .topbar09{height:var(--ui-topbar-height);padding:8px 14px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid color-mix(in srgb,var(--ui-frame-ink) 65%,transparent);background:linear-gradient(110deg,var(--ui-surface),color-mix(in srgb,var(--ui-surface) 95%,#8457ae))}
#app.ui09 .topbar09 .head-actions{margin-left:auto!important;display:flex!important;align-items:center;gap:10px!important;flex:0 0 auto!important;order:initial}
#app.ui09 .topbar09 .head-actions button{height:40px!important;min-height:40px!important;max-height:40px;border:1px solid #7760b7;background:linear-gradient(#0e1430,#080d21);border-radius:6px}
#app.ui09 .topbar09 .head-actions .wallet-button{border-color:#edc557;box-shadow:inset 0 0 9px #ffce3d10,0 0 8px #e6b54b18;color:#ffe08b}
#app.ui09 .page-title09{height:var(--ui-title-height);display:flex;gap:14px;align-items:center;padding:11px 18px;background:linear-gradient(90deg,var(--ui-surface) 25%,color-mix(in srgb,var(--ui-surface) 50%,transparent)),var(--ui-title-scene) right center/auto 100% no-repeat;border-bottom:1px solid color-mix(in srgb,var(--ui-frame-ink) 40%,transparent)}
#app.ui09 .page-title09>.icon{width:37px;height:39px;color:#ffda72;flex-shrink:0;filter:drop-shadow(0 0 8px #d68f262f)}
#app.ui09 .page-title09 h1{font-family:HoodFoxReferenceTitle,Pixel,sans-serif!important;font-size:clamp(30px,3vw,44px)!important;line-height:1.12!important;letter-spacing:.7px!important;margin:0!important;white-space:nowrap!important;text-shadow:0 2px 0 #b36b1910;background:linear-gradient(#fff1b6,#ffd25b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#app.ui09>.workspace>#main{padding:14px;min-width:0;min-height:0}#app.ui09>.workspace.page-home>#main{padding:0}#app.ui09>.workspace>.workspace-footer{padding:4px 14px 6px!important;border-top:1px solid #79579b25;background:var(--ui-surface);align-items:center!important}
#app.ui09 .panel{border:1px solid var(--ui-frame-ink)!important;border-radius:var(--ui-panel-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--ui-surface) 96%,#ab79e2),var(--ui-surface));box-shadow:inset 0 1px #ad8bc50c}
#app.ui09 .panel h2{font:600 18px/1.25 Interface,system-ui,sans-serif;letter-spacing:.6px;color:var(--ui-text)}
#app.ui09 .tabs{border:0!important;box-shadow:none;background:none;padding:0!important;margin:0!important;display:flex;gap:10px;align-items:stretch;min-height:0}
#app.ui09 .tab{border:1px solid var(--ui-frame-ink)!important;border-radius:6px;font:600 16px/1.2 Interface,sans-serif!important;min-height:40px!important;padding:9px 18px!important;background:var(--ui-surface);min-width:180px!important}
#app.ui09 .tab.active{border-color:#e9bc5a!important;color:#ffe18a;background:linear-gradient(#3d2d20,#171326);box-shadow:inset 0 0 13px #ffd56c18,0 0 9px #f0b84527}
#app.ui09 .btn.primary{border-color:#e6be5c;color:#ffe597;box-shadow:inset 0 0 9px #ffc95520,0 0 8px #ffd96616}#app.ui09 .btn:disabled{box-shadow:none;cursor:not-allowed}
#app.ui09>.sidebar{border-radius:10px;border:1px solid var(--ui-frame-ink)!important}#app.ui09>.sidebar .nav-link{border-radius:6px}#app.ui09>.sidebar .nav-link.active{box-shadow:0 0 10px #e8bb4125!important;border-color:#e6bf60!important}
#app.ui09 .docs-tools09{display:flex;padding:12px 18px;border:0;border-bottom:1px solid #72559040;min-height:0;height:auto;background:var(--ui-surface);border-radius:0;gap:12px}
#app.ui09 .docs-tools09>.docs-search{order:initial;margin:0 0 0 auto;max-width:600px;width:100%;height:39px}#app.ui09 .docs-tools09 .docs-search input{height:39px}#app.ui09 .docs-toc{padding-top:25px}
#app.ui09 .docs-layout{background:var(--ui-surface)}#app.ui09 .docs-article{font-size:19px;line-height:1.7}#app.ui09 .docs-menu{border-color:color-mix(in srgb,var(--ui-frame-ink) 70%,transparent)}
@media(min-width:960px){#app.ui09{gap:14px;align-items:start}#app.ui09>.workspace{height:var(--frame-height);display:grid!important;grid-template-rows:var(--ui-header-height) minmax(0,1fr) 24px!important}#app.ui09>.workspace.page-home{grid-template-rows:var(--ui-topbar-height) minmax(0,1fr) 24px!important}#app.ui09>.workspace.page-my-fox>#main{display:grid;grid-template-rows:42px minmax(0,1fr);gap:12px;container-type:normal}#app.ui09>.workspace.page-my-fox-rewards>#main{grid-template-rows:42px 154px minmax(0,1fr);gap:12px}#app.ui09>.workspace.page-lucky-paw>#main,#app.ui09>.workspace.page-trait-hunt>#main{display:block;height:auto}}
/* My Fox: the supplied final reference has categories between the square portrait and items. */
#app.ui09 .wardrobe08{height:100%;align-self:stretch;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:12px}
#app.ui09 .wardrobe08 .wardrobe-preview{padding:12px;grid-template-rows:minmax(0,1fr) 48px auto;gap:10px;overflow:hidden}
#app.ui09 .outfit-workbench09{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;min-height:0;min-width:0}
#app.ui09 .outfit-workbench09 .square-preview{container-type:size;background:radial-gradient(ellipse,#13152f,var(--ui-surface) 75%);border:0;min-height:0;height:100%;aspect-ratio:auto;border-radius:6px}
#app.ui09 .square-preview>.fox-stage{width:min(100cqw,100cqh)!important;height:min(100cqw,100cqh)!important;aspect-ratio:1;border:1px solid #7452a1;border-radius:6px;box-shadow:inset 0 0 18px #0003}
#app.ui09 .outfit-workbench09 .inventory-categories{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(10,minmax(0,1fr));gap:6px;min-height:0}
#app.ui09 .inventory-categories button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:0;padding:5px 8px;font:500 12px/1.2 Interface,sans-serif;gap:9px;border-radius:6px;background:linear-gradient(#11172e,#0a0f25);border:1px solid #534877}
#app.ui09 .inventory-categories .icon{display:block;width:23px;height:25px;color:#bca9ee;flex-shrink:0}#app.ui09 .inventory-categories button.active{color:#ffe6a2;border-color:#efc564;box-shadow:inset 0 0 11px #ffde7222,0 0 8px #ffd65220;background:linear-gradient(#382c23,#1c182b)}#app.ui09 .inventory-categories button.active .icon{color:#ffe293}
#app.ui09 .draft-state:empty{display:none}#app.ui09 .wardrobe08 .inventory{display:grid;grid-template-rows:34px 31px minmax(0,1fr) 96px;padding:12px;gap:10px;overflow:hidden}
#app.ui09 .inventory-top{flex-wrap:nowrap}#app.ui09 .inventory-top h2{font-size:15px;letter-spacing:1px}#app.ui09 .inventory-top h2 span{display:none}#app.ui09 .inventory-filters button{min-width:45px;font-size:12px;min-height:29px}
#app.ui09 .wardrobe08 .inventory-grid{padding:3px;gap:9px;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;min-height:0;margin:0;overflow:auto}
#app.ui09 .wardrobe08 .item-square{padding:7px;border:2px solid var(--rarity-color,#9d8abe)!important;border-radius:7px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--rarity-color,#9d8abe) 8%,#10172d),#060d21 85%);box-shadow:inset 0 0 15px color-mix(in srgb,var(--rarity-color,#9d8abe) 10%,transparent),0 0 5px color-mix(in srgb,var(--rarity-color,#9d8abe) 12%,transparent)}
#app.ui09 .wardrobe08 .item-square img{width:92%;height:92%!important;object-fit:contain}#app.ui09 .item-square.selected{outline:2px solid #ffe087;outline-offset:1px;box-shadow:0 0 11px #ffd96639}#app.ui09 .item-square .check{height:24px;width:24px;line-height:24px}
#app.ui09 .selected-detail08{padding:10px;gap:12px;border-color:#59467e;background:linear-gradient(135deg,#12172d,#070e24)}#app.ui09 .detail-image{width:72px;height:72px}#app.ui09 .detail-copy strong{font-size:18px}#app.ui09 .dressing-actions .btn{font-size:14px!important;gap:6px}#app.ui09 .dressing-actions .icon{width:22px;height:23px}
/* Trait Hunt: aligned full-height columns and two equal halves, without a repeated progress block. */
#app.ui09 .hunt08{height:100%!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.15fr) minmax(0,1fr);gap:12px;min-height:0}
#app.ui09 .hunt-portrait08{padding:12px;gap:10px;display:flex;flex-direction:column;min-height:0;background:var(--ui-surface)}
#app.ui09 .hunt-square08{flex:1 1 0;min-height:0;aspect-ratio:auto;margin:0;width:100%;container-type:size;position:relative}#app.ui09 .hunt-square08>.fox-stage{height:100%!important;width:100%!important;aspect-ratio:auto;min-height:0}
#app.ui09 .hunt-square08>.fox-stage img{inset:0!important;width:100%!important;height:100%!important;object-fit:contain}#app.ui09 .hunt-square08 [data-layer=bg]{object-fit:cover!important;image-rendering:auto}#app.ui09 .hunt-square08:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 25px #03072240;border-radius:5px}
#app.ui09 .hunt-portrait08>.portrait-id{margin-top:0;flex:0 0 auto}#app.ui09 .hunt-portrait08>.btn{min-height:47px;flex:0 0 auto}#app.ui09 .hunt-week08{padding:12px;gap:13px;grid-template-rows:auto minmax(0,1fr) auto}#app.ui09 .weekly-heading h2{margin-bottom:5px}
#app.ui09 .hunt08 .set-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:9px;align-content:center}#app.ui09 .hunt08 .set-card{grid-column:span 2;height:auto!important;display:flex;justify-content:flex-start;gap:6px;padding:9px 6px;border:2px solid var(--state-color)!important;box-shadow:0 0 6px color-mix(in srgb,var(--state-color) 18%,transparent),inset 0 0 18px color-mix(in srgb,var(--state-color) 6%,transparent)}
#app.ui09 .hunt08 .set-grid.count-5>.set-card:nth-child(4){grid-column:2/span 2}#app.ui09 .hunt08 .set-grid.count-5>.set-card:nth-child(5){grid-column:4/span 2}
#app.ui09 .hunt08 .set-card img{flex:1;min-height:30px;height:100%;max-height:130px;width:94%;object-fit:contain;margin:auto 0}#app.ui09 .hunt08 .set-card>strong{font-size:12px;min-height:28px;display:grid;align-items:center}#app.ui09 .hunt08 .set-status{flex-shrink:0;font-size:12px;padding:6px 2px;margin-top:0}#app.ui09 .hunt08 .set-card>span:first-child{font-size:12px}
#app.ui09 .hunt-right08{grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:100%;gap:12px}#app.ui09 .qualification08,#app.ui09 .weekly-reward08{padding:13px;gap:12px;height:auto;min-height:0}#app.ui09 .qualification08 h2{font-size:16px}#app.ui09 .status-pill{font-size:11px;padding:5px 7px}#app.ui09 .qualification-note{font-size:12px;line-height:1.45}
#app.ui09 .verification-rows{min-height:0;flex:1;padding:0 12px}#app.ui09 .verification-rows>div{font-size:13px;padding:12px 0}#app.ui09 .verification-rows strong{font-size:13px}#app.ui09 .weekly-reward08 .pool-art08{padding:12px;min-height:70px;background:linear-gradient(90deg,var(--ui-surface),transparent),var(--ui-desert-scene) center/cover}#app.ui09 .pool-art08 strong{font-size:30px}#app.ui09 .pool-art08>img{width:49%;height:100%}#app.ui09 .participants08{min-height:50px;padding:9px 10px}#app.ui09 .participants08>strong{font-family:Interface,sans-serif;font-size:25px}
/* Lucky Paw: art-only ornamental cabinet around live apertures, centered on the free column. */
#app.ui09 .lucky08{height:100%;grid-template-columns:minmax(0,1fr) minmax(300px,.44fr);gap:14px;min-height:0}
#app.ui09 .machine-cell08{display:grid;place-items:center;container-type:size;border:1px solid #584582;border-radius:8px;background:linear-gradient(#08102a18,#03071d27),var(--ui-desert-scene) center/cover;overflow:hidden;isolation:isolate}
#app.ui09 .machine8{width:min(95cqw,calc(97cqh * 667 / 773));aspect-ratio:667/773;height:auto;margin:0;position:relative;container-type:inline-size;filter:drop-shadow(0 7px 15px #0005);z-index:2}
#app.ui09 .machine-shell08{clip-path:none;z-index:3;pointer-events:none;inset:0;width:100%;height:100%}
#app.ui09 .machine8:before{content:'';position:absolute;inset:17% 9% 2%;z-index:0;pointer-events:none;border-radius:10px;background:linear-gradient(110deg,#16102a,#080c1f 50%,#17112e)}
#app.ui09 .machine8:after{content:'';left:12%;top:35%;width:76%;height:36.5%;z-index:1;clip-path:polygon(8% 0,92% 0,100% 13%,100% 87%,92% 100%,8% 100%,0 87%,0 13%);background:linear-gradient(135deg,#f1b540,#815464 25%,#3c274a 50%,#b88b43 76%,#efc96f);box-shadow:none}
#app.ui09 .cabinet-brand08{left:39%;top:18.1%;width:23%;height:2.5%;font-size:2cqw;line-height:1;letter-spacing:1.5px;background:#150e27;z-index:5}
#app.ui09 .cabinet-name08{left:19.5%;right:auto;width:62%;top:21%;height:8.7%;font:400 7.0cqw/1 HoodFoxReferenceTitle,Pixel,sans-serif;letter-spacing:.3px;color:#ffeaab;border:0;border-radius:5px;background:linear-gradient(#170e29,#160b1e);box-shadow:none;text-shadow:0 2px #8a2515,0 0 8px #ffb83765;z-index:5}
#app.ui09 .cabinet-subtitle08{left:24.5%;width:52%;top:30%;height:3.5%;font:500 1.75cqw/1 Interface,sans-serif;letter-spacing:.9px;background:#160d25;border:0;border-radius:8px;z-index:5}
#app.ui09 .machine8 .reel-window{inset:auto;left:13.3%;width:73.4%;top:35.7%;height:34.8%!important;border:0;border-radius:0;clip-path:polygon(7% 0,93% 0,100% 13%,100% 87%,93% 100%,7% 100%,0 87%,0 13%);background:radial-gradient(ellipse at 50% 40%,#292038,#080a1e 80%);z-index:2;mask-image:none;box-shadow:inset 0 0 30px #000b;opacity:1!important}
#app.ui09 .machine8 .reel-strip{height:100%;align-items:center;gap:4px}#app.ui09 .machine8 .reel-item{height:auto!important;aspect-ratio:1;border:1px solid #765998;box-shadow:inset 0 0 12px #9272c913;background:linear-gradient(#231a35,#111129);border-radius:7px;min-height:0;padding:7px}
#app.ui09 .machine8 .reel-item[data-rarity=Rare]{border-color:#42b7ee}#app.ui09 .machine8 .reel-item[data-rarity=Epic]{border-color:#ae55ec}#app.ui09 .machine8 .reel-item[data-rarity=Legendary]{border-color:#ebc65a}#app.ui09 .machine8 .reel-item[data-rarity=Uncommon]{border-color:#4cc493}
#app.ui09 .machine8 .reel-item img{width:100%;height:100%;object-fit:contain}#app.ui09 .machine8 .reel-pointer{left:50%;top:35.7%;z-index:6;border-top:12px solid #ffe07c;filter:drop-shadow(0 2px 5px #f4b74570)}
#app.ui09 .win-display08{left:30%;width:40%;top:37.4%;height:31.1%;border:2px solid var(--rarity-color);border-radius:9px;padding:9px;gap:6px;background:radial-gradient(ellipse at 50% 35%,#352244,#0b0a23 75%);z-index:5;box-shadow:0 0 7px var(--rarity-color),0 0 23px color-mix(in srgb,var(--rarity-color) 28%,transparent),inset 0 0 14px #111229;animation:win-reveal09 340ms ease-out}
#app.ui09 .winning-icon08{height:64%;max-width:90%;flex-shrink:1}#app.ui09 .winning-icon08>img{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--rarity-color) 60%,transparent))}#app.ui09 .win-display08>strong{font:600 clamp(12px,2.4cqw,18px)/1.2 Interface,sans-serif}#app.ui09 .win-display08 .rarity-badge{font-size:clamp(10px,2cqw,13px)}
#app.ui09 .machine8.has-result .reel-strip{opacity:.32}#app.ui09 .cabinet-motto08{left:31.2%;width:44.5%;top:72.3%;height:3.5%;font:500 1.75cqw/1 Interface,sans-serif;letter-spacing:.6px;border:0;border-radius:3px;background:#180e26;box-shadow:none;z-index:5}
#app.ui09 .resolve-actions08{left:10%;width:78%;top:79%;height:9.1%;gap:7px;z-index:6;background:#160d29;padding:4px;border-radius:5px}#app.ui09 .resolve-actions08:empty{display:none}#app.ui09 .resolve-actions08 .btn{font:600 clamp(11px,2.2cqw,16px)/1.15 Interface,sans-serif;padding:4px;gap:5px;border-radius:6px}
#app.ui09 .resolve-actions08 .icon{width:20px;height:21px}#app.ui09 .resolve-actions08 [data-action=prize-equip]{background:linear-gradient(#ffd75b,#eaa625);color:#211327;border:1px solid #ffe293;box-shadow:0 0 12px #ffc54850}
#app.ui09 .resolve-actions08 [data-action=prize-mint-equip]{background:linear-gradient(#6925b9,#2e105d);color:#f4e7ff;border:1px solid #bd7cfa;box-shadow:0 0 10px #a25bea30}
#app.ui09 .spin-action08,#app.ui09 .machine8:not(.pending-result) .spin-action08{left:15%;width:70%;top:79.5%;height:8.1%;z-index:6;display:flex;background:#180f28;padding:2px;border-radius:8px}
#app.ui09 .spin-action08 .btn{font:600 clamp(18px,4.1cqw,29px)/1.1 Interface,sans-serif;border:2px solid #f6d37a!important;border-radius:8px;background:linear-gradient(#641ca5,#2b0d57);color:#ffe998;box-shadow:inset 0 0 16px #bc78e746,0 0 14px #efbc4840}
#app.ui09 .machine8.pending-result .spin-action08{top:90.5%;height:6%;left:29%;width:42%}#app.ui09 .spin-action08 .btn:disabled{opacity:1;font-size:2.8cqw;border:1px solid #66507c!important;background:linear-gradient(#281b3c,#170f27);color:#9a89ad;box-shadow:none}
#app.ui09 .cabinet-footnote08{left:29%;width:45%;top:91.3%;height:5%;padding:3px;display:grid;place-items:center;font:500 1.6cqw/1.4 Interface,sans-serif;background:linear-gradient(90deg,transparent,#180f2a 12%,#180f2a 88%,transparent);z-index:5}#app.ui09 .machine8.pending-result .cabinet-footnote08{display:none}
#app.ui09 .machine-guide08{left:.8%;bottom:6%;width:24%;max-height:42%;z-index:4;pointer-events:none}#app.ui09 .lucky-info08{grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;min-height:0}
#app.ui09 .lucky-info08>.panel{padding:12px;border-color:#765394!important}#app.ui09 .lucky-info08 h2{font-size:17px;letter-spacing:0}#app.ui09 .bonus-line>strong{font-size:15px}#app.ui09 .dust-line{margin-top:0}#app.ui09 .bonus-steps{gap:5px;grid-template-columns:repeat(9,1fr)}#app.ui09 .bonus-steps i{height:17px;border:0;border-radius:3px;background:#302759;mask:url('/art/reference/icon-paw.png') center/contain no-repeat}#app.ui09 .bonus-steps i.filled{background:#ffdc78}
#app.ui09 .dust-info09 .btn{width:100%;min-height:28px;font-size:12px;padding:5px}#app.ui09 .dust-progress{height:10px!important;border:1px solid #72518f;border-radius:4px;background:#181a35;overflow:hidden}#app.ui09 .latest-mini img{width:61px;height:61px;border:1px solid #705099;border-radius:6px;padding:3px}#app.ui09 .history-list08{scrollbar-width:thin}#app.ui09 .history-row08{border:1px solid #72559050;border-radius:5px;margin-bottom:5px;padding:7px;grid-template-columns:28px minmax(0,1fr) auto}#app.ui09 .history-row08 time{display:block;grid-column:2/-1;font-size:10px;color:var(--ui-muted)}
/* A constrained gold gleam on the Ticket in the Home character's paw. */
#app.ui09 .home-card-gold09{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}
#app.ui09 .card-aura09{opacity:.45;animation:gold-card-breathe09 4.8s ease-in-out infinite}#app.ui09 .card-sheen09{opacity:0;transform-box:view-box;animation:gold-card-sheen09 6.4s ease-in-out infinite}
#app.ui09 .card-spark09{opacity:.1;transform-box:fill-box;transform-origin:center;animation:gold-card-spark09 4.1s ease-in-out infinite}#app.ui09 .spark-two09{animation-delay:1.4s}#app.ui09 .spark-three09{animation-delay:2.7s}
@keyframes gold-card-breathe09{0%,100%{opacity:.3}50%{opacity:.7}}@keyframes gold-card-sheen09{0%,16%{transform:translateX(-65px);opacity:0}26%{opacity:.55}43%{transform:translateX(117px);opacity:.12}48%,100%{transform:translateX(117px);opacity:0}}@keyframes gold-card-spark09{0%,65%,100%{opacity:.05;transform:scale(.55)}78%{opacity:.85;transform:scale(1.05)}90%{opacity:.2;transform:scale(.8)}}@keyframes win-reveal09{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
html[data-motion=paused] #app.ui09 :is(.card-aura09,.card-sheen09,.card-spark09){animation-play-state:paused}
@media(min-width:960px) and (max-height:780px){:root{--ui-topbar-height:44px;--ui-title-height:60px;--ui-header-height:104px}#app.ui09 .topbar09{padding:3px 10px}#app.ui09 .topbar09 .head-actions button{height:36px!important;min-height:36px!important;max-height:36px}#app.ui09 .page-title09{padding:8px 12px}#app.ui09 .page-title09 h1{font-size:37px!important}#app.ui09 .page-title09>.icon{width:30px;height:33px}#app.ui09>.workspace>#main{padding:10px}#app.ui09>.workspace.page-my-fox>#main{grid-template-rows:38px minmax(0,1fr);gap:9px}#app.ui09>.workspace.page-my-fox-rewards>#main{grid-template-rows:38px 138px minmax(0,1fr);gap:9px}}
@media(min-width:960px) and (max-height:780px){#app.ui09 .wardrobe08 .wardrobe-preview{padding:8px;gap:7px;grid-template-rows:minmax(0,1fr) 40px auto}#app.ui09 .outfit-workbench09{grid-template-columns:minmax(0,1fr) 98px;gap:7px}#app.ui09 .inventory-categories{gap:5px}#app.ui09 .inventory-categories button{padding:3px 7px;font-size:11px;gap:6px}#app.ui09 .inventory-categories .icon{width:20px;height:21px}#app.ui09 .wardrobe08 .inventory{grid-template-rows:28px 28px minmax(0,1fr) 73px;padding:8px;gap:7px}#app.ui09 .inventory-search input{height:28px;font-size:12px}#app.ui09 .detail-image{width:51px;height:51px}#app.ui09 .detail-copy strong{font-size:15px}#app.ui09 .detail-copy small{font-size:9px}#app.ui09 .selected-detail08{padding:6px;gap:8px}#app.ui09 .detail-state .equipped-badge{font-size:11px;padding:5px}#app.ui09 .inventory-top h2{font-size:13px}#app.ui09 .inventory-filters button{min-width:39px;font-size:11px;padding:5px}}
@media(min-width:960px) and (max-height:780px){#app.ui09 .hunt-portrait08,#app.ui09 .hunt-week08,#app.ui09 .qualification08,#app.ui09 .weekly-reward08{padding:10px;gap:9px}#app.ui09 .hunt08 .set-card{padding:6px 4px;gap:4px}#app.ui09 .hunt08 .set-card img{max-height:80px}#app.ui09 .hunt08 .set-card>strong{font-size:11px;min-height:22px}#app.ui09 .hunt08 .set-status{padding:4px 2px;font-size:11px}#app.ui09 .hunt08 .set-card small{font-size:10px}#app.ui09 .hunt-submit08{gap:5px}#app.ui09 .hunt-submit08 .btn{min-height:36px;font-size:15px}#app.ui09 .weekly-progress{font-size:25px}#app.ui09 .hunt08 .panel h2{font-size:16px}#app.ui09 .participants08{min-height:42px;padding:7px}#app.ui09 .participants08>span{font-size:12px}#app.ui09 .verification-rows>div{padding:7px 0;font-size:12px}#app.ui09 .verification-rows strong{font-size:12px}#app.ui09 .pool-art08 strong{font-size:24px}#app.ui09 .pool-art08 span{font-size:12px}}
@media(min-width:960px) and (max-height:780px){#app.ui09 .lucky-info08{grid-template-rows:74px 58px 87px 93px minmax(0,1fr);gap:8px}#app.ui09 .lucky-info08>.panel{padding:7px 9px}#app.ui09 .lucky-info08 h2{font-size:15px}#app.ui09 .lucky-info08 .panel-title{margin-bottom:4px}#app.ui09 .roll-value08{min-height:30px;height:30px;padding:3px 7px}#app.ui09 .bonus-line>strong{font-size:13px}#app.ui09 .latest-mini{margin-top:6px;gap:7px}#app.ui09 .latest-mini img{width:43px;height:43px}#app.ui09 .latest-mini>div{gap:3px}#app.ui09 .latest-mini strong{font-size:13px}#app.ui09 .latest-mini small{font-size:10px}#app.ui09 .history-row08{padding:4px}#app.ui09 .machine8{width:min(95cqw,calc(98cqh * 667 / 773))}}
@media(min-width:960px) and (max-width:1150px){#app.ui09 .outfit-workbench09{grid-template-columns:minmax(0,1fr) 91px}#app.ui09 .inventory-categories .icon{width:18px;height:20px}#app.ui09 .inventory-categories button{font-size:10px;gap:6px}#app.ui09 .wardrobe08{grid-template-columns:1.05fr 1fr}#app.ui09 .inventory-top h2{font-size:13px}#app.ui09 .inventory-filters button{padding:5px;min-width:36px;font-size:10px}#app.ui09 .detail-copy strong{font-size:14px}#app.ui09 .dressing-actions .btn{font-size:12px!important;padding:5px!important}#app.ui09 .dressing-actions .icon{width:16px;height:17px}#app.ui09 .lucky08{grid-template-columns:minmax(0,1fr) 282px}}
@media(min-width:701px) and (max-width:959px){:root{--ui-topbar-height:54px;--ui-title-height:66px}#app.ui09>.workspace,#app.ui09>.docs-shell{height:auto;display:block}#app.ui09 .wardrobe08{height:auto;grid-template-columns:1fr;margin-top:12px}#app.ui09 .wardrobe08 .wardrobe-preview{grid-template-rows:440px 46px auto}#app.ui09 .wardrobe08 .inventory{grid-template-rows:36px 31px 390px 96px}#app.ui09 .hunt08{height:auto!important;grid-template-columns:1fr 1.25fr}#app.ui09 .hunt-portrait08,#app.ui09 .hunt-week08{min-height:520px}#app.ui09 .hunt-right08{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:270px}#app.ui09 .lucky08{height:auto;grid-template-columns:1fr}#app.ui09 .machine-cell08{height:680px}#app.ui09 .lucky-info08{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 180px}#app.ui09 .history08{grid-column:1/-1}#app.ui09 .page-title09 h1{font-size:36px!important}}
@media(max-width:700px){:root{--ui-topbar-height:58px;--ui-title-height:60px}#app.ui09>.workspace,#app.ui09>.docs-shell{border-radius:8px;display:block;height:auto}#app.ui09>.workspace>.page-head,#app.ui09>.docs-shell>.page-head{min-height:0!important;display:block!important;padding:0!important}#app.ui09 .topbar09{padding:8px;gap:6px}#app.ui09 .topbar09 .mobile-toggle{display:flex;position:static;margin-right:auto;min-height:36px;width:37px;height:37px;padding:7px;border:1px solid #755896;border-radius:5px;background:#0e1430}#app.ui09 .topbar09 .head-actions{flex-basis:auto!important;gap:7px!important}#app.ui09 .topbar09 .head-actions .fennec-chip{min-width:146px!important;font-size:13px!important;padding:4px 7px!important}#app.ui09 .topbar09 .head-actions .wallet-button{min-width:39px!important;width:39px!important}#app.ui09 .page-title09{padding:9px 12px;gap:9px}#app.ui09 .page-title09 h1{font-size:clamp(23px,6.6vw,31px)!important;white-space:normal!important}#app.ui09 .page-title09>.icon{width:27px;height:30px}#app.ui09>.workspace>#main{padding:10px}#app.ui09 .tab{min-width:0!important;font-size:13px!important;padding:9px 7px!important;flex:1}}
@media(max-width:700px){#app.ui09 .wardrobe08{height:auto;display:grid;grid-template-columns:1fr;margin-top:12px}#app.ui09 .wardrobe08 .wardrobe-preview{grid-template-rows:auto auto 43px auto;padding:8px;gap:9px}#app.ui09 .outfit-workbench09{display:contents}#app.ui09 .outfit-workbench09 .square-preview{width:100%;height:auto;aspect-ratio:1;container-type:inline-size}#app.ui09 .square-preview>.fox-stage{width:100%!important;height:auto!important;aspect-ratio:1}#app.ui09 .outfit-workbench09 .inventory-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,45px);gap:5px}#app.ui09 .inventory-categories button{flex-direction:column;font-size:9px;padding:4px 1px;gap:4px;justify-content:center}#app.ui09 .inventory-categories .icon{width:18px;height:19px}#app.ui09 .wardrobe08 .inventory{grid-template-rows:32px 31px 340px 86px;gap:9px;padding:9px}#app.ui09 .wardrobe08 .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#app.ui09 .inventory-top h2{font-size:13px}#app.ui09 .inventory-filters button{font-size:11px;min-width:37px;padding:5px}#app.ui09 .detail-image{width:56px;height:56px}#app.ui09 .detail-copy strong{font-size:15px}#app.ui09 .selected-detail08{gap:8px;padding:7px}#app.ui09 .dressing-actions .btn{font-size:12px!important;gap:3px}#app.ui09 .dressing-actions .icon{width:17px;height:18px}}
@media(max-width:700px){#app.ui09 .hunt08{display:flex;height:auto!important;flex-direction:column}#app.ui09 .hunt-portrait08{min-height:0;height:auto;gap:10px}#app.ui09 .hunt-square08{flex:none;aspect-ratio:1;height:auto;width:100%;max-width:none}#app.ui09 .hunt-week08{min-height:0;grid-template-rows:auto 360px auto}#app.ui09 .hunt-right08{height:530px;grid-template-rows:1fr 1fr}#app.ui09 .hunt08 .set-card img{height:70px;max-height:83px}#app.ui09 .hunt08 .set-card>strong{font-size:10px}#app.ui09 .hunt08 .set-card small{font-size:9px}#app.ui09 .hunt08 .set-status{font-size:10px}#app.ui09 .lucky08{display:flex;height:auto;flex-direction:column}#app.ui09 .machine-cell08{width:100%;height:auto;aspect-ratio:667/795}#app.ui09 .machine8{width:min(98cqw,calc(98cqh * 667 / 773))}#app.ui09 .machine-guide08{display:none}#app.ui09 .lucky-info08{grid-template-rows:auto auto auto auto 230px}#app.ui09 .resolve-actions08 .btn{font-size:2.6cqw;gap:2px}#app.ui09 .resolve-actions08 .icon{width:12px;height:13px}#app.ui09 .cabinet-footnote08{font-size:2.1cqw}#app.ui09 .win-display08 .rarity-badge{font-size:2.7cqw}#app.ui09 .win-display08>strong{font-size:3cqw}#app.ui09 .docs-tools09{padding:10px;gap:8px}#app.ui09 .docs-article{font-size:18px!important}#app.ui09 .docs-header .docs-menu-toggle{display:block}}
html[data-theme=light] #app.ui09 .page-title09 h1{background:linear-gradient(#704103,#b47721);background-clip:text;-webkit-background-clip:text}html[data-theme=light] #app.ui09 .page-title09>.icon{color:#956209}
html[data-theme=light] #app.ui09 .topbar09 .head-actions button,html[data-theme=light] #app.ui09 .inventory-categories button,html[data-theme=light] #app.ui09 .selected-detail08{background:linear-gradient(#fffaf2,#efe7f4);color:#493451}
html[data-theme=light] #app.ui09 .topbar09 .head-actions .wallet-button,html[data-theme=light] #app.ui09 .inventory-categories button.active,html[data-theme=light] #app.ui09 .tab.active{color:#694606;background:linear-gradient(#fff6d9,#ebd8ab);border-color:#b38a45!important}html[data-theme=light] #app.ui09 .inventory-categories .icon{color:#73587f}html[data-theme=light] #app.ui09 .inventory-categories button.active .icon{color:#805213}
html[data-theme=light] #app.ui09 .wardrobe08 .item-square{background:radial-gradient(ellipse at 50% 20%,#fffaf7,#efe7f3);box-shadow:inset 0 0 13px color-mix(in srgb,var(--rarity-color) 8%,transparent)}html[data-theme=light] #app.ui09 .dust-progress{background:#eee4f4}html[data-theme=light] #app.ui09 .bonus-steps i{background:#e3d7ee}html[data-theme=light] #app.ui09 .bonus-steps i.filled{background:#b47e12}
html[data-theme=light] #app.ui09 .machine-cell08{background:linear-gradient(#f7ecdb28,#efdbc828),var(--ui-desert-scene) center/cover}html[data-theme=light] #app.ui09 .verification-rows strong{color:#11705b}html[data-theme=light] #app.ui09 .pool-art08 strong{color:#855100}html[data-theme=light] #app.ui09 .home-card-gold09{opacity:.72}
@media(hover:hover){#app.ui09 .item-square:hover{box-shadow:0 0 13px color-mix(in srgb,var(--rarity-color) 30%,transparent);border-color:var(--rarity-color)!important;transform:translateY(-1px)}#app.ui09 .inventory-categories button:hover{border-color:#d8b265}#app.ui09 .resolve-actions08 .btn:hover:not(:disabled),#app.ui09 .spin-action08 .btn:hover:not(:disabled){filter:brightness(1.12)}}
@media(prefers-reduced-motion:reduce){#app.ui09 :is(.card-aura09,.card-sheen09,.card-spark09,.win-display08){animation:none!important}#app.ui09 .card-sheen09{opacity:0}#app.ui09 .card-aura09{opacity:.28}#app.ui09 .card-spark09{opacity:.3}#app.ui09 .home-card-gold09{will-change:auto}}
@media print{#app.ui09>.docs-shell{border:0!important;overflow:visible}#app.ui09 .page-head,#app.ui09 .docs-tools09{display:none!important}}
/* Optical checks: keep the NFT's complete square layer stack on its own ground plane. */
#app.ui09 .topbar09 .head-actions{padding:0!important;margin-right:0!important}
#app.ui09 .hunt-square08{background:var(--ui-desert-scene) center/cover}#app.ui09 .hunt-square08>.fox-stage{position:absolute;width:min(142cqw,100cqh)!important;height:min(142cqw,100cqh)!important;left:50%;bottom:0;top:auto;transform:translateX(-50%);aspect-ratio:1;mask-image:linear-gradient(transparent,#000 12%)}
#app.ui09 .hunt-square08>.fox-stage img{object-fit:contain!important}#app.ui09 .hunt-square08 [data-layer=bg]{object-fit:contain!important}
#app.ui09 .reward-portrait{position:relative;container-type:size;overflow:hidden;background:var(--ui-desert-scene) center/cover}#app.ui09 .reward-portrait>.fox-stage{position:absolute!important;left:50%;bottom:5px;top:auto;transform:translateX(-50%);width:min(142cqw,100cqh)!important;height:min(142cqw,100cqh)!important;min-height:0;aspect-ratio:1;mask-image:linear-gradient(transparent,#000 12%)}#app.ui09 .reward-portrait>.fox-stage img{object-fit:contain!important;width:100%!important;height:100%!important;inset:0!important}
#app.ui09 .machine8:not(.has-result):not(.is-spinning) .reel-item[data-reel-index="10"]{transform:scale(1.55);border:1px solid #e9cb73;z-index:2;box-shadow:0 0 18px #ffc65a2a;background:radial-gradient(ellipse,#332246,#151029)}
#app.ui09 .machine8:not(.has-result):not(.is-spinning) .reel-item:not([data-reel-index="10"]){opacity:.67}
#app.ui09 .amount,#app.ui09 .burn-total{font:600 30px/1.2 Interface,sans-serif!important}#app.ui09 .amount.long-amount,#app.ui09 .burn-total.long-amount{font-size:17px!important}
#app.ui09 .reward-card h3{font:600 17px/1.2 Interface,sans-serif}#app.ui09 .device-tabs button{font:600 19px/1.2 Interface,sans-serif}#app.ui09 .wallet-count h2{font:600 24px/1.2 Interface,sans-serif}
#app.ui09 .lucky-info08>.panel{border-color:var(--ui-frame-ink)!important}#app.ui09 .inventory-search input:focus-visible{border-color:#e3b950;outline:none;box-shadow:0 0 0 2px #e3b95030}
@media(max-width:700px){#app.ui09 .hunt-square08>.fox-stage{width:100%!important;height:100%!important;mask-image:none}#app.ui09 .reward-portrait{height:360px;display:block}#app.ui09 .reward-portrait>.fox-stage{width:100%!important;height:100%!important;mask-image:none}}
@media(min-width:960px) and (max-height:780px){#app.ui09 .amount,#app.ui09 .burn-total{font-size:26px!important}#app.ui09 .amount.long-amount,#app.ui09 .burn-total.long-amount{font-size:16px!important}}
#app.ui09>.workspace,#app.ui09>.docs-shell{padding:0!important}
#app.ui09 .page-title09{background-repeat:no-repeat;background-size:auto,cover;background-position:center,right center}
html[data-theme=light] #app.ui09>.sidebar .nav-link.active{background:linear-gradient(#fff3d4,#ebd5ae);color:#694008;border-color:#b69248!important;box-shadow:0 0 8px #b58c2520!important}
html[data-theme=light] #app.ui09 .btn.primary{color:#69400b;background:linear-gradient(#fff5d7,#ecd8b0);border-color:#b38a43;box-shadow:inset 0 0 8px #fff8e430}
html[data-theme=light] #app.ui09 .machine8 .btn.primary{background:linear-gradient(#702f9e,#2c164c);color:#ffeda2;border-color:#efcc75}html[data-theme=light] #app.ui09 .resolve-actions08 [data-action=prize-equip]{background:linear-gradient(#ffdc6e,#eab13a);color:#342110}
#app.ui09 .card-edge09{stroke-dasharray:18 82;stroke-dashoffset:100;opacity:.8;animation:gold-card-edge09 5.4s linear infinite;filter:drop-shadow(0 0 3px #ffbf48)}
@keyframes gold-card-edge09{0%{stroke-dashoffset:100;opacity:.5}45%{opacity:.95}100%{stroke-dashoffset:0;opacity:.5}}
html[data-motion=paused] #app.ui09 .card-edge09{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#app.ui09 .card-edge09{animation:none!important;opacity:.28;stroke-dasharray:none}}

/* UI09b: fit live surfaces to the cabinet cut-outs, without a rectangular backing matte. */
#app.ui09 .machine8:before{content:none}
#app.ui09 .cabinet-plates09{position:absolute;inset:0;z-index:1;pointer-events:none}
#app.ui09 .cabinet-plates09 i{position:absolute;display:block;background:linear-gradient(135deg,#21142f,#100b20 65%,#24122e)}
#app.ui09 .cabinet-top-plate09{left:18%;top:20.5%;width:66%;height:13.3%;clip-path:polygon(4% 0,96% 0,100% 18%,100% 70%,92% 100%,8% 100%,0 70%,0 18%)}
#app.ui09 .cabinet-action-plate09{left:9%;top:78%;width:80%;height:11.5%;clip-path:polygon(3% 0,97% 0,100% 17%,100% 83%,96% 100%,4% 100%,0 83%,0 17%);box-shadow:inset 0 1px #b885674a}
#app.ui09 .cabinet-base-plate09{left:24%;top:90%;width:56%;height:8%;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}
#app.ui09 .cabinet-name08{background:transparent}
#app.ui09 .cabinet-subtitle08{background:transparent}
#app.ui09 .resolve-actions08{background:transparent}
#app.ui09 .machine8 .reel-item{box-shadow:inset 0 1px #b588d21f,inset 0 0 16px #a16ccd10}
#app.ui09 .machine8 .reel-window{background:radial-gradient(ellipse at 50% 45%,#32203e 0%,#121126 48%,#07091b 90%)}
#app.ui09 .win-display08{background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--rarity-color) 16%,#22172d),#090b21 78%)}
#app.ui09 .latest-mini>div{min-width:0}#app.ui09 .latest-mini strong{overflow-wrap:anywhere}
#app.ui09 .history-row08 .rarity-badge{align-self:center}
#app.ui09 .wardrobe08 .inventory-grid{scroll-padding:8px;scrollbar-gutter:stable}
#app.ui09 .inventory-categories button{transition:border-color 150ms,background-color 150ms,box-shadow 150ms}
#app.ui09 .hunt-submit08{gap:8px}#app.ui09 .hunt-submit08>a{font-size:12px}
#app.ui09 .qualification-note{color:var(--ui-muted)}
@media(min-width:1151px) and (min-height:781px){#app.ui09 .inventory-categories button{font-size:13px}#app.ui09 .wardrobe08 .inventory{grid-template-rows:34px 31px minmax(0,1fr) 104px}#app.ui09 .detail-image{width:76px;height:76px}#app.ui09 .detail-copy strong{font-size:20px}}
@media(min-width:960px) and (max-height:700px){#app.ui09 .brand{margin-bottom:12px!important}#app.ui09>.sidebar .brand img{height:64px!important}#app.ui09>.sidebar .nav-list{gap:4px}#app.ui09>.sidebar .nav-link{min-height:44px!important}#app.ui09 .sidebar-note{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){#app.ui09 .inventory-categories button{transition:none}}