:root{--bg: #0a0e0d;--card: #131a18;--card2: #1b2422;--border: #263230;--border2: #3a4a45;--text: #edf4f1;--text2: #b9ccc5;--muted: #8aa39b;--dim: #4e625c;--accent: #46e5a1;--accent-soft: #7df0be;--on-accent: #06281a;--gold: #f0c05a;--red: #f0857f;--blue: #59b7f0;--purple: #c79cff;--felt1: #1e4d3b;--felt2: #123227}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif;height:100%;-webkit-tap-highlight-color:transparent}#root{height:100vh;height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}a{color:var(--accent);text-decoration:none}button{font-family:Manrope,sans-serif;cursor:pointer}input,select{font-family:Manrope,sans-serif}.font-display{font-family:Unbounded,sans-serif}.screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.screen-scrollable{display:flex;flex-direction:column;height:100%;overflow-y:auto}.scroll{flex:1;overflow-y:auto;padding:0 16px 24px}.bottom-bar{display:flex;gap:10px;padding:14px 16px 22px;background:linear-gradient(#0a0e0d00,var(--bg) 30%)}.page-head{display:flex;align-items:center;gap:12px;padding:14px 16px}.page-title{font-family:Unbounded,sans-serif;font-size:17px;font-weight:600}.back-btn{width:36px;height:36px;border-radius:11px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:15px;flex-shrink:0}.card{border-radius:16px;background:var(--card);border:1px solid var(--border)}.list-card{border-radius:16px;background:var(--card);border:1px solid var(--border);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--card2)}.list-row:last-child{border-bottom:none}.list-row.clickable{cursor:pointer}.list-row.clickable:active{background:var(--card2)}.section-title{font-size:13px;font-weight:800;margin:18px 0 10px}.hint-card{padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--border);font-size:11px;color:var(--muted);line-height:1.5}.btn{border:none;border-radius:14px;font-weight:800;font-size:15px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:active{filter:brightness(1.08)}.btn-primary:disabled{filter:saturate(.4) brightness(.7);cursor:default}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border);font-weight:700}.btn-ghost:active{background:var(--card2)}.btn-lg{height:54px}.pill{font-size:12px;font-weight:700;padding:7px 14px;border-radius:99px;background:var(--card);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.pill.active{font-weight:800;background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pill.outlined{font-weight:800;background:var(--card2);color:var(--accent);border:1px solid var(--accent)}.tab-pill{padding:8px 14px;border-radius:99px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-weight:800;font-size:12px}.tab-pill.active{border-color:var(--accent);background:var(--card2);color:var(--accent)}.toggle{width:38px;height:22px;border-radius:11px;background:var(--border);position:relative;flex-shrink:0;border:none;padding:0;transition:background .15s}.toggle:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--dim);transition:transform .15s,background .15s}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(16px);background:var(--on-accent)}.choice{flex:1;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--border);text-align:center;font-size:12px;font-weight:700;color:var(--muted)}.choice.active{background:var(--card2);border:2px solid var(--accent);color:var(--text);font-weight:800}.muted{color:var(--muted)}.dim{color:var(--dim)}.text-accent{color:var(--accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);margin-top:-10px;box-shadow:0 2px 8px #00000080}@keyframes pulseGlow{0%,to{box-shadow:0 0 #46e5a18c}50%{box-shadow:0 0 0 7px #46e5a100}}@keyframes timerRun{0%{width:100%}to{width:0%}}.skeleton{background:linear-gradient(100deg,var(--card) 40%,var(--card2) 50%,var(--card) 60%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;border:1px solid var(--border)}@keyframes skeletonShimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.center-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700}@keyframes cardDealIn{0%{transform:translateY(-10px) rotateY(180deg)}to{transform:translateY(0) rotateY(0)}}.chip-fly{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--gold);border:2px dashed #b8903b;z-index:7;pointer-events:none;animation:chipFly 1.1s cubic-bezier(.45,0,.35,1) both}@keyframes chipFly{0%{left:50%;top:32%;opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{left:var(--to-x);top:var(--to-y);opacity:1}to{left:var(--to-x);top:var(--to-y);opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes reactionFloat{0%{opacity:0;transform:translate(-50%,-100%) scale(.6)}15%{opacity:1;transform:translate(-50%,-130%) scale(1.15)}70%{opacity:1;transform:translate(-50%,-190%) scale(1)}to{opacity:0;transform:translate(-50%,-240%) scale(.9)}}