:root{--felt: #0b3d24;--felt-2: #0f5132;--felt-3: #13663f;--ink: #f4efe2;--muted: #a9c4b3;--gold: #e8b931;--gold-2: #f6d77a;--red: #d42a3a;--card: #fffdf7;--go: #3ddc84;--warn: #ff6b4a;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}html{background:#072917}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(140% 900px at 50% 0%,var(--felt-3),var(--felt) 55%,#072917) no-repeat,#072917;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4,h5{font-family:Fraunces,Georgia,serif;margin:0}.app{max-width:720px;margin:0 auto;padding:0 16px calc(32px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 0 12px}.brand{font-family:Fraunces,serif;font-weight:800;font-size:22px;display:flex;gap:8px;align-items:center}.head-actions{display:flex;gap:6px}.icon{background:#ffffff14;border:0;border-radius:12px;width:42px;height:42px;font-size:20px}.camera{position:relative;border-radius:var(--radius);overflow:hidden;background:#04170d;aspect-ratio:4 / 3;box-shadow:var(--shadow);transition:aspect-ratio .3s}.camera.compact{aspect-ratio:16 / 9}.advice{scroll-margin-top:12px}.camera video{width:100%;height:100%;object-fit:cover;display:block}.camera video.off{opacity:0}.cam-start{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px);display:grid;place-content:center;gap:6px;text-align:center}.cam-start span{font-size:54px}.cam-start b{font-size:22px}.cam-start small{color:var(--muted)}.cam-status{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.cam-status span{background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 10px;border-radius:99px;font-size:12px;color:var(--muted)}.cam-status span.ok{color:var(--go)}.scanning{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04170d73}.scanning b{background:#0009;padding:10px 16px;border-radius:99px;z-index:1}.sweep{position:absolute;left:0;right:0;height:30%;background:linear-gradient(transparent,rgba(232,185,49,.35),transparent);animation:sweep 1.4s ease-in-out infinite}@keyframes sweep{0%{top:-30%}to{top:100%}}.scan-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:12px 0}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;background:#ffffff1a}.btn:disabled{opacity:.5}.btn.scan{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2a1d00;font-size:17px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 6px #a57f12,var(--shadow)}.btn.scan:active{transform:translateY(3px);box-shadow:0 3px #a57f12}.btn.scan span{font-size:22px}.btn.scan.small{background:#ffffff1f;color:var(--ink);box-shadow:none;font-size:14px;padding:12px 14px}.btn.gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2a1d00}.btn.ghost{background:#ffffff1a}.btn.danger{background:#ff6b4a33;color:#ffb3a3}.btn.wide{width:100%}.btn.big{font-size:18px;padding:16px}.err{color:#ffb3a3}.err.banner,.unsure{background:#ff6b4a24;border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:14px}.unsure{background:#e8b93124;color:var(--gold-2)}.muted{color:var(--muted);margin:4px 0;font-size:14px}.phase{display:grid;grid-template-columns:1fr 1fr;background:#00000040;padding:4px;border-radius:14px;margin-bottom:12px}.phase button{border:0;background:transparent;padding:10px;border-radius:10px;font-weight:600;color:var(--muted)}.phase button.on{background:var(--felt-3);color:var(--ink);box-shadow:inset 0 0 0 1px #e8b93180}.advice{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow),inset 0 1px #ffffff1f}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--gold);font-weight:800}.headline{font-size:clamp(26px,7vw,36px);line-height:1.1;margin:6px 0 14px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.steps li{display:flex;gap:12px;align-items:flex-start}.steps p{margin:4px 0 8px;font-size:16px;line-height:1.35}.num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#2a1d00;font-weight:800}.steps li.step-discard .num{background:var(--warn);color:#fff}.steps li.step-go-out .num,.steps li.step-morto .num{background:var(--go);color:#00331a}.notes{margin:14px 0 0;padding:12px 12px 12px 30px;background:#0003;border-radius:12px;color:var(--gold-2);font-size:14px;display:grid;gap:4px}.advice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.advice-actions .btn.gold{flex:1;font-size:17px}.coach{margin-top:14px;padding:14px;border-radius:14px;background:#e8b9311a;box-shadow:inset 0 0 0 1px #e8b93159}.coach ul{margin:8px 0;padding-left:18px}.coach p{margin:0;color:var(--muted)}.howto h2{font-size:22px;margin-bottom:8px}.howto ol{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.4}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{border:0;background:var(--card);border-radius:8px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px #00000040,0 4px 10px #00000040;font-family:Fraunces,Georgia,serif}.chip:disabled{cursor:default}.chip.md{width:42px;height:58px}.chip.md b{font-size:18px}.chip.md i{font-size:18px;font-style:normal}.chip.sm{width:32px;height:44px;border-radius:6px}.chip.sm b{font-size:14px}.chip.sm i{font-size:14px;font-style:normal}.chip.lg{width:54px;height:76px;border-radius:10px}.chip.lg b{font-size:24px}.chip.lg i{font-size:24px;font-style:normal}.chip.red{color:var(--red)}.chip.black{color:#151515}.chip.wild{background:linear-gradient(160deg,#fffdf7 60%,#fde9a8)}.chip .joker{color:#8a5cf6;font-size:26px}.chip.go{box-shadow:0 0 0 3px var(--go),0 4px 14px #3ddc8480}.chip.warn{box-shadow:0 0 0 3px var(--warn),0 4px 14px #ff6b4a80}.ghost-chip{border:2px dashed rgba(255,255,255,.3);background:transparent;color:var(--muted);border-radius:8px;width:42px;height:58px}.ghost-chip.sm{width:32px;height:44px}.board{display:grid;gap:12px;margin-top:16px}.zone{background:#0000002e;border-radius:var(--radius);padding:14px}.zone-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zone-head h3{font-size:17px}.zone-head small{font-family:Inter,sans-serif;font-weight:400;color:var(--muted);font-size:13px;margin-left:6px}.add{background:#ffffff1a;border:0;border-radius:10px;padding:6px 12px;font-weight:700}.stepper{display:flex;gap:6px}.stepper button{width:36px;height:32px;border:0;border-radius:10px;background:#ffffff1a;font-size:18px}.meld{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}.meld:first-of-type{border-top:0}.tag{font-size:12px;padding:4px 8px;border-radius:99px;background:#ffffff1a;white-space:nowrap;color:var(--muted)}.tag.gold{background:var(--gold);color:#2a1d00;font-weight:800}.tag.bad{background:#ff6b4a40;color:#ffb3a3}.toggle{display:flex;gap:10px;align-items:center;padding:10px 2px;font-size:15px}.toggle input{width:22px;height:22px;accent-color:var(--gold)}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:10;animation:fade .15s}.sheet{background:#0e4a2d;width:100%;max-width:720px;border-radius:22px 22px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));max-height:88dvh;overflow:auto;animation:rise .2s ease-out;box-shadow:var(--shadow)}@keyframes rise{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:18px}.x{border:0;background:#ffffff1a;border-radius:50%;width:36px;height:36px}.suits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.suit{border:0;background:var(--card);border-radius:12px;font-size:30px;padding:8px;opacity:.55}.suit.on{opacity:1;box-shadow:0 0 0 3px var(--gold)}.suit.red{color:var(--red)}.suit.black{color:#151515}.ranks{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}.rank{border:0;background:var(--card);color:#151515;border-radius:10px;padding:10px 0;font-family:Fraunces,serif;font-size:20px;font-weight:800;display:flex;flex-direction:column;align-items:center}.rank.red{color:var(--red)}.rank.on{box-shadow:0 0 0 3px var(--gold)}.rank small{font-size:12px;font-weight:400}.totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.totals div{background:#00000040;border-radius:14px;padding:12px;text-align:center}.totals small{color:var(--muted);display:block}.totals b{font-family:Fraunces,serif;font-size:34px;color:var(--gold-2)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 14px}.cols h5{font-size:16px;margin-bottom:6px}.srow{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;color:var(--muted)}.srow b{color:var(--ink)}.srow.total{border-top:1px solid rgba(255,255,255,.15);margin-top:4px;padding-top:6px;color:var(--ink);font-weight:800}.field{display:grid;gap:4px;font-size:13px;color:var(--muted);margin:6px 0}.field input,.gate input{background:#0000004d;border:0;border-radius:10px;padding:10px;color:var(--ink);font:inherit;font-size:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row{display:flex;gap:8px;margin-top:14px}.row .btn{flex:1}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.gate form{width:100%;max-width:380px;display:grid;gap:12px;text-align:center}.gate .logo{font-size:72px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.gate h1{font-size:40px}.gate p{color:var(--muted);margin:0 0 8px}