/* Only the verified live branch uses these classes. Preview geometry is unchanged. */
/* Keep the keyboard shortcut clipped even in full-page/scroll captures. */
.skip-link:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#app.ui15.live-ui>.workspace{display:flex!important;flex-direction:column;height:auto!important;min-height:var(--frame-height);overflow:clip}
#app.ui15.live-ui>.workspace>#main{display:block;flex:1;min-height:0;height:auto}
#app.ui15.live-ui>.workspace>.page-head,#app.ui15.live-ui>.workspace>.workspace-footer{flex:0 0 auto}
#app.ui15.live-ui>.workspace.page-home>#main{min-height:650px;position:relative}
#app.ui15.live-ui>.workspace.page-home>#main>.home{height:max(650px,calc(var(--frame-height) - 136px));min-height:650px}
#app.ui15.live-ui .page-mine .epoch-bar{margin-bottom:12px;gap:18px;flex-wrap:wrap}
#app.ui15.live-ui .mine-grid{height:auto;min-height:480px}
#app.ui15.live-ui .mine-grid>section:first-child{display:flex;flex-direction:column;min-height:0}
#app.ui15.live-ui .owner-mine12{height:auto;min-height:300px;aspect-ratio:1.7;flex:1}
#app.ui15.live-ui .device-tabs{min-height:55px;flex-shrink:0}
#app.ui15.live-ui .mining-controls{min-height:70px;flex-shrink:0;flex-wrap:wrap}
#app.ui15.live-ui .claim-card{display:flex;flex-direction:column;gap:16px;padding:16px;min-height:0}
#app.ui15.live-ui .claim-card>.ticket-art{height:220px;max-height:240px;min-height:0;object-fit:contain;margin:auto;flex:1;width:100%}
#app.ui15.live-ui .claim-card>.btn{flex-shrink:0;width:100%;height:auto;min-height:46px}
#app.ui15.live-ui .claim-card>.wallet-count{width:100%;margin:0;padding:12px 0 0;flex-wrap:wrap}
#app.ui15.live-ui .tickets-grid{min-height:500px;height:auto;margin-top:14px}
#app.ui15.live-ui .ticket-card{overflow-wrap:anywhere;min-width:0}
#app.ui15.live-ui .live-account-grid{margin-top:14px}
#app.ui15.live-ui .chip-avatar .nft-portrait{width:100%!important;height:100%!important;inset:0!important}
.live-ui .nft-portrait{position:relative;aspect-ratio:1;overflow:hidden;isolation:isolate;background:var(--panel,#09112d);mask:none!important;clip-path:none!important;transform:none!important}
.live-ui .nft-portrait>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;mask:none!important;clip-path:none!important;image-rendering:pixelated}
.live-ui .nft-media-placeholder{height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px;text-align:center;color:var(--muted,#b9b3db)}
.live-ui .nft-media-placeholder .icon{width:38px;height:38px;opacity:.4}
.live-ui .chip-avatar .nft-media-placeholder{min-height:0;padding:0;gap:0}.live-ui .chip-avatar .nft-media-placeholder small,.live-ui .chip-avatar .nft-media-placeholder strong{display:none}
.live-ui .live-notice{padding:12px 16px;border:1px solid var(--line,#635095);border-radius:8px;line-height:1.45;color:var(--text,#e8e3fa);margin:12px 0;font-size:14px;overflow-wrap:anywhere}
.live-ui .live-status{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px;padding:8px 12px;margin:0 0 12px;border-bottom:1px solid var(--line,#635095)}
.live-ui .live-empty-timer{font-size:22px}.live-ui .live-redeem-list{display:grid;gap:12px}
.live-ui .live-redeem-row{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--line,#635095)}
.live-ui .live-result-thumb{width:90px;height:90px;flex:0 0 90px;border-radius:8px}.live-ui .live-pending-portal{display:grid;place-items:center}
.live-ui .live-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.live-ui .live-account-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(350px,1.1fr);gap:20px}
.live-ui .live-account-grid>.panel{min-width:0}.live-ui .live-balances>div{display:flex;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--line,#635095)}
.live-ui .live-balances dd{margin:0;overflow-wrap:anywhere}.live-ui .live-trait-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}
.live-ui .live-trait-grid .item-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;text-align:center}.live-ui .live-trait-grid img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}
.live-ui .ticket-card small{display:block}.live-ui .live-modal-portrait{width:min(380px,100%);margin:auto}.live-ui .live-transaction{overflow-wrap:anywhere}
.live-ui .live-week-heading{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:8px 0 16px;color:var(--muted)}
#app.ui15.live-ui .live-rewards{height:auto;margin-top:16px;align-items:start}
#app.ui15.live-ui .live-rewards .identity15{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr)}
#app.ui15.live-ui .identity-art15{aspect-ratio:1;min-height:240px}
#app.ui15.live-ui .identity-art15>.nft-portrait{height:100%;width:100%;aspect-ratio:1}
#app.ui15.live-ui .live-rewards .reward-content15{grid-template-rows:minmax(230px,auto) minmax(320px,auto)}
#app.ui15.live-ui .money15,#app.ui15.live-ui .ledger-values15 strong{overflow-wrap:anywhere;max-width:100%;white-space:normal;min-width:0}
#app.ui15.live-ui .money15.long-amount{font-size:clamp(16px,1.7vw,24px)}
#app.ui15.live-ui .identity15>*{min-width:0;max-width:100%}
.live-ui .live-weekly-claims{display:grid;gap:12px}
.live-ui .live-weekly-claim{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.live-ui .live-weekly-claim>div{display:grid;gap:6px;min-width:0;flex:1}.live-ui .live-weekly-claim>strong{overflow-wrap:anywhere}
.live-ui .live-weekly-claim span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.live-ui .live-burn-confirm{display:grid;gap:12px;line-height:1.5;margin:20px 0}
.live-ui .live-burn-confirm input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}
#app.ui15.live-ui .live-hunt{height:auto;align-items:stretch}
#app.ui15.live-ui .live-hunt .hunt-square08{aspect-ratio:1;height:auto;flex:none}
#app.ui15.live-ui .live-hunt .hunt-square08>.nft-portrait{width:100%;height:100%}
#app.ui15.live-ui .live-hunt .hunt-portrait08{gap:12px;display:flex;flex-direction:column}
#app.ui15.live-ui .live-hunt .hunt-right08{grid-template-rows:auto auto;align-content:start}
#app.ui15.live-ui .live-hunt .hunt-week08{min-height:450px}
#app.ui15.live-ui .live-hunt .pool-art08 strong{overflow-wrap:anywhere;white-space:normal;font-size:clamp(16px,1.6vw,26px);max-width:100%;line-height:1.25}
#app.ui15.live-ui .live-hunt .pool-art08 strong small{font-size:.7em;white-space:nowrap}
.live-ui .live-pool-heading{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}
#app.ui15.live-ui .live-pool-heading h2{margin:0}.live-ui .live-pool-heading .tooltip{overflow-wrap:anywhere}
#app.ui15.live-ui .live-hunt .weekly-heading{flex-wrap:wrap;justify-content:center;text-align:center;gap:16px}
#app.ui15.live-ui .live-hunt h2{text-align:center}
#app.ui15.live-ui .live-hunt .set-card{min-width:0;overflow-wrap:anywhere}
#app.ui15.live-ui .live-hunt .set-grid.count-1,#app.ui15.live-ui .live-hunt .set-grid.count-2{flex:none;max-height:300px;min-height:260px;align-self:stretch}
#app.ui15.live-ui .live-hunt .set-grid.count-1 .set-card,#app.ui15.live-ui .live-hunt .set-grid.count-2 .set-card{min-height:260px;max-height:300px}
#app.ui15.live-ui .live-hunt .status-title{align-items:center;text-align:center}
#app.ui15.live-ui .live-hunt .set-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-ui .fennec-chip{min-width:0!important;max-width:100%}.live-ui .fennec-chip>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.live-ui .wallet-button{flex-shrink:0}
#app.ui15.live-ui .live-wardrobe{height:auto;min-height:600px;align-items:start;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px}
#app.ui15.live-ui .live-wardrobe>.panel{min-width:0;height:auto}
#app.ui15.live-ui .live-wardrobe .inventory{grid-template-rows:auto auto minmax(240px,1fr) auto;gap:12px}
#app.ui15.live-ui .live-wardrobe .wardrobe-preview{grid-template-rows:auto auto auto auto;gap:10px}
#app.ui15.live-ui .live-wardrobe .outfit-workbench09{grid-template-columns:minmax(0,1fr) 130px;min-height:0}
#app.ui15.live-ui .live-wardrobe .square-preview{width:100%;height:auto;aspect-ratio:1;min-width:0;align-self:center}
#app.ui15.live-ui .live-wardrobe .square-preview>.fox-stage{height:100%;width:100%;aspect-ratio:1}
#app.ui15.live-ui .live-wardrobe .inventory-categories{grid-template-rows:repeat(10,minmax(38px,auto));gap:6px}
#app.ui15.live-ui .live-wardrobe .inventory-categories button{padding:8px;min-height:38px;gap:8px}
#app.ui15.live-ui .live-wardrobe .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;height:auto;min-height:240px;max-height:480px;align-content:start;overflow:auto}
#app.ui15.live-ui .live-wardrobe .inventory-empty{grid-column:1/-1;display:grid;place-items:center;gap:20px;align-content:center;min-height:260px}
#app.ui15.live-ui .live-wardrobe .item-square{position:relative;min-width:0;aspect-ratio:1;height:auto;min-height:96px}
#app.ui15.live-ui .live-wardrobe .item-square img{width:80%;height:75%;object-fit:contain}
#app.ui15.live-ui .live-wardrobe .item-square .tile-label{display:block;position:static;font-size:10px;overflow-wrap:anywhere;white-space:normal;line-height:1.2}
#app.ui15.live-ui .live-wardrobe .live-item-count{position:absolute;top:5px;right:7px;font-size:12px;color:var(--gold)}
#app.ui15.live-ui .live-wardrobe .selected-detail08{min-height:96px;display:flex;justify-content:space-between;gap:14px}
#app.ui15.live-ui .live-wardrobe .detail-copy{min-width:0;overflow-wrap:anywhere}
#app.ui15.live-ui .live-wardrobe .draft-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;overflow-wrap:anywhere}
.live-ui .live-worn-item{display:grid;gap:6px;padding:6px 0 12px;border-bottom:1px solid var(--line);margin:0;overflow-wrap:anywhere}.live-ui .live-worn-item>span{font-size:12px;color:var(--muted)}
.live-ui .live-approval{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:8px}
#app.ui15.live-ui .live-roulette{display:grid;gap:14px;min-width:0}
#app.ui15.live-ui .live-roll-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:16px;gap:16px}
.live-ui .live-roll-benefits>div{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;min-width:0}
.live-ui .live-roll-benefits>div>span{font-size:12px;color:var(--muted)}
.live-ui .live-roll-benefits strong{font-size:18px;color:var(--gold);overflow-wrap:anywhere}
#app.ui15.live-ui .live-machine{height:clamp(380px,53vh,620px);min-height:0;container-type:size;border-radius:10px;width:100%}
#app.ui15.live-ui .live-machine .owner-cabinet12{width:min(98cqw,calc(97cqh * 1301 / 1033));bottom:0}
#app.ui15.live-ui .live-machine .live-reel{--reel-width:calc((100% - 16px) / 3);--reel-gap:8px;width:100%;height:100%;gap:8px;align-items:stretch;transform:none;transition:none}
#app.ui15.live-ui .live-reel .reel-item{width:var(--reel-width);min-width:var(--reel-width)}
#app.ui15.live-ui .live-reel .reel-item>.icon,#app.ui15.live-ui .live-reel .live-jackpot-symbol{width:50%;height:65%;margin:auto;color:#edbb69;opacity:.8;display:grid;place-items:center}
#app.ui15.live-ui .live-jackpot-symbol>.icon{width:100%;height:100%}
#app.ui15.live-ui .live-reel-pending{animation:live-reel-roll 2400ms linear infinite;animation-delay:var(--reel-delay,0ms)}
@keyframes live-reel-roll{from{transform:translateX(0)}to{transform:translateX(calc((-100% - 8px) / 3))}}
html[data-owner-motion=paused] #app.ui15.live-ui .live-reel-pending,html[data-live-hidden=true] #app.ui15.live-ui .live-reel-pending{animation-play-state:paused}
.live-ui .live-roll-state{display:flex;align-items:center;justify-content:center;gap:20px;min-height:44px;flex-wrap:wrap}
.live-ui .live-roulette-bottom{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}
.live-ui .live-roulette-bottom>.panel{min-width:0}
.live-ui .live-roulette-bottom .panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.live-ui .live-roulette-bottom .panel-title>span{font-size:12px;color:var(--muted)}
.live-ui .live-prize-label{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 18px;overflow-wrap:anywhere}
.live-ui .live-result-target,.live-ui .live-result-preview{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1fr);gap:20px;align-items:center}
.live-ui .live-result-target h3,.live-ui .live-result-preview h3{font-size:18px;overflow-wrap:anywhere}
.live-ui .live-result-portrait{position:relative;aspect-ratio:1;max-height:270px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:grid;place-items:center}
.live-ui .live-result-portrait>.nft-portrait,.live-ui .live-result-portrait>.fox-stage{width:100%;height:100%;aspect-ratio:1}
.live-ui .live-result-portrait>.icon{width:70px;height:70px;opacity:.4}
.live-ui .live-result-preview .live-row-actions{margin:12px 0 0;justify-content:flex-start;flex-wrap:wrap}
.live-ui .live-spin-history{max-height:285px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;gap:7px}
.live-ui .live-spin-row{display:grid;grid-template-columns:52px minmax(0,1fr) 12px;align-items:center;gap:12px;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:8px;min-width:0;width:100%}
.live-ui .live-spin-row.selected{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold)}
#app.live-ui .live-spin-row:hover,#app.live-ui .live-spin-row.selected{background:var(--surface-soft,var(--panel));color:var(--text)}
.live-ui .live-spin-row strong,.live-ui .live-spin-row small{display:block;overflow-wrap:anywhere}
.live-ui .live-spin-row small{color:var(--muted);margin-top:5px;font-size:11px}
.live-ui .live-spin-thumb{width:52px;height:52px;display:grid;place-items:center;background:url('/art/rework-15/reel-card.webp') center/100% 100% no-repeat}
.live-ui .live-spin-thumb img,.live-ui .live-spin-thumb>.icon,.live-ui .live-spin-thumb>span{width:76%;height:76%;object-fit:contain;display:grid;place-items:center}
.live-ui .live-spin-thumb .icon{max-width:100%;max-height:100%;color:var(--gold)}
@media(prefers-reduced-motion:reduce){#app.ui15.live-ui .live-reel-pending{animation:none}}
@media(max-width:900px){.live-ui .live-roulette-bottom{grid-template-columns:1fr}.live-ui .live-result-target,.live-ui .live-result-preview{grid-template-columns:minmax(110px,220px) minmax(0,1fr)}#app.ui15.live-ui .live-roll-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}}
@media(max-width:700px){#app.ui15.live-ui .live-machine{height:auto;min-height:0;aspect-ratio:.94}#app.ui15.live-ui .live-machine .owner-cabinet12{width:98cqw;bottom:8%}.live-ui .live-result-target,.live-ui .live-result-preview{grid-template-columns:minmax(96px,.8fr) minmax(0,1fr);gap:12px}.live-ui .live-result-preview .btn{font-size:12px;padding:9px}.live-ui .live-result-target h3,.live-ui .live-result-preview h3{font-size:15px}.live-ui .live-roll-benefits strong{font-size:15px}.live-ui .live-roll-benefits>div{gap:5px}#app.ui15.live-ui .live-machine .controls15.single-spin12 .machine-button15{font-size:clamp(14px,4.5cqw,28px)!important}}
@media(max-width:700px){
 #app.ui15.live-ui .live-machine{aspect-ratio:.78}
 #app.ui15.live-ui .live-machine .owner-cabinet12{width:140cqw;bottom:3%}
 #app.ui15.live-ui .live-machine .controls15 .machine-button15{padding:1px!important;font-size:clamp(10px,2.7cqw,14px)!important;line-height:1.05;gap:0}
 #app.ui15.live-ui .live-machine .mobile-button-label15{white-space:nowrap}
 .live-ui .live-roll-benefits>div{display:grid;grid-template-columns:auto auto;gap:5px 7px;justify-content:center}
 .live-ui .live-roll-benefits>div>span{grid-column:1/-1;text-align:center}
 .live-ui .live-roll-benefits>div>strong:only-child{grid-column:1/-1}
}
@media(max-width:1100px){#app.ui15.live-ui .live-wardrobe{grid-template-columns:1fr}#app.ui15.live-ui .live-wardrobe .outfit-workbench09{grid-template-columns:minmax(0,1fr) 150px}#app.ui15.live-ui .live-wardrobe .inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){#app.ui15.live-ui .live-wardrobe .outfit-workbench09{display:flex;flex-direction:column}#app.ui15.live-ui .live-wardrobe .inventory-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,auto);width:100%}#app.ui15.live-ui .live-wardrobe .inventory-categories button{flex-direction:column;padding:7px 2px;font-size:9px;gap:5px}#app.ui15.live-ui .live-wardrobe .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#app.ui15.live-ui .live-wardrobe .dressing-actions{flex-wrap:wrap;display:flex}#app.ui15.live-ui .live-wardrobe .dressing-actions>.btn{flex:1 1 90px;font-size:12px;padding:10px 7px;min-width:0}#app.ui15.live-ui .live-wardrobe .inventory-top{flex-wrap:wrap}}
@media(max-width:800px){.live-ui .live-account-grid{grid-template-columns:1fr}.live-ui .live-redeem-row{flex-wrap:wrap}.live-ui .live-row-actions{margin-left:0}.live-ui .live-status{flex-wrap:wrap}.live-ui .live-balances>div{flex-wrap:wrap}.live-ui .live-result-thumb{width:66px;height:66px;flex-basis:66px}}
@media(max-width:700px){
 .live-ui .wallet-button{width:44px!important;min-width:44px!important;padding:8px!important}.live-ui .wallet-button .wallet-text{display:none!important}
 .live-ui .page-head .head-actions{min-width:0;max-width:100%;gap:8px}.live-ui .fennec-chip{max-width:calc(100vw - 130px)}
 #app.ui15.live-ui .tickets12 .reveal-summary{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 #app.ui15.live-ui .tickets12 .selected-ticket{display:flex;align-items:center;gap:16px;min-width:0;width:100%;min-height:126px;height:auto}
 #app.ui15.live-ui .tickets12 .selected-ticket>.ticket-art{width:96px;height:110px;object-fit:contain;flex:0 0 96px;margin:0}
 #app.ui15.live-ui .tickets12 .selected-ticket>span{min-width:0;overflow-wrap:anywhere;line-height:1.5}
 #app.ui15.live-ui .tickets12 .summary-price{position:static;width:100%;min-width:0}
 #app.ui15.live-ui .live-rewards .claim-grid15{grid-template-columns:1fr}
 #app.ui15.live-ui .live-rewards .return-value15{flex-wrap:wrap;gap:16px}
 #app.ui15.live-ui .live-rewards .return-tile15{grid-template-rows:auto 80px auto auto!important}
 #app.ui15.live-ui .live-rewards .return-illustration15{position:static;justify-self:end;width:140px;height:80px;max-height:none;object-position:center}
 #app.ui15.live-ui .live-rewards .money15{font-size:24px}
 #app.ui15.live-ui .live-rewards .money15.long-amount{font-size:18px}
 #app.ui15.live-ui .live-rewards .ledger-values15{grid-template-columns:1fr;gap:9px}
 #app.ui15.live-ui .live-rewards .ledger-values15>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0;border:0;min-width:0}
 #app.ui15.live-ui .live-rewards .ledger-values15>div strong{text-align:right;max-width:64%;font-size:13px}
 #app.ui15.live-ui .live-hunt{display:flex;flex-direction:column;gap:16px}
 #app.ui15.live-ui .live-hunt .hunt-portrait08{height:auto}
 .live-ui .live-weekly-claim{gap:12px}.live-ui .live-weekly-claim>strong{font-size:14px;max-width:100%}
}