:root{--felt-1: #17402f;--felt-2: #0e2c20;--felt-line: rgba(255, 255, 255, .07);--ink: #efe9da;--ink-dim: #b5c4ba;--tile-bg: #f8f1dd;--tile-bg-2: #efe5c8;--tile-edge: #d8cba6;--c-red: #c1272d;--c-blue: #1e66b8;--c-black: #29261f;--c-orange: #e8820c;--accent: #f4c95d;--accent-ink: #2b2410;--danger: #e5484d;--ok: #46a758;--card: rgba(255, 255, 255, .055);--card-border: rgba(255, 255, 255, .09);--radius: 16px;--shadow: 0 10px 24px rgba(0, 0, 0, .35);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.06),transparent 60%),repeating-linear-gradient(45deg,transparent 0 14px,var(--felt-line) 14px 15px),repeating-linear-gradient(-45deg,transparent 0 14px,var(--felt-line) 14px 15px),linear-gradient(180deg,var(--felt-1),var(--felt-2));background-attachment:fixed;min-height:100dvh;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#root{min-height:100dvh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;max-width:520px;margin:0 auto;width:100%;padding:calc(var(--safe-t) + 10px) 16px 0}.topbar{display:flex;align-items:center;gap:10px;padding:8px 2px 14px}.topbar .back{background:var(--card);border:1px solid var(--card-border);color:var(--ink);border-radius:12px;width:44px;height:44px;font-size:20px;display:grid;place-items:center;cursor:pointer}.brand{font-style:italic;font-weight:800;letter-spacing:.02em;font-size:21px;color:var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.35)}.brand small{font-weight:600;opacity:.65;font-style:normal;margin-left:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.screen-title{font-size:18px;font-weight:750}.tile{--size: 44px;width:var(--size);height:calc(var(--size) * 1.34);border-radius:calc(var(--size) * .18);background:linear-gradient(165deg,var(--tile-bg),var(--tile-bg-2));box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 3px #a08c5a59,0 2px 5px #00000073;border:1px solid var(--tile-edge);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:none;color:var(--c-black)}.tile .num{font-size:calc(var(--size) * .52);font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.6);transform:translateY(-6%)}.tile:after{content:"";position:absolute;top:12%;right:14%;bottom:30%;left:14%;border-radius:50%;box-shadow:inset 0 2px 4px #96825547,inset 0 -1px 1px #ffffffb3;pointer-events:none}.tile.red .num{color:var(--c-red)}.tile.blue .num{color:var(--c-blue)}.tile.black .num{color:var(--c-black)}.tile.orange .num{color:var(--c-orange)}.tile.joker .num{font-size:calc(var(--size) * .62)}.tile.sm{--size: 30px}.tile.lg{--size: 54px}.tile.from-rack{outline:3px solid var(--accent);outline-offset:1px;box-shadow:0 0 14px #f4c95d8c,0 2px 5px #00000073}.tile.selected{outline:3px solid #7ec8ff;outline-offset:1px}.tile.ghost{opacity:.4}.tile button{all:unset}.joker-face{font-size:calc(var(--size) * .55);line-height:1;transform:translateY(-8%)}.tile .joker-as{position:absolute;bottom:4%;font-size:max(calc(var(--size) * .3),10px);font-weight:800;opacity:.9;color:#5b4a1e}.meld-row{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px;margin-bottom:14px}.card h2{margin:0 0 10px;font-size:14px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;justify-content:space-between}.card h2 .count{color:var(--ink);background:#ffffff17;font-size:12px;border-radius:99px;padding:3px 9px;letter-spacing:0}.row{display:flex;gap:10px}.row>*{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.muted{color:var(--ink-dim);font-size:13.5px;line-height:1.45}.center{text-align:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--card-border);background:var(--card);color:var(--ink);font:inherit;font-weight:700;font-size:15.5px;padding:13px 16px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;cursor:pointer;transition:transform .06s ease,filter .15s}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(170deg,#ffd97a,var(--accent));border-color:#c9a445;color:var(--accent-ink);box-shadow:0 6px 16px #00000059,inset 0 1px #fff9}.btn.danger{color:#ff9a9e;border-color:#e5484d66}.btn.small{min-height:44px;padding:8px 12px;font-size:13.5px;border-radius:11px}.btn:disabled{opacity:.45;pointer-events:none}.btn.block{width:100%}.cta-bar{position:sticky;bottom:0;margin:auto -16px 0;padding:12px 16px calc(var(--safe-b) + 14px);background:linear-gradient(180deg,transparent,rgba(10,26,19,.88) 26%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;gap:10px}.cta-bar .btn{flex:1;font-size:16.5px;min-height:54px}.tile-keyboard{display:flex;flex-direction:column;gap:10px}.tk-colors{display:flex;gap:7px}.tk-color{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--card-border);background:#00000038;color:var(--ink-dim);font:inherit;font-size:12.5px;font-weight:750;padding:9px 4px;min-height:44px;border-radius:11px;cursor:pointer}.tk-color.sel{background:#ffffff21;color:var(--ink);border-color:#ffffff40}.tk-color-swatch{width:13px;height:13px;border-radius:4px;background:var(--cc);box-shadow:inset 0 1px 1px #ffffff59;flex:none}.tk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.tk-key{height:46px;border-radius:10px;border:1px solid var(--tile-edge);background:linear-gradient(165deg,var(--tile-bg),var(--tile-bg-2));font-weight:900;font-size:17px;display:grid;place-items:center;position:relative;cursor:pointer}.tk-key:active{filter:brightness(.92)}.tk-key .badge{position:absolute;top:-6px;right:-4px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:800;min-width:17px;height:17px;border-radius:99px;display:grid;place-items:center;box-shadow:0 1px 3px #0006}.tk-key:disabled{opacity:.35;pointer-events:none}.tk-key.joker-key{font-size:19px}.meld-card{border-radius:13px;padding:9px 10px;background:#00000029;border:1px solid transparent;display:flex;align-items:center;gap:8px}.meld-card.selectable{cursor:pointer}.meld-card.active{border-color:#f4c95dcc;background:#f4c95d14;box-shadow:0 0 0 1px #f4c95d59}.meld-card.invalid{border-color:#e5484d8c;background:#e5484d1a}.meld-card .why{color:#ff9a9e;font-size:12px;margin-top:4px}.adding-here{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px}.meld-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;flex:none}.meld-actions .btn.small{min-height:40px;padding:6px 10px;font-size:12.5px;white-space:nowrap}.tile-add{flex:none;width:44px;height:59px;border-radius:9px;border:2px dashed rgba(255,255,255,.32);background:#ffffff0d;color:var(--ink-dim);font:inherit;font-size:21px;font-weight:800;cursor:pointer;display:grid;place-items:center;transition:background .12s}.tile-add:active{background:#ffffff24;color:var(--ink)}.meld-badge{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:3px 7px;flex:none}.meld-badge.new{background:var(--accent);color:var(--accent-ink)}.meld-badge.changed{background:#7ec8ff33;color:#a8d8ff}.meld-badge.same{background:#ffffff14;color:var(--ink-dim)}.result-hero{text-align:center;padding:26px 14px 22px;border-radius:20px;background:radial-gradient(90% 120% at 50% 0%,rgba(244,201,93,.16),transparent 70%),var(--card);border:1px solid var(--card-border);margin-bottom:14px}.result-hero .big{font-size:42px;font-weight:900;line-height:1}.result-hero .big em{font-style:normal;color:var(--accent)}.result-hero .sub{color:var(--ink-dim);margin-top:8px;font-size:14px}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08140ee6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:50;padding:30px;text-align:center}.dots-tiles{display:flex;gap:8px}.dots-tiles .tile{animation:bounce 1.1s ease-in-out infinite}.dots-tiles .tile:nth-child(2){animation-delay:.15s}.dots-tiles .tile:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-10px) rotate(-3deg)}}.progress-msg{font-size:16px;font-weight:700}.progress-sub{color:var(--ink-dim);font-size:13px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;background:#12281e;border-top:1px solid var(--card-border);border-radius:22px 22px 0 0;padding:18px 18px calc(var(--safe-b) + 18px);z-index:41;max-width:520px;margin:0 auto;animation:slide-up .22s ease}@keyframes slide-up{0%{transform:translateY(40%);opacity:.5}to{transform:none;opacity:1}}.sheet h3{margin:0 0 14px;font-size:16px}.color-pick{display:flex;gap:10px;margin-bottom:14px}.color-pick button{flex:1;height:46px;border-radius:12px;border:2px solid transparent;cursor:pointer;background:linear-gradient(165deg,var(--tile-bg),var(--tile-bg-2));font-size:20px;font-weight:900}.color-pick button.sel{border-color:var(--accent);box-shadow:0 0 0 3px #f4c95d4d}.value-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:14px}.value-grid button{height:44px;border-radius:10px;border:2px solid transparent;background:linear-gradient(165deg,var(--tile-bg),var(--tile-bg-2));font-weight:900;font-size:16px;cursor:pointer}.value-grid button.sel{border-color:var(--accent);box-shadow:0 0 0 3px #f4c95d4d}.toast{position:fixed;bottom:calc(var(--safe-b) + 86px);left:50%;transform:translate(-50%);background:#0d1f16;border:1px solid var(--card-border);color:var(--ink);border-radius:12px;padding:11px 18px;font-size:14px;font-weight:650;z-index:60;box-shadow:var(--shadow);animation:slide-up .2s ease;max-width:88vw;text-align:center}.photo-preview{width:100%;border-radius:var(--radius);border:1px solid var(--card-border);max-height:42dvh;object-fit:contain;background:#0000004d}.warn-list{margin:8px 0 0;padding-left:18px;color:#ffd39a;font-size:13px}.warn-list li{margin-bottom:3px}.warn-text{margin:8px 0 0;color:#ffd39a;font-size:13px;line-height:1.45}.live-video{width:100%;border-radius:var(--radius);max-height:60dvh;object-fit:cover;background:#000}.empty-hint{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 8px;color:var(--ink-dim);text-align:center;font-size:14px}.empty-hint .tiles-demo{display:flex;gap:4px;opacity:.85}.seg{display:flex;background:#00000040;border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:transparent;color:var(--ink-dim);font:inherit;font-weight:700;font-size:13.5px;padding:9px 6px;border-radius:10px;cursor:pointer}.seg button.sel{background:#ffffff21;color:var(--ink)}details.samegroup{margin-top:4px}details.samegroup summary{color:var(--ink-dim);font-size:13.5px;font-weight:700;cursor:pointer;padding:6px 0}@media(max-width:374px){.tk-color{font-size:0;gap:0;padding:9px 0}.tk-color .tk-color-swatch{width:17px;height:17px}.tk-grid{grid-template-columns:repeat(5,1fr)}.app{padding-left:12px;padding-right:12px}}