@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#17352c;--green:#163c30;--gold:#ddbd7d;--paper:#f6f4ed;--muted:#748179;--line:#dedfd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif;padding-bottom:100px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b88739;outline-offset:3px}header{height:100px;max-width:1080px;margin:auto;padding:24px 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font:800 16px Manrope,Arial;letter-spacing:1.4px}.brand small{display:block;font:8px 'DM Sans',Arial;letter-spacing:1.5px;margin-top:6px}.suit{font-size:43px;line-height:1}.private{font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1012px;margin:auto;padding:8px 24px}.hero{background:var(--green);border-radius:24px;padding:34px 36px;color:#fff;position:relative;overflow:hidden}.hero:after{content:'♠';position:absolute;font:240px Georgia;right:34px;top:-10px;color:#ffffff08;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:700;color:var(--gold);margin-bottom:12px}.hero h1{font:600 38px/1.15 Manrope,Arial;letter-spacing:-1.6px;margin:0 0 13px}.hero p{color:#becdc5;line-height:1.6;margin:0;max-width:490px;font-size:14px}.hero .badge{display:inline-block;border:1px solid #ffffff26;color:#d4e3db;border-radius:30px;font-size:11px;padding:7px 12px;margin-top:23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 0 15px}.section-head h2,h2{font:800 19px Manrope,Arial;letter-spacing:-.5px;margin:0}.sub{font-size:12px;color:var(--muted);margin:6px 0 0}.text-button{border:0;background:none;color:var(--green);font-size:12px;padding:10px;font-weight:700}.players{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.player-choice{position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:17px;padding:23px 9px;cursor:pointer;min-height:138px}.player-choice.selected{border-color:#356a50;background:#edf2e9}.player-choice input{position:absolute;right:12px;top:12px;accent-color:var(--green);width:17px;height:17px}.avatar{border-radius:50%;height:48px;width:48px;display:grid;place-items:center;background:#ecece4;font:800 15px Manrope;color:#6f7b67}.selected .avatar{background:var(--green);color:var(--gold)}.player-choice b{font-size:13px}.player-choice small{font-size:10px;color:var(--muted)}.settings{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}label.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}input,select{min-width:0;width:100%;border:1px solid #d7dcd4;background:#fafbf7;padding:13px 12px;border-radius:10px;color:var(--ink);min-height:47px}input[type=checkbox]{width:18px;min-height:18px}input[type=file]{font-size:12px}.field small{font-weight:400;color:var(--muted);line-height:1.5}.span{grid-column:1/-1}.primary,.secondary,.danger{border:0;padding:16px 20px;border-radius:12px;font-weight:700;font-size:14px;min-height:48px}.primary{background:var(--green);color:#fff}.primary.gold{background:var(--gold);color:#19372c}.secondary{background:#e9ede4;color:var(--green)}.danger{background:#f7e9e2;color:#9c4132}.start-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0}.start-row .primary{min-width:240px}.helper{font-size:11px;line-height:1.6;color:var(--muted)}.bottom{position:fixed;z-index:5;bottom:0;width:100%;background:#fafbf7f2;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:center;gap:30px;padding:11px 15px calc(11px + env(safe-area-inset-bottom))}.bottom button{display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:10px;padding:12px 20px;font-size:20px;color:#8b958b}.bottom button span{font-size:12px}.bottom button.active{background:#e7ede2;color:var(--green);font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line);margin:20px 0}.stat{background:white;padding:20px}.stat small{font-size:11px;color:var(--muted);display:block;margin-bottom:9px}.stat strong{font:800 24px Manrope;letter-spacing:-.7px}.active-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.player-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px}.player-top{display:flex;gap:12px;align-items:center}.player-top .avatar{height:39px;width:39px;font-size:12px}.player-top h3{font-size:14px;margin:0}.player-top small{font-size:11px;color:var(--muted)}.card-info{display:flex;align-items:center;justify-content:space-between;margin:19px 0 14px}.card-info small{color:var(--muted);font-size:11px}.card-info strong{font:800 22px Manrope}.rebuy{border:1px solid #c8d7c9;background:#edf3e9;border-radius:10px;padding:13px;color:var(--green);font-weight:700;width:100%}.entry-link{display:block;background:none;border:0;color:#778477;font-size:11px;margin:10px auto 0;padding:6px}.closing{margin-top:24px;border:1px solid #d1bc8f;border-radius:18px;background:#f0eadc;padding:24px}.closing p{font-size:13px;line-height:1.6;color:#6e755e}.closing .primary{width:100%}.info-note{background:#e9eee5;padding:15px;border-radius:12px;font-size:12px;line-height:1.7;margin:18px 0}.close-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cash-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.cash-row .cash-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:12px}.cash-row input{font-size:19px}.positive{color:#27734b}.negative{color:#a75040}.neutral{color:var(--muted)}.result-box{margin-top:22px;border:1px solid var(--line);border-radius:18px;padding:23px;background:#fff}.warning{padding:14px;background:#fff1d8;border:1px solid #e4c48d;border-radius:12px;line-height:1.6;font-size:13px}.payment{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.payment:last-child{border:0}.payment .arrow{color:#9b8a62}.payment .names{flex:1;font-size:13px}.payment strong{font:800 21px Manrope}.balance-table{width:100%;border-collapse:collapse;font-size:12px}.balance-table th,.balance-table td{padding:13px 5px;border-bottom:1px solid var(--line);text-align:right}.balance-table th:first-child,.balance-table td:first-child{text-align:left}.balance-table th{color:var(--muted);font-weight:500}.actions{display:flex;gap:12px;margin-top:20px}.actions>*{flex:1}.history-card{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;margin:13px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.history-card h3{margin:0 0 8px;font-size:14px}.history-card p{font-size:12px;color:var(--muted);margin:0}.empty{padding:70px 20px;text-align:center;color:var(--muted)}.empty .suit{display:block;color:#c0cbbd;font-size:65px;margin-bottom:17px}.panel{padding:25px;background:white;border:1px solid var(--line);border-radius:18px;margin-top:20px}.panel p,.panel li{font-size:13px;line-height:1.8;color:#66766b}.panel .secondary{display:block;margin:12px 0;width:100%}.error{color:#a13c2d;font-size:12px}.pill{display:inline-block;padding:5px 9px;border-radius:30px;background:#e6eee1;font-size:10px;color:#41724b}.back{margin:22px 0 14px;padding-left:0}dialog{border:0;border-radius:20px;max-width:430px;width:calc(100% - 36px);padding:27px;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#061e17aa;backdrop-filter:blur(4px)}dialog h2{margin-bottom:13px}dialog p{font-size:13px;color:var(--muted);line-height:1.6}dialog .field{margin:18px 0}dialog .ledger{max-height:240px;overflow:auto}.ledger-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.ledger-row button{border:0;background:none;color:#a75040}.ledger-row time{display:block;color:var(--muted);font-size:10px;margin-top:4px}#toast{position:fixed;bottom:93px;left:50%;transform:translateX(-50%);z-index:20;background:#193e30;color:white;padding:12px 20px;border-radius:12px;box-shadow:0 5px 20px #0002;display:none;font-size:13px;max-width:90vw}#toast.show{display:block}
@media(max-width:650px){header{height:82px;padding:18px 21px}.brand{font-size:13px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:.8px}.suit{font-size:36px}.private{display:none}main{padding:4px 17px}.hero{border-radius:20px;padding:27px 24px}.hero h1{font-size:31px;letter-spacing:-1.2px}.hero p{font-size:12px;max-width:245px}.hero:after{font-size:200px;right:0;top:11px}.players{grid-template-columns:repeat(2,1fr);gap:10px}.player-choice{min-height:115px;padding:18px 8px 15px;gap:8px}.player-choice .avatar{height:40px;width:40px;font-size:13px}.player-choice small{display:none}.section-head{margin-top:25px}.section-head h2{font-size:17px}.settings{gap:15px;padding:17px}.settings .field{grid-column:1/-1}.start-row{flex-direction:column;align-items:stretch;margin:19px 0}.start-row .helper{text-align:center}.stats .stat{padding:15px 10px}.stat strong{font-size:19px}.stat small{font-size:9px}.active-list{grid-template-columns:1fr}.player-card{padding:17px}.card-info{margin:14px 0}.bottom{gap:8px}.bottom button{padding:10px 16px;font-size:18px}.bottom button span{font-size:11px}.close-fields{grid-template-columns:1fr 1fr;gap:10px}.cash-row{padding:12px}.cash-row .cash-meta{flex-direction:column;gap:5px}.cash-row input{padding:11px;font-size:17px}.payment{gap:9px}.payment strong{font-size:18px}.result-box{padding:18px}.actions{flex-direction:column}.closing{padding:20px}.balance-table{font-size:11px}.balance-table th,.balance-table td{padding:12px 3px}}
.chip-legend{display:flex;flex-wrap:wrap;gap:9px;margin:9px 0}.chip-legend span{background:#f5f3ec;padding:8px;border-radius:8px;font-size:11px}.timer-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;display:grid;grid-template-columns:1fr auto;gap:13px;margin-top:20px}.timer-display{font:800 39px Manrope;letter-spacing:1px;font-variant-numeric:tabular-nums;margin:7px 0}.timer-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.timer-panel .eyebrow{font-size:9px}.hidden{display:none}.marks{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.mark{border:1px solid #cfb77e;background:#f5ecd5;border-radius:7px;height:32px;min-width:32px;font-size:24px;line-height:1;color:#8c6422}.mark.initial{background:#dfeee2;border-color:#9ab99d;color:#27603a;font-size:13px;font-weight:700}.mark.add{background:white;border:1px dashed #9db09b;color:#5d7757}.chip-counts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.chip-counts label{display:grid;grid-template-columns:14px 1fr;gap:5px;align-items:center;font-size:10px}.chip-counts input{grid-column:1/-1;padding:9px;font-size:16px}.chip-dot{width:12px;height:12px;border-radius:50%;border:2px dashed #ffffffa0;box-shadow:0 0 0 1px #0002}.chip-dot.blue{background:#4393ef}.chip-dot.red{background:#ee6667}.chip-dot.black{background:#33434a}.chip-dot.white{background:#e5ddd0;border-color:#fff}.player-choice:nth-child(4n+2) .avatar{background:#f0c9b0;color:#8b4c2a}.player-choice:nth-child(4n+3) .avatar{background:#c9d8ed;color:#395783}.player-choice:nth-child(4n+4) .avatar{background:#e3c9e8;color:#744881}.player-choice.selected{box-shadow:0 3px 14px #17352c08}.primary.gold{box-shadow:0 6px 16px #c0a15e30}@media(max-width:650px){.timer-panel{padding:17px}.timer-display{font-size:31px}.timer-actions .secondary{font-size:12px;padding:10px}.timer-actions .text-button{font-size:10px;padding:8px}.chip-counts{gap:8px}.cash-row .helper{font-size:9px}.chip-counts input{min-height:42px}}