@font-face{font-family:Bangers;src:url('assets/bangers.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--yellow:#f4ff62;--green:#39ff14;--display:Bangers,Impact,'Arial Black',sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{overflow-x:clip}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:7px}
[hidden]{display:none!important}
.app-shell{height:100svh;min-height:490px;position:relative}
.topbar{position:absolute;inset:28px 36px auto;z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:none}
.brand{display:flex;align-items:center;gap:12px;pointer-events:auto}
.brand img{object-fit:contain;filter:brightness(1.55) saturate(1.65) drop-shadow(0 0 9px #ffc50050)}
.brand h1{font:30px/1 var(--display);letter-spacing:1px;color:var(--yellow);margin:0}
.markets{text-align:right;pointer-events:auto}
.section-heading{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#949c82;margin-bottom:7px}
.market-value{font:39px/1 var(--display);letter-spacing:1px;color:var(--yellow)}
.market-value.missing{color:#7b8068;font-size:31px}
.market-meta{font-size:9px;color:#92977e;margin-top:5px}
.arena{height:100%;display:flex;flex-direction:column;align-items:center;padding-top:9px}
.stage{position:relative;flex:1;min-height:0;width:100%;isolation:isolate}
.video-frame{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.face-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#000}
.face-video.idle{-webkit-mask-image:linear-gradient(#000 0 76%,transparent 98%);mask-image:linear-gradient(#000 0 76%,transparent 98%)}
.face-video.reaction{opacity:0;-webkit-mask-image:linear-gradient(#000 0 84%,transparent 99%);mask-image:linear-gradient(#000 0 84%,transparent 99%)}
.stage.reacting .reaction{opacity:1}
.stage.reacting .idle{opacity:0}
.buy-area{position:relative;z-index:5;flex:none;width:min(320px,calc(100% - 64px));padding:8px 0 max(31px,env(safe-area-inset-bottom))}
.buy-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 27px 18px;background:var(--yellow);color:#090b03;border-radius:9px;font:34px/.95 var(--display);letter-spacing:.6px;transform:rotate(-2deg);transition:transform .18s,background .18s,box-shadow .18s;cursor:pointer;box-shadow:0 5px 0 #687617}
.buy-button:hover{background:var(--green);transform:rotate(0) scale(1.025);box-shadow:0 5px 0 #167914,0 0 25px #39ff1422}
.buy-button:active{transform:scale(.97)}
.buy-arrow{font:40px/.8 Arial,sans-serif}
.buy-notice{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:10px;color:var(--yellow)}
.receipt{position:absolute;left:50%;bottom:6%;transform:translateX(-50%) rotate(-5deg);z-index:4;min-width:265px;max-width:calc(100% - 30px);padding:12px 16px;color:var(--green);text-align:center;filter:drop-shadow(0 4px 2px #000) drop-shadow(0 0 15px #39ff1433);animation:receipt-in .26s cubic-bezier(.2,1.5,.4,1)}
.receipt-eyebrow{font:19px var(--display);letter-spacing:2px;margin-bottom:1px}
.receipt-amount{font:clamp(60px,8vw,106px)/1 var(--display);letter-spacing:1px;white-space:nowrap;text-shadow:3px 3px 0 #092b04}
.receipt-bottom{display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.3px;margin-top:7px;color:#aeffa0;text-shadow:0 2px 4px #000}
.receipt-bottom>span:first-child{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#receiptArrow{font-size:18px}
.queue-status{position:absolute;bottom:1%;left:0;right:0;text-align:center;font-size:9px;color:#92aa88}
.resume-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:#050505;background:var(--yellow);font:24px var(--display);padding:13px 23px;border-radius:7px}
.preview-tools{position:fixed;bottom:13px;left:16px;z-index:20;display:flex;gap:16px;align-items:center;background:#162113;padding:8px 9px 8px 14px;border-radius:9px;max-width:calc(100vw - 24px);white-space:nowrap}
.preview-tools>span{font-size:8px;letter-spacing:.5px;color:#b5c7ad}
.preview-tools button{font:22px var(--display);background:var(--green);color:#041100;border-radius:6px;padding:9px 15px}
#coinCursor{position:fixed;left:0;top:0;width:49px;height:49px;margin:-24.5px 0 0 -24.5px;z-index:9999;pointer-events:none;opacity:0;will-change:transform}
#coinCursor img{width:100%;height:100%;object-fit:contain;filter:brightness(1.8) saturate(1.8) drop-shadow(0 0 6px #ffdf59a0);transition:transform .15s}
#coinCursor.hover img{transform:scale(1.25)}
#coinCursor.click img{animation:coin-click .4s ease-out}
.coin-cursor,.coin-cursor *{cursor:none!important}
.coin-cursor #coinCursor{opacity:1}
@keyframes receipt-in{from{opacity:0;transform:translateX(-50%) rotate(-12deg) scale(.6)}to{opacity:1;transform:translateX(-50%) rotate(-5deg) scale(1)}}
@keyframes coin-click{40%{transform:rotate(170deg) scale(1.5)}100%{transform:rotate(360deg) scale(1)}}
@media(max-width:800px){.topbar{inset:23px 23px auto}.brand h1{font-size:27px}.brand img{width:37px;height:37px}.market-value{font-size:35px}.arena{padding-top:64px}.preview-tools{left:50%;transform:translateX(-50%);bottom:9px}.is-preview .buy-area{padding-bottom:86px}}
@media(max-width:540px){.topbar{inset:20px 20px auto;gap:16px}.brand{gap:8px}.brand h1{font-size:24px}.brand img{width:34px;height:34px}.section-heading{font-size:8px;letter-spacing:1.3px}.market-value{font-size:31px}.market-value.missing{font-size:26px}.market-meta{font-size:8px}.arena{padding-top:82px}.face-video{object-fit:cover}.receipt{bottom:7%;min-width:235px;padding:10px 5px}.receipt-amount{font-size:74px}.receipt-eyebrow{font-size:17px}.receipt-bottom{font-size:10px}.buy-area{width:calc(100% - 64px);max-width:330px;padding-top:5px;padding-bottom:max(33px,env(safe-area-inset-bottom))}.buy-button{font-size:32px;padding:17px 24px}.preview-tools{gap:12px;padding:7px 7px 7px 12px}.preview-tools>span{font-size:7px;letter-spacing:.3px}.preview-tools button{font-size:20px;padding:9px 12px}}
@media(max-height:550px) and (min-width:600px){.app-shell{min-height:340px}.arena{padding-top:0}.topbar{inset:16px 20px auto}.buy-area{width:240px;padding-bottom:20px}.buy-button{font-size:27px;padding:11px 20px}.receipt{bottom:2%}.receipt-amount{font-size:54px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}