@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:local("Lilita One"),local("LilitaOne"),url(../generated/fonts/LilitaOne-Regular.ttf) format("truetype")}:root{--ink: #0e0b1f;--plum9: #240a2c;--game: #3a1547;--cardink: #20102a;--chip: #2a1c52;--edge: #19102e;--gold: #ff9d0d;--gold6: #e07f08;--gold3: #ffce80;--green: #22c55e;--green6: #16a34a;--blue: #3ab3e4;--coral: #ef4444;--coral6: #dc2626;--lilac: #c4a7fb;--muted: #c9bee6;--ndp: #9b5de5;--nda: #ffc44d;--ndg: #46e08a;--ndc: #ff5a7a;--silver: #94a3b8;--bronze: #b97a41;--p7: #4a2358;--p6: #5e3070;--font: "Lilita One", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--ink);color:#fff;font-family:var(--font);overflow:hidden}#app{position:fixed;inset:0}#frame{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:var(--game);box-shadow:0 0 0 4px var(--edge)}.stage{position:absolute;inset:0;z-index:2;padding:36px 64px;display:flex;flex-direction:column;gap:20px}.stage.center{align-items:center}.stage.middle{align-items:center;justify-content:center}#overlays{position:absolute;inset:0;z-index:30;pointer-events:none}#wipe{position:absolute;inset:0;display:flex;pointer-events:none;z-index:50}#wipe i{flex:1;transform:scaleY(0);transform-origin:bottom}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:60}#toast{position:absolute;right:40px;bottom:32px;z-index:70;opacity:0;transition:opacity .2s;pointer-events:none}#toast.on{opacity:1}#frame.shake{animation:shake .45s}#frame.danger:after{content:"";position:absolute;inset:0;border:10px solid var(--coral);animation:danger 1s steps(2) infinite;pointer-events:none;z-index:40}button{font:inherit;color:inherit}.hdr{height:96px;display:flex;align-items:center;justify-content:space-between;flex:none}.hdr img{height:84px}.chip{background:var(--chip);color:#fff;padding:10px 22px;font-size:28px;letter-spacing:.04em;border-radius:4px;box-shadow:0 4px 0 var(--edge);text-transform:uppercase;white-space:nowrap;border:0}button.chip{cursor:pointer}button.chip:focus-visible{outline:4px solid var(--lilac);outline-offset:3px}.chip.gold{background:var(--gold);color:var(--ink);box-shadow:0 4px 0 var(--gold6)}.chip.coral{background:var(--coral);box-shadow:0 4px 0 var(--coral6)}.chip.green{background:var(--green);color:var(--ink);box-shadow:0 4px 0 var(--green6)}.cap{text-transform:uppercase;letter-spacing:.05em}.letter{background:var(--gold);color:#fff;border-radius:6px;box-shadow:0 10px 0 var(--gold6);display:flex;align-items:center;justify-content:center;line-height:1;text-shadow:-3px -3px 0 var(--edge),3px -3px 0 var(--edge),-3px 3px 0 var(--edge),3px 3px 0 var(--edge),0 6px 0 var(--edge)}.av{background:var(--p7);border-radius:6px;object-fit:contain;flex:none}.motif{height:24px;flex:none;background:repeating-linear-gradient(90deg,var(--ndp) 0 24px,var(--nda) 24px 48px,var(--ndg) 48px 72px,var(--ndc) 72px 96px)}.tile{background:var(--cardink);border-radius:6px;box-shadow:0 6px 0 var(--edge)}.ov{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.dim{background:#240a2cc7;z-index:30;pointer-events:none}.bignote{border:6px solid var(--edge);box-shadow:0 12px 0 var(--edge)}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pop{animation:pop .5s cubic-bezier(.2,1.6,.4,1) both}.qrpop{animation:qrpop .45s cubic-bezier(.2,1,.3,1) 1 backwards}.slam{animation:slam .5s cubic-bezier(.2,1.4,.4,1) both}.rise{animation:rise .6s cubic-bezier(.2,1,.3,1) both}.flipin{animation:flipin .55s cubic-bezier(.2,1.2,.4,1) both}@keyframes pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes qrpop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes slam{0%{transform:scale(2.6);opacity:0}60%{transform:scale(.94);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}@keyframes flipin{0%{transform:perspective(900px) rotateX(-90deg);opacity:0}to{transform:perspective(900px) rotateX(0);opacity:1}}@keyframes shake{0%,to{transform:var(--fit, none)}15%{transform:var(--fit, none) translate(-14px,8px)}30%{transform:var(--fit, none) translate(12px,-10px)}45%{transform:var(--fit, none) translate(-10px,-6px)}60%{transform:var(--fit, none) translate(8px,8px)}80%{transform:var(--fit, none) translate(-4px,2px)}}@keyframes danger{0%{opacity:.9}50%{opacity:0}}@keyframes ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes dots{0%{content:"typing"}25%{content:"typing."}50%{content:"typing.."}75%{content:"typing..."}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes flashbg{0%{outline:6px solid var(--gold)}to{outline:6px solid transparent}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes stripes{0%{background-position:0 0}to{background-position:60px 0}}@keyframes brk{0%,to{transform:translate(0)}50%{transform:translate(var(--bx),var(--by))}}.dots:after{content:"typing";animation:dots 1.2s steps(1) infinite}.bk{position:absolute;background:var(--gold);animation:brk 1.6s ease-in-out infinite}.slot{height:132px;border-radius:6px}.slot.empty{border:4px dashed var(--p6);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--p6)}.slot.full{background:var(--cardink);box-shadow:0 6px 0 var(--edge);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:26px;padding:0 6px}.stripe{background:repeating-linear-gradient(90deg,var(--gold) 0 30px,var(--gold6) 30px 60px);animation:stripes .5s linear infinite}.field{font:inherit;color:#fff;background:var(--cardink);border:0;border-radius:6px;box-shadow:0 6px 0 var(--edge);padding:18px 22px;font-size:44px;width:100%;margin-top:8px}.field:focus-visible{outline:4px solid var(--lilac)}.dim.clear{background:none}@keyframes glow{0%,to{box-shadow:0 10px 0 var(--gold6),0 0 #ff9d0d80}50%{box-shadow:0 10px 0 var(--gold6),0 0 0 22px #ff9d0d00}}@keyframes burst{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}@keyframes fall{0%{transform:translateY(-60px) rotate(0)}to{transform:translateY(1160px) rotate(540deg)}}@keyframes swing{0%{transform:rotate(-40deg) translateY(-200px);opacity:0}60%{transform:rotate(12deg);opacity:1}to{transform:rotate(0);opacity:1}}@keyframes dropbounce{0%{transform:translateY(-700px)}60%{transform:translateY(20px)}80%{transform:translateY(-10px)}to{transform:none}}@keyframes cardshake{0%,to{transform:none}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(6px)}}@keyframes dealin{0%{transform:translateY(700px) rotate(8deg);opacity:0}to{transform:none;opacity:1}}.deal{animation:dealin .6s cubic-bezier(.2,1.2,.4,1) both}.dropbounce{animation:dropbounce .8s ease-out both}.swing{animation:swing .7s cubic-bezier(.2,1.2,.4,1) both}.cardshake{animation:cardshake .4s}.confetti{position:absolute;pointer-events:none}.confetti.sq{width:18px;height:18px;animation:burst .9s ease-out forwards}.confetti.rain{top:-60px;animation:fall 4s linear infinite}.rcard{position:relative;background:var(--cardink);border-radius:6px;border:6px solid var(--edge);display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:14px}.rcard .zone{position:relative;width:100%;height:230px}.rcard .zone img{position:absolute;width:104px;height:104px;transition:left .5s cubic-bezier(.7,0,.3,1),top .5s cubic-bezier(.7,0,.3,1)}.rcard .pts{margin-top:auto;border-radius:4px;padding:6px 32px;font-size:60px;line-height:1;color:var(--ink)}.rcard .badge{position:absolute;right:-14px;top:-18px;background:var(--ink);color:#fff;border:4px solid var(--edge);border-radius:4px;font-size:34px;padding:2px 14px}.rcard.uniq{animation:glow 1.1s infinite}.rt{position:absolute;left:0;width:100%;height:76px;display:flex;align-items:center;gap:16px;transition:transform 1.4s cubic-bezier(.6,0,.2,1)}.rt .bar{height:60px;border-radius:4px;box-shadow:0 4px 0 var(--edge);display:flex;align-items:center;justify-content:flex-end;padding-right:16px;color:var(--ink);font-size:42px;line-height:1;transition:width 1.4s cubic-bezier(.6,0,.2,1),background-color .6s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:normal;min-width:0}
