:root{--bg: #1a120b;--bg-deep: #0e0905;--panel: #241810;--panel-2: #2d1f14;--line: #3d2b1a;--amber: #f5a623;--amber-hi: #ffd966;--amber-deep: #8a5200;--green: #39ff6a;--red: #ff3b5c;--pink: #ff5c8a;--ink: #f5e9d6;--ink-dim: #b39b7d;--mono: "Space Mono", monospace;--display: "Luckiest Guy", cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg-deep);color:var(--ink);font-family:var(--mono);font-size:14px}.app{position:relative;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);box-shadow:0 0 60px #000c;overflow:hidden}.app.wood{background:repeating-linear-gradient(90deg,rgba(255,200,120,.025) 0px,rgba(255,200,120,.025) 2px,transparent 2px,transparent 64px),repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 9px),var(--bg)}.app.fx-lose{animation:appShake .55s ease-out}.app.fx-lose:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--red);pointer-events:none;z-index:60;animation:redFlash .55s ease-out forwards}@keyframes redFlash{0%{opacity:.45}to{opacity:0}}@keyframes appShake{0%,to{transform:translate(0)}15%{transform:translate(-9px) rotate(-.4deg)}30%{transform:translate(8px) rotate(.4deg)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px}.logo{font-family:var(--display);font-size:27px;line-height:1;color:var(--amber);letter-spacing:1px;white-space:nowrap;text-shadow:0 0 14px rgba(245,166,35,.7),0 0 36px rgba(245,166,35,.35),2px 2px 0 #000;transform:rotate(-1.5deg)}.logo span{color:var(--ink);text-shadow:0 0 10px rgba(245,233,214,.4),2px 2px 0 #000}.connect-btn{font-family:var(--mono);font-weight:700;font-size:12px;color:#1a120b;background:var(--amber);border:2px solid var(--amber-deep);border-radius:10px;padding:10px 12px;min-height:44px;box-shadow:0 4px 0 var(--amber-deep)}.connect-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--amber-deep)}.connect-btn:disabled{opacity:.7}.wallet-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid var(--line);border-radius:999px;padding:8px 12px;min-height:44px}.wallet-chip .addr{color:var(--ink-dim);font-size:12px}.wallet-chip .bal{color:var(--amber-hi);font-weight:700;font-size:12px;text-shadow:0 0 8px rgba(245,166,35,.5)}.jackpot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px;padding:9px 12px;min-height:44px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2px solid var(--line);border-radius:12px;color:var(--ink);text-align:left}.jackpot-label{font-family:var(--display);font-size:13px;letter-spacing:1px;color:var(--ink-dim);white-space:nowrap}.jackpot-num{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--amber);text-shadow:0 0 10px rgba(245,166,35,.55);font-variant-numeric:tabular-nums}.jackpot-tip{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:#000;border:2px solid var(--amber);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--ink);box-shadow:0 8px 24px #000000b3}.stage-col{flex:1;display:flex;flex-direction:column;gap:14px;padding:10px 14px 16px}.berf-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:6px;min-height:235px}.streak-badge{position:absolute;top:0;right:-4px;z-index:5;font-family:var(--display);font-size:13px;letter-spacing:.5px;padding:7px 11px;border-radius:10px;transform:rotate(3deg);max-width:200px;text-align:center;border:2px solid}.streak-win{color:#06240f;background:var(--green);border-color:#0c7a31;box-shadow:0 0 16px #39ff6a80}.streak-lose{color:#fff;background:#5c0f1d;border-color:var(--red);box-shadow:0 0 16px #ff3b5c66}.speech-bubble{position:relative;max-width:290px;background:var(--ink);color:#241405;border:3px solid #000;border-radius:14px;padding:9px 14px;font-size:13px;font-weight:700;text-align:center;transform:rotate(-1deg);animation:bubblePop .25s ease-out;z-index:4;text-wrap:pretty}.speech-bubble.mood-win{box-shadow:0 0 18px #39ff6a73}.speech-bubble.mood-lose{box-shadow:0 0 18px #ff3b5c80}.speech-tail{position:absolute;bottom:-11px;left:50%;width:16px;height:16px;background:var(--ink);border-right:3px solid #000;border-bottom:3px solid #000;transform:translate(-50%) rotate(45deg)}@keyframes bubblePop{0%{transform:rotate(-1deg) scale(.7);opacity:0}to{transform:rotate(-1deg) scale(1);opacity:1}}.berf-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.berf-body{position:relative;line-height:1}.berf-emoji{font-size:120px;display:inline-block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.berf-beer{position:absolute;font-size:44px;right:-14px;bottom:6px;transform-origin:50% 90%}.berf-point{position:absolute;font-size:44px;left:-40px;bottom:34px;animation:pointJab .5s ease-in-out infinite}.berf-sweat{position:absolute;font-size:30px;right:-34px;top:6px;animation:sprayUp .7s ease-out infinite}.berf-shadow{width:110px;height:14px;margin-top:-4px;border-radius:50%;background:#00000080;filter:blur(3px)}.berf-art-note{margin-top:4px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#b39b7d8c}.berf-idle .berf-body{animation:idleBob 3.2s ease-in-out infinite}.berf-idle .berf-beer{animation:lazySip 5s ease-in-out infinite}.berf-flipping .berf-body{animation:nervousShake .18s linear infinite}.berf-flipping .berf-beer{transform:rotate(-55deg) translate(-6px,-10px);animation:chug .4s ease-in-out infinite}.berf-win .berf-body{animation:winJump .55s cubic-bezier(.3,1.6,.5,1) infinite alternate}.berf-win .berf-beer{animation:beerWave .5s ease-in-out infinite}.berf-lose .berf-body{animation:loseLaugh .45s ease-in-out infinite}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes lazySip{0%,62%,to{transform:rotate(0)}70%,84%{transform:rotate(-38deg) translate(-4px,-8px)}}@keyframes nervousShake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}}@keyframes chug{0%,to{transform:rotate(-50deg) translate(-6px,-10px)}50%{transform:rotate(-62deg) translate(-8px,-13px)}}@keyframes winJump{0%{transform:translateY(0) scale(1)}to{transform:translateY(-16px) scale(.98,1.04)}}@keyframes beerWave{0%,to{transform:rotate(-15deg)}50%{transform:rotate(25deg) translateY(-6px)}}@keyframes loseLaugh{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg) translateY(2px)}}@keyframes pointJab{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes sprayUp{0%{transform:translate(0) scale(.7);opacity:0}30%{opacity:1}to{transform:translate(14px,-26px) scale(1.15);opacity:0}}.burst-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.confetti-bit{position:absolute;top:45%;width:9px;height:13px;border-radius:2px;animation:confettiFly 1.3s cubic-bezier(.2,.7,.6,1) var(--delay, 0s) forwards;opacity:0}.beer-drop{position:absolute;top:50%;font-size:20px;animation:confettiFly 1.1s ease-out var(--delay, 0s) forwards;opacity:0}@keyframes confettiFly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--tx, 0),calc(var(--ty, -100px) + 120px)) rotate(var(--rot, 180deg));opacity:0}}.coin-scene{height:130px;display:flex;align-items:center;justify-content:center;perspective:750px}.cap{position:relative;width:116px;height:116px;transform-style:preserve-3d}.cap-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;backface-visibility:hidden;border:8px dotted var(--amber-deep)}.cap-front{background:radial-gradient(circle at 35% 28%,#ffe9ad,var(--amber-hi) 30%,var(--amber) 62%,#c47c10 100%);box-shadow:0 0 26px #f5a62373,inset 0 -6px 14px #7a4a0080}.cap-back{transform:rotateX(180deg);background:radial-gradient(circle at 35% 28%,#e8efe9,#aab8ad 35%,#6f7d72 70%,#46524a);border-color:#39433c;box-shadow:0 0 18px #aab8ad40,inset 0 -6px 14px #141c168c}.cap-emoji{font-size:38px;line-height:1}.cap-label{font-family:var(--display);font-size:16px;letter-spacing:1px;color:#4a2a00;text-shadow:0 1px 0 rgba(255,255,255,.35)}.cap-back .cap-label{color:#1d2620;text-shadow:0 1px 0 rgba(255,255,255,.2)}.cap.idle{animation:capHover 3.4s ease-in-out infinite}.cap.spinning{animation:capSpin .32s linear infinite}.cap.land-full{animation:capLandFull 1.15s cubic-bezier(.22,.7,.3,1.12) forwards}.cap.land-empty{animation:capLandEmpty 1.15s cubic-bezier(.22,.7,.3,1.12) forwards}@keyframes capHover{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-7px) rotateX(10deg)}}@keyframes capSpin{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}@keyframes capLandFull{0%{transform:rotateX(0) translateY(-30px)}to{transform:rotateX(1440deg) translateY(0)}}@keyframes capLandEmpty{0%{transform:rotateX(0) translateY(-30px)}to{transform:rotateX(1260deg) translateY(0)}}.result-card{display:flex;flex-direction:column;gap:10px;align-items:center;padding:14px;border-radius:16px;border:3px solid;animation:bubblePop .3s ease-out}.result-card.won{border-color:var(--green);background:#39ff6a12;box-shadow:0 0 28px #39ff6a40}.result-card.lost{border-color:var(--red);background:#ff3b5c12;box-shadow:0 0 28px #ff3b5c38}.result-banner{font-family:var(--display);font-size:36px;line-height:1;font-variant-numeric:tabular-nums}.result-card.won .result-banner{color:var(--green);text-shadow:0 0 18px rgba(57,255,106,.7),2px 2px 0 #000}.result-card.lost .result-banner{color:var(--red);text-shadow:0 0 18px rgba(255,59,92,.7),2px 2px 0 #000}.result-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.cta{font-family:var(--display);font-size:15px;letter-spacing:.5px;padding:13px 8px;min-height:50px;border-radius:12px;line-height:1.05}.cta-primary{color:#2b1700;background:linear-gradient(180deg,var(--amber-hi),var(--amber));border:2px solid var(--amber-deep);box-shadow:0 5px 0 var(--amber-deep)}.cta-primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--amber-deep)}.cta-ghost{color:var(--ink);background:var(--panel);border:2px solid var(--line);box-shadow:0 5px #120b06}.cta-ghost:active{transform:translateY(4px);box-shadow:0 1px #120b06}.share-btn{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink-dim);background:transparent;border:2px dashed var(--line);border-radius:10px;padding:9px 14px;min-height:44px;width:100%}.share-btn:active{color:var(--ink);border-color:var(--ink-dim)}.side-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-btn{font-family:var(--display);font-size:22px;letter-spacing:1px;color:var(--ink);background:var(--panel);border:3px solid var(--line);border-radius:16px;padding:14px 8px;min-height:64px;box-shadow:0 6px #120b06;display:flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .12s,transform .12s}.side-btn .side-emoji{font-size:26px}.side-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #120b06}.side-btn.picked{color:#2b1700;background:linear-gradient(180deg,var(--amber-hi),var(--amber));border-color:var(--amber-deep);box-shadow:0 6px 0 var(--amber-deep),0 0 26px #f5a6238c;text-shadow:none}.side-btn:disabled{opacity:.55}.bet-picker{display:flex;flex-direction:column;gap:9px}.bet-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chip{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--ink);background:var(--panel);border:2px solid var(--line);border-radius:999px;padding:10px 4px;min-height:44px;box-shadow:0 4px #120b06}.chip:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #120b06}.chip.picked{color:#2b1700;background:var(--amber);border-color:var(--amber-deep);box-shadow:0 4px 0 var(--amber-deep),0 0 16px #f5a62380}.chip:disabled{opacity:.55}.custom-input{width:100%;font-family:var(--mono);font-weight:700;font-size:15px;color:var(--amber-hi);background:var(--bg-deep);border:2px solid var(--line);border-radius:12px;padding:12px 14px;min-height:48px;outline:none}.custom-input:focus{border-color:var(--amber);box-shadow:0 0 12px #f5a6234d}.custom-input::placeholder{color:var(--ink-dim);opacity:.6;font-weight:400}.custom-input:disabled{opacity:.55}.maxbet-line{font-size:11.5px;color:var(--ink-dim);text-align:center}.maxbet-line.angry{color:var(--red);font-weight:700;text-shadow:0 0 10px rgba(255,59,92,.45);animation:bubblePop .2s ease-out}.berf-it{width:100%;font-family:var(--display);font-size:36px;letter-spacing:2px;line-height:1;color:#2b1700;background:linear-gradient(180deg,var(--amber-hi),var(--amber) 55%,#d98c0f);border:4px solid var(--amber-deep);border-radius:20px;padding:20px 10px 17px;min-height:76px;box-shadow:0 8px 0 var(--amber-deep),0 0 34px #f5a62373;text-shadow:0 1px 0 rgba(255,255,255,.35);transition:transform .1s,box-shadow .1s,filter .2s}.berf-it:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px 0 var(--amber-deep),0 0 20px #f5a62366}.berf-it:disabled:not(.flipping){filter:grayscale(.85) brightness(.6);box-shadow:0 8px #2a2118;border-color:#2a2118}.berf-it.flipping{animation:flipPulse .7s ease-in-out infinite}@keyframes flipPulse{0%,to{box-shadow:0 8px 0 var(--amber-deep),0 0 20px #f5a62359}50%{box-shadow:0 8px 0 var(--amber-deep),0 0 44px #f5a623bf}}.hint-line{text-align:center;font-size:11px;color:var(--ink-dim);margin-top:-6px}.bankroll-strip{font-size:11px;color:var(--ink-dim);text-align:center;font-variant-numeric:tabular-nums}.feed{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:10px 12px 6px}.feed-title{font-family:var(--display);font-size:13px;letter-spacing:2px;color:var(--ink-dim);margin-bottom:6px}.feed-list{list-style:none;margin:0;padding:0}.feed-row{display:grid;grid-template-columns:64px 1fr 76px 64px;align-items:center;gap:8px;font-size:11.5px;padding:7px 2px;border-top:1px solid rgba(61,43,26,.55);font-variant-numeric:tabular-nums}.feed-row:first-child{border-top:none;animation:feedIn .35s ease-out}@keyframes feedIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.feed-row.mine{background:#f5a62314;border-radius:8px}.f-addr{color:var(--ink-dim)}.f-bet{color:var(--ink);text-align:right}.f-side{color:var(--ink-dim);white-space:nowrap}.f-res{font-weight:700;text-align:right}.f-win{color:var(--green);text-shadow:0 0 8px rgba(57,255,106,.5)}.f-rug{color:var(--red);text-shadow:0 0 8px rgba(255,59,92,.5)}.foot{display:flex;justify-content:center;gap:8px;padding:6px 14px 18px}.foot-btn{font-family:var(--mono);font-size:10.5px;color:var(--ink-dim);background:transparent;border:2px solid var(--line);border-radius:999px;padding:8px 10px;min-height:40px}.foot-btn:active{color:var(--ink);border-color:var(--ink-dim)}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:340px;background:var(--bg);border:3px solid var(--amber);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 40px #f5a62359;animation:bubblePop .25s ease-out}.modal-title{font-family:var(--display);font-size:22px;color:var(--amber);text-shadow:0 0 12px rgba(245,166,35,.6);transform:rotate(-1deg)}.modal-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700}.modal-fine{font-size:11px;color:var(--ink-dim)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:90;background:#000;color:var(--ink);border:2px solid var(--amber);border-radius:999px;padding:10px 18px;font-size:12px;font-weight:700;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 24px #000000b3;animation:bubblePop .22s ease-out}@media(prefers-reduced-motion:reduce){.berf-body,.berf-beer,.cap.idle,.berf-it.flipping,.berf-point,.berf-sweat{animation:none!important}.app.fx-lose{animation:none}}