:root{--paper: #f4edda;--paper-dim: #eadfc4;--ink: #1c1814;--ink-soft: #4a4338;--cheese: #ffc426;--cheese-deep: #e89c00;--blue: #2b50c8;--blue-deep: #1d3a8f;--red: #d23a2a;--teal: #1f8a8c;--white: #fffdf6;--font-display: "Alfa Slab One", serif;--font-marker: "Permanent Marker", cursive;--font-body: "Archivo", sans-serif;--font-mono: "IBM Plex Mono", monospace;--shadow-hard: 6px 6px 0 var(--ink);--shadow-hard-sm: 3px 3px 0 var(--ink);--border-chunky: 3px solid var(--ink)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--paper-dim);font-family:var(--font-body);color:var(--ink);overscroll-behavior:none}#app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;gap:10px;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.hidden{display:none!important}#topbar{display:flex;align-items:center;gap:10px}#logo{font-family:var(--font-display);font-size:26px;letter-spacing:1px;color:var(--ink);text-shadow:2px 2px 0 var(--cheese)}#logo span{color:var(--red);text-shadow:none}#balance-pill{margin-left:auto;background:var(--white);border:var(--border-chunky);box-shadow:var(--shadow-hard-sm);padding:6px 12px;font-family:var(--font-mono);font-weight:700;font-size:16px;border-radius:999px}#settings-btn{font-size:20px;background:var(--cheese);border:var(--border-chunky);box-shadow:var(--shadow-hard-sm);border-radius:10px;width:42px;height:42px;cursor:pointer}#settings-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}#mapwrap{position:relative;border:var(--border-chunky);box-shadow:var(--shadow-hard);border-radius:12px;overflow:hidden;background:var(--paper)}#mapwrap.shake{animation:shake .5s linear}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px,3px) rotate(-.7deg)}30%{transform:translate(6px,-4px) rotate(.6deg)}45%{transform:translate(-5px,-3px)}60%{transform:translate(5px,4px) rotate(.4deg)}75%{transform:translate(-3px,2px)}90%{transform:translate(2px,-1px)}}#canvas-holder,#canvas-holder canvas{display:block;width:100%}#mult-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}#phase-label{font-family:var(--font-marker);font-size:15px;color:var(--ink-soft);background:var(--paper);padding:1px 10px;border-radius:6px;border:2px solid var(--ink);opacity:.92}#mult-value{font-family:var(--font-display);font-size:64px;line-height:1.05;color:var(--ink);text-shadow:3px 3px 0 var(--cheese),-2px -2px 0 var(--paper)}#mult-value.hot{color:var(--red);text-shadow:3px 3px 0 var(--cheese)}#mult-value.crashed-num{color:var(--white);text-shadow:3px 3px 0 var(--ink)}#headline{position:absolute;top:8px;left:50%;transform:translate(-50%) rotate(-2deg);background:var(--white);border:var(--border-chunky);box-shadow:var(--shadow-hard-sm);font-family:var(--font-mono);font-weight:700;font-size:12px;padding:6px 10px;max-width:92%;text-align:center;animation:slap-in .35s cubic-bezier(.2,2,.4,1)}@keyframes slap-in{0%{transform:translate(-50%) rotate(-2deg) scale(2.2);opacity:0}to{transform:translate(-50%) rotate(-2deg) scale(1);opacity:1}}#stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-14deg) scale(1);font-family:var(--font-display);font-size:clamp(40px,12vw,72px);color:var(--red);border:6px solid var(--red);border-radius:10px;padding:2px 18px;background:#f4eddae0;letter-spacing:2px;animation:stamp-slam .45s cubic-bezier(.25,1.6,.4,1);z-index:5}@keyframes stamp-slam{0%{transform:translate(-50%,-50%) rotate(-25deg) scale(4);opacity:0}60%{transform:translate(-50%,-50%) rotate(-13deg) scale(.92);opacity:1}to{transform:translate(-50%,-50%) rotate(-14deg) scale(1)}}#history{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}#history::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;font-family:var(--font-mono);font-weight:700;font-size:12px;border:2px solid var(--ink);border-radius:999px;padding:3px 9px;background:var(--white);box-shadow:2px 2px 0 var(--ink)}.chip.low{color:var(--red)}.chip.mid{color:var(--ink)}.chip.high{color:var(--teal)}.chip.moon{color:var(--blue);background:var(--cheese)}#ticker{border:var(--border-chunky);border-radius:10px;background:var(--white);box-shadow:var(--shadow-hard-sm);height:96px;overflow:hidden;position:relative}#feed{display:flex;flex-direction:column-reverse;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:6px 10px;scrollbar-width:none}#feed::-webkit-scrollbar{display:none}.feed-item{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-item .who{font-weight:700}.feed-item.bet{color:var(--ink-soft)}.feed-item.cash{color:var(--teal);font-weight:700}.feed-item.bust{color:var(--red)}.feed-item.me{background:var(--cheese);border-radius:4px;padding:1px 4px}#betpanel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slot{background:var(--white);border:var(--border-chunky);border-radius:12px;box-shadow:var(--shadow-hard-sm);padding:10px;display:flex;flex-direction:column;gap:8px}.slot .row{display:flex;align-items:center;gap:6px}.slot label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.slot input{width:100%;font-family:var(--font-mono);font-weight:700;font-size:16px;padding:7px 8px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink)}.slot input:disabled{opacity:.55}.stepper{font-family:var(--font-mono);font-weight:700;font-size:16px;border:2px solid var(--ink);background:var(--paper);border-radius:8px;width:34px;height:34px;flex:0 0 auto;cursor:pointer}.bigbtn{font-family:var(--font-display);font-size:19px;letter-spacing:.5px;padding:13px 6px;border:var(--border-chunky);border-radius:12px;box-shadow:var(--shadow-hard-sm);cursor:pointer;color:var(--ink);background:var(--cheese);transition:transform .05s}.bigbtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.bigbtn.bet{background:var(--cheese)}.bigbtn.waiting{background:var(--paper-dim);color:var(--ink-soft)}.bigbtn.cashout{background:var(--teal);color:var(--white);animation:pulse .9s infinite}.bigbtn.done{background:var(--blue);color:var(--white)}.bigbtn:disabled{cursor:default}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}#modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c18148c;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}#modal{background:var(--paper);border:var(--border-chunky);border-radius:14px;box-shadow:var(--shadow-hard);width:min(440px,100%);max-height:84dvh;overflow-y:auto;padding:18px}#modal h2{font-family:var(--font-display);font-size:22px;margin-bottom:10px}#modal h3{font-family:var(--font-marker);font-size:16px;margin:14px 0 6px;color:var(--ink-soft)}#modal .trophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trophy{border:2px solid var(--ink);border-radius:10px;background:var(--white);padding:8px;font-size:12px}.trophy.locked{opacity:.45;filter:grayscale(1)}.trophy .t-name{font-weight:800}.modal-btn{font-family:var(--font-body);font-weight:800;padding:10px 14px;border:var(--border-chunky);border-radius:10px;box-shadow:var(--shadow-hard-sm);background:var(--cheese);cursor:pointer;margin-top:8px}.modal-btn.danger{background:var(--red);color:var(--white)}.modal-btn.quiet{background:var(--white)}#avatar-preview{width:84px;height:84px;border-radius:50%;border:var(--border-chunky);object-fit:cover;background:var(--paper-dim);display:block}#toast-layer{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--cheese);border:var(--border-chunky);box-shadow:var(--shadow-hard-sm);border-radius:10px;font-weight:800;padding:10px 16px;animation:slap-in-straight .3s cubic-bezier(.2,2,.4,1)}@keyframes slap-in-straight{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}#confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:70;overflow:hidden}.confetto{position:absolute;width:10px;height:14px;border:2px solid var(--ink);animation:confetti-fall 1.4s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(70vh) rotate(560deg);opacity:0}}@media(min-width:700px){#app{max-width:700px}#mult-value{font-size:84px}}