:root{--bg: #0b0d10;--bg-elev: #17191d;--border: #2a2d33;--text: #e7e7ee;--text-dim: #8b8d9a;--accent: #e0b45a;--accent-dim: #4a3d21;--danger: #ff4f6d;--success: #2f7d5c;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}#app{max-width:720px;margin:0 auto;padding:16px}#top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#top-bar h1{font-size:1.4rem;margin:0}#top-bar-left{display:flex;flex-direction:column;gap:2px}#shame-counter{font-size:.75rem}#player-info{display:flex;gap:14px;font-family:monospace;color:var(--accent)}#keys-display{color:#c084fc}.screen.hidden,.hidden{display:none}#level-progress-container{width:100%;height:10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:5px;overflow:hidden;margin-bottom:4px}#level-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .4s ease}#level-progress-bar.negative{background:repeating-linear-gradient(45deg,var(--danger),var(--danger) 8px,#7a1f2b 8px,#7a1f2b 16px)}#level-progress-label{margin:0 0 18px;font-size:.8rem}#level-progress-label.negative{color:var(--danger);font-weight:600}.danger-btn{background:var(--danger);color:#fff}#btn-sos{margin-bottom:20px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:20px}h2{margin-top:0}.row{display:flex;gap:10px;align-items:center;margin-top:10px}.row.space-between{justify-content:space-between}.hint{color:var(--text-dim);font-size:.9rem}.error{color:var(--danger);min-height:1.2em}input[type=text],input[type=number]{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem;flex:1}button{background:var(--accent);color:#1a1406;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}button:hover{opacity:.85}button:disabled{background:var(--border);color:var(--text-dim);cursor:not-allowed;opacity:1}button.secondary{background:var(--bg);border:1px solid var(--border);color:var(--text)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.game-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.game-tile:not(.locked):hover{border-color:var(--accent)}.game-tile.locked{opacity:.55;cursor:not-allowed}.game-label{color:var(--text);font-size:1rem;font-weight:600}.lock-info{font-size:.75rem;color:var(--text-dim)}canvas{background:#111;border-radius:10px;border:1px solid var(--border);width:100%;height:auto;display:block}.game-result{min-height:1.4em;margin:12px 0 0;padding:10px 12px;border-radius:8px;font-weight:600;text-align:center;background:var(--bg);border:1px solid var(--border)}.game-result:empty{display:none}.game-result.win{color:var(--success);border-color:var(--success);background:#2f7d5c1f}.game-result.lose{color:var(--danger);border-color:var(--danger);background:#ff4f6d1a}.game-result.push{color:var(--text-dim)}.game-result.jackpot{color:var(--accent);border-color:var(--accent);background:#e0b45a26;animation:jackpot-pulse .6s ease-in-out 2}@keyframes jackpot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}#roulette-wheel-wrap{position:relative;width:200px;height:200px;margin:8px auto 16px}#roulette-wheel{width:100%;height:100%;border-radius:50%;border:4px solid var(--border);box-shadow:inset 0 0 0 4px #00000059,0 4px 16px #0006;background:conic-gradient(#c0392b 0deg 175.135deg,#1a1a1a 175.135deg 350.27deg,var(--success) 350.27deg 360deg);transition:transform 3s cubic-bezier(.12,.65,.1,1)}#roulette-wheel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:24px;height:24px;border-radius:50%;background:var(--bg-elev);border:3px solid var(--border)}#roulette-pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid var(--accent);z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}#roulette-color-choice{flex-wrap:wrap}.color-choice{flex:1;min-width:100px;border:2px solid transparent;opacity:.7}.color-choice.red{background:#c0392b;color:#fff}.color-choice.black{background:#1a1a1a;color:#fff}.color-choice.green{background:var(--success);color:#fff}.color-choice.selected{opacity:1;border-color:var(--text)}.blackjack-hand-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;font-weight:600}.blackjack-hand-label:first-child{margin-top:0}.card-row{display:flex;gap:8px;flex-wrap:wrap;min-height:84px;margin-top:6px}.playing-card{width:56px;height:78px;background:#f5f3ec;border-radius:6px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;line-height:1.1;color:#1a1a1a;box-shadow:0 2px 4px #0000004d;flex-shrink:0}.playing-card.red{color:#c0392b}.playing-card.hidden-card{background:repeating-linear-gradient(45deg,var(--accent-dim),var(--accent-dim) 6px,#3a2f15 6px,#3a2f15 12px);border-color:var(--accent-dim)}#blackjack-deck-size{color:var(--accent);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.hidden{display:none}.modal-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:28px;max-width:480px;width:100%;text-align:center}.modal-panel h2{margin-top:0;font-size:1.15rem}.modal-panel .row{justify-content:center}#sos-reasons{display:flex;flex-direction:column;gap:10px;text-align:left;margin:18px 0}#sos-reasons label{display:flex;gap:10px;align-items:center;cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}#sos-reasons label:has(input:checked){border-color:var(--accent)}.scratch-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.scratch-ticket-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:18px 12px;text-align:center;white-space:normal}.scratch-ticket-card:hover{border-color:var(--accent)}.scratch-ticket-icon{font-size:2rem}.scratch-ticket-name{color:var(--text);font-weight:600}.scratch-ticket-tagline{color:var(--text-dim);font-size:.8rem}.scratch-ticket-cost{color:var(--accent);font-family:monospace;font-weight:600}.scratch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;margin:8px auto}.scratch-cell{aspect-ratio:1;background:repeating-linear-gradient(45deg,var(--accent-dim),var(--accent-dim) 6px,#3a2f15 6px,#3a2f15 12px);border:1px solid var(--border);border-radius:8px;font-size:1.6rem;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.scratch-cell:hover:not(.revealed){opacity:.85}.scratch-cell.revealed{background:var(--bg);cursor:default}.scratch-cell.revealed.win-cell{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),0 0 10px #e0b45a80}.scratch-cell.revealed.key-cell{border-color:#a855f7;box-shadow:inset 0 0 0 2px #a855f7,0 0 10px #a855f780}.charm-hint{color:#c084fc;font-weight:600}.charm-hint:empty{display:none}.inventory-panel{max-width:640px;text-align:left;max-height:85vh;overflow-y:auto}.inventory-panel .row{justify-content:flex-start}#case-reel-wrap{position:relative;overflow:hidden;height:118px;margin:14px 0 4px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}#case-reel-wrap.hidden{display:none}#case-reel-wrap:before,#case-reel-wrap:after{content:"";position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}#case-reel-wrap:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}#case-reel-wrap:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}#case-reel-pointer{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:var(--accent);box-shadow:0 0 8px var(--accent);z-index:3}#case-reel{display:flex;align-items:center;gap:10px;height:100%;padding-left:0;will-change:transform}.case-reel-item{--charm-color: var(--border);flex:0 0 110px;width:110px;height:90px;background:var(--bg-elev);border:1px solid var(--border);border-top:3px solid var(--charm-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.case-reel-item.rarity-common{--charm-color: #9ca3af}.case-reel-item.rarity-rare{--charm-color: #3b82f6}.case-reel-item.rarity-veryRare{--charm-color: #8b5cf6}.case-reel-item.rarity-epic{--charm-color: #ec4899}.case-reel-item.rarity-legendary{--charm-color: #eab308}.case-reel-icon{font-size:1.7rem}.case-reel-rarity{font-size:.68rem;color:var(--text-dim)}.case-reel-item.landed{box-shadow:0 0 0 2px var(--charm-color),0 0 18px var(--charm-color)}.charm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:14px}.charm-card{--charm-color: var(--border);background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--charm-color);border-radius:10px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.charm-card.rarity-common{--charm-color: #9ca3af}.charm-card.rarity-rare{--charm-color: #3b82f6}.charm-card.rarity-veryRare{--charm-color: #8b5cf6}.charm-card.rarity-epic{--charm-color: #ec4899}.charm-card.rarity-legendary{--charm-color: #eab308}.charm-icon{font-size:1.8rem}.charm-game{font-weight:600}.charm-rarity-badge{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px;color:#0b0d10;background:var(--charm-color)}.charm-multiplier{color:var(--text-dim);font-size:.85rem;font-family:monospace}.charm-actions{margin-top:8px;flex-wrap:wrap;justify-content:center}.charm-actions button{font-size:.78rem;padding:8px 10px}.charm-toggle-btn.active{background:var(--success);color:#fff;border-color:var(--success)}#crash-sky{position:relative;height:260px;border-radius:10px;border:1px solid var(--border);background:radial-gradient(ellipse at bottom,#1a1440 0%,var(--bg) 70%);overflow:hidden;margin-top:8px}#crash-sky.crash-flash{animation:crash-flash-anim .4s ease-out}@keyframes crash-flash-anim{0%{background-color:#ff4f6d8c}to{background-color:transparent}}#crash-trail-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#crash-trail{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#crash-rocket{--rocket-angle: -45deg;position:absolute;left:6%;bottom:6%;transform:translate(-50%,50%) rotate(var(--rocket-angle));font-size:2.2rem;line-height:1;filter:drop-shadow(0 0 6px rgba(224,180,90,.6))}#crash-rocket.exploded{transform:translate(-50%,50%) rotate(0) scale(1.4);filter:drop-shadow(0 0 10px rgba(255,79,109,.8))}#crash-rocket.flew-off{transform:translate(-50%,50%) rotate(var(--rocket-angle)) scale(1.3);filter:drop-shadow(0 0 10px rgba(47,125,92,.8))}#crash-multiplier{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:2.4rem;font-weight:800;font-family:monospace;color:var(--accent);text-shadow:0 2px 12px rgba(224,180,90,.5)}#crash-multiplier.cashed{color:var(--success);text-shadow:0 2px 12px rgba(47,125,92,.5)}#crash-multiplier.crashed{color:var(--danger);text-shadow:0 2px 12px rgba(255,79,109,.5)}@media (max-width: 600px){#app{padding:10px}#top-bar{flex-direction:column;align-items:flex-start;gap:6px}.row{flex-direction:column;align-items:stretch}button{width:100%}}