/* UI12: owner's art, independently positioned editable controls. */
#app.ui12>.workspace,#app.ui12>.docs-shell{position:relative;isolation:isolate}
#app.ui12 .owner-scenery12{position:absolute;inset:0;overflow:hidden;pointer-events:none;container-type:size;z-index:0;border-radius:inherit}
#app.ui12 .scene-world12{position:absolute;left:50%;top:50%;width:max(100cqw,calc(100cqh * var(--world-ratio)));aspect-ratio:var(--world-ratio);height:auto;transform:translate(-50%,-50%)}
#app.ui12 .owner-background12,#app.ui12 canvas[data-owner-environment]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
#app.ui12 .workspace-scenery12{opacity:.6}#app.ui12 .workspace>.page-head,#app.ui12 .workspace>#main,#app.ui12 .workspace>.workspace-footer,#app.ui12 .docs-shell>.page-head,#app.ui12 .docs-shell>.docs-header,#app.ui12 .docs-layout{position:relative;z-index:1}
#app.ui12 .workspace>.page-head,#app.ui12 .docs-shell>.page-head{background:transparent!important}#app.ui12 .page-title09{background:linear-gradient(90deg,#080c24d9,#080c2455)!important}#app.ui12 .topbar09{background:#090c22dc}
#app.ui12 .docs-layout{background:color-mix(in srgb,var(--ui-surface) 94%,transparent)}#app.ui12 .page-home>.workspace-scenery12{display:none}
#app.ui12 .owner-home12{position:absolute;inset:0;container-type:size;overflow:hidden;background:none}
#app.ui12 .owner-actor12{position:absolute;pointer-events:none;z-index:2;isolation:isolate}
#app.ui12 .owner-actor12>canvas,#app.ui12 .actor-poster12{position:absolute;display:block;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
#app.ui12 .owner-actor12[data-media-ready=true]>.actor-poster12{visibility:hidden}
#app.ui12 .actor-home12{height:66%;aspect-ratio:322/361;width:auto;right:12.5%;bottom:16.5%}
#app.ui12 .owner-mine12{position:relative;container-type:size;isolation:isolate;background:#100b29}
#app.ui12 .owner-mine12 .actor-mine12{left:0;bottom:0;width:min(95cqw,calc(100cqh * 552 / 360));height:auto;aspect-ratio:552/360;transform:none;margin:0}
#app.ui12 .owner-portal12{position:relative;container-type:size;height:100%;min-height:0;overflow:hidden;isolation:isolate;background:#090b23}
#app.ui12 .actor-portal12{width:min(93cqw,calc(91cqh * 340 / 280));aspect-ratio:340/280;height:auto;left:50%;bottom:3%;transform:translateX(-50%)}
#app.ui12 .portal-moon12{position:absolute;right:12%;top:7%;width:12%;height:auto;z-index:1;animation:owner-moon12 9.5s ease-in-out infinite;pointer-events:none}
@keyframes owner-moon12{0%,100%{translate:0 0}50%{translate:0 -4px}}
html[data-owner-motion=paused] #app.ui12 .portal-moon12{animation-play-state:paused}
#app.ui12 .machine-cell12{position:relative;background:#140a24!important;overflow:hidden;isolation:isolate}
#app.ui12 .owner-cabinet12{position:absolute;left:50%;bottom:2%;width:min(85cqw,calc(96cqh * 1301 / 1033));height:auto;aspect-ratio:1301/1033;transform:translateX(-57%);z-index:2;container-type:inline-size}
#app.ui12 .owner-cabinet-art12{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#app.ui12 .owner-cabinet12 .reel-window{position:absolute;inset:auto;left:32.5%;top:42.5%;width:49.8%;height:21%!important;background:none;border:0;box-shadow:none;clip-path:inset(0 round 5px);overflow:hidden;z-index:3;mask:none}
#app.ui12 .owner-cabinet12 .reel-strip{height:100%;display:flex;align-items:center;gap:var(--reel-gap,8px);will-change:transform}
#app.ui12 .owner-cabinet12 .reel-item{width:var(--reel-width);min-width:var(--reel-width);height:100%!important;aspect-ratio:auto;border:0;background:none;border-radius:0;box-shadow:none;padding:12%;padding:7%;flex:none;display:grid;place-items:center}
#app.ui12 .owner-cabinet12 .reel-item img{height:100%;width:100%;object-fit:contain}
#app.ui12 .owner-cabinet12.has-result .reel-strip{opacity:.25}
#app.ui12 .owner-win12{position:absolute;left:49.5%;top:42.5%;width:15%;height:21%;z-index:4;display:grid;place-items:center;filter:drop-shadow(0 0 8px var(--rarity-color,#ebc954))}
#app.ui12 .owner-win12>img,#app.ui12 .owner-win12>.fox-stage{width:86%;height:86%;object-fit:contain}
#app.ui12 .owner-caption12{position:absolute;left:39.8%;top:70.8%;width:35.8%;height:4.1%;z-index:5;display:flex;align-items:center;justify-content:center;gap:7px;font:500 clamp(9px,2.1cqw,16px)/1.1 Interface,sans-serif;text-align:center;color:#ffecac}
#app.ui12 .owner-caption12 strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app.ui12 .owner-caption12 .rarity-badge{font-size:1.6cqw;padding:2px 4px}
#app.ui12 .owner-actions12{position:absolute;left:37%;top:78.7%;width:40%;height:8%;display:flex;align-items:stretch;gap:6px;z-index:6}
#app.ui12 .owner-actions12 .btn{height:100%;min-height:0;max-height:none;min-width:0;padding:3px 6px;flex:1;border:1px solid #d896fb;border-radius:6px;background:linear-gradient(#7020bdcc,#1b0c3fcc);color:#ffecaf;font:600 clamp(10px,2.45cqw,20px)/1.1 Interface,sans-serif;white-space:nowrap;box-shadow:inset 0 0 9px #ffb8451a}
#app.ui12 .owner-actions12.single-spin12 .btn{font-size:clamp(17px,4cqw,30px)}#app.ui12 .owner-actions12 .icon{width:1em;height:1em}#app.ui12 .owner-actions12 [data-action=prize-equip]{background:linear-gradient(#facc58,#d99520);color:#291518;border-color:#fff0a3}
#app.ui12 .owner-actions12 .btn:disabled{background:#251139;color:#ab90b8;opacity:.9}#app.ui12 .owner-actions12 .btn:hover:not(:disabled){filter:brightness(1.15)}#app.ui12 .owner-actions12 .btn:focus-visible{outline:2px solid white;outline-offset:2px}
#app.ui12 .tickets12 .reveal-stage{display:grid;grid-template-rows:minmax(0,1fr) 58px;min-height:0;overflow:hidden}#app.ui12 .tickets12 .reveal-actions{padding:8px;display:flex;align-items:stretch}#app.ui12 .tickets12 .reveal-actions .btn{min-height:40px;width:100%;height:100%;font-size:17px;padding:5px}
#app.ui12 .tickets12 .selected-ticket img{height:140px;max-height:20vh;object-fit:contain}#app.ui12 .tickets12 .ticket-card img{height:86px;width:100%;object-fit:contain}
#app.ui12 .claim-card>.ticket-art{object-fit:contain;padding:20px;min-height:0}#app.ui12 .tickets12 .summary-price strong{font-size:clamp(20px,2vw,29px)}
#dialog.reveal-dialog12{width:min(500px,92vw);max-width:92vw;max-height:96dvh;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;overflow:visible;outline:0}
#dialog.reveal-dialog12::backdrop{background:#040515bb;backdrop-filter:blur(4px)}
.owner-result12{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff2ca}
.owner-result-art12{position:relative;height:min(72dvh,590px);max-width:100%;aspect-ratio:892/1024}
.owner-result-frame12{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.owner-result-fox12{position:absolute;left:5.5%;top:29%;width:89%;height:63%;display:grid;place-items:center;background:radial-gradient(ellipse,#37256055,transparent 76%);z-index:1}
.owner-result-fox12 .fox-stage{width:100%!important;height:100%!important;aspect-ratio:1;border:0;background:none}.owner-result-fox12 .fox-stage img{width:100%!important;height:100%!important;inset:0!important;object-fit:contain}.owner-result-fox12 [data-layer=bg]{display:none}
.owner-result-id12{font:600 18px/1.25 Interface,sans-serif}.owner-result12>.btn{min-width:200px;height:46px;font:600 17px/1.2 Interface,sans-serif;border:1px solid #f4cb6b;background:linear-gradient(#40273e,#211336);color:#ffe4a0;border-radius:6px;box-shadow:0 0 15px #eda53338}
html[data-theme=light] #app.ui12 .topbar09{background:#faf3e9f2}html[data-theme=light] #app.ui12 .page-title09{background:linear-gradient(90deg,#fff7e9f0,#fcf3e299)!important}
@media(min-width:960px){#app.ui12 .tickets12{min-height:0;height:100%}#app.ui12 .recent-reveals12{overflow:auto;min-height:0}#app.ui12 .owner-home12 .owner-scenery12{inset:0}}
@media(min-width:701px) and (max-width:959px){#app.ui12 .owner-mine12{min-height:330px;height:330px}#app.ui12 .owner-portal12{min-height:440px}#app.ui12 .machine-cell12{height:600px}}
@media(max-width:700px){#app.ui12 .owner-mine12{height:260px;min-height:260px}#app.ui12 .owner-mine12 .actor-mine12{width:min(100cqw,calc(98cqh * 552 / 360))}#app.ui12 .actor-home12{height:49%;right:3%;bottom:20%}#app.ui12 .machine-cell12{aspect-ratio:1.1;height:auto;min-height:320px}#app.ui12 .owner-cabinet12{width:min(87cqw,calc(96cqh * 1301 / 1033))}#app.ui12 .owner-actions12{gap:3px}#app.ui12 .owner-actions12 .btn{font-size:2.6cqw;padding:2px}#app.ui12 .owner-caption12{font-size:2.4cqw}#app.ui12 .owner-caption12 .rarity-badge{display:none}#app.ui12 .tickets12 .reveal-stage{min-height:390px;grid-template-rows:minmax(310px,1fr) 60px}#app.ui12 .owner-portal12{min-height:300px}.owner-result-art12{height:min(68dvh,500px)}}
@media(prefers-reduced-motion:reduce){#app.ui12 .portal-moon12{animation:none!important}}
