@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--green:#164b37;--ink:#22382e;--muted:#798279;--line:#e5e8e0;--cream:#f6f7f2;--gold:#c9aa65}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:Be Vietnam Pro,Arial,sans-serif;color:var(--ink);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button,a,input,select{outline-offset:4px}button{transition:background .16s,transform .16s}button:hover{filter:brightness(.96)}a{color:inherit;text-decoration:none}.top{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 54px;gap:20px}.brand{display:flex;gap:11px;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1px}.brandmark{width:43px;height:47px;border-radius:11px;background:var(--green);color:#e9d4a2;display:grid;place-items:center}.brand-sub{display:block;font-size:8px;letter-spacing:2px;color:#7b857b;margin-top:3px}.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{display:inline-block;height:6px;width:6px;background:#75977b;border-radius:50%;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;padding:14px 20px;font-weight:600;font-size:13px;min-height:46px}.button.small{padding:10px 15px;min-height:40px}.subtle{border:1px solid #d7ddd2;background:transparent;color:var(--green)}.primary{background:var(--green);color:#fff}.light{background:#f1dfb4;color:#254733;width:100%;justify-content:flex-start}.light svg:last-child{margin-left:auto}main{max-width:1172px;padding:0 0 24px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;position:relative;padding:48px 0 35px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#829078}h1{font-size:39px;letter-spacing:-1.7px;line-height:1.3;margin:12px 0}h1>span{color:#ba9953}.intro p{color:var(--muted);font-size:13px;margin:0;line-height:1.7}.mobile-break{display:none}.intro-card{width:170px;height:116px;position:relative;margin-right:24px}.playing-card{width:72px;height:105px;border-radius:9px;border:1px solid #d8dece;position:absolute;box-shadow:0 5px 8px #203e3008;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif}.back-card{background:#e3eadc;color:#6e866b;transform:rotate(-16deg);left:33px;top:8px;font-size:42px}.front-card{background:#fffef7;color:var(--green);transform:rotate(12deg);left:80px;top:0;font-size:43px}.front-card small{position:absolute;top:8px;left:9px;font-size:17px}.front-card small:last-child{inset:auto 9px 8px auto;transform:rotate(180deg)}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 0;margin:0 0 27px}.stats>div{display:flex;align-items:center;gap:17px;padding:0 29px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stat-icon{width:44px;height:44px;background:#f1f5ed;border-radius:12px;display:grid;place-items:center;color:#547553}.stat-icon.gold{background:#fbf6e9;color:#b99b54}.stat-label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.stats b{display:block;font-size:25px;line-height:1}.stats .leader-name{font-size:17px;line-height:1.35;overflow-wrap:anywhere}.leader-name small{font-size:10px;font-weight:400}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:26px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.scoreboard{min-height:408px}.panel-heading{padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:14px}h2{font-size:17px;letter-spacing:-.4px;margin:0;display:flex;align-items:center;gap:10px}.panel-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}.panel-heading h2 svg{color:#637f60}.icon-button{background:transparent;border:0;color:#7b887d;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;min-width:35px;min-height:35px}.icon-button:hover{background:#f1f4ed;color:var(--green)}.danger:hover{color:#b25348;background:#fff0ed}.table-labels{display:grid;grid-template-columns:1fr 80px 108px;padding:12px 27px;background:#f8f9f5;font-size:9px;letter-spacing:.7px;color:#879080;border-block:1px solid #f0f1eb}.table-labels span:not(:first-child){text-align:right}.player{display:grid;grid-template-columns:1fr 80px 108px;padding:18px 27px;align-items:center;border-bottom:1px solid #eef0e9}.player.leading{background:#f5f8ef}.player-info{display:flex;align-items:center;gap:12px;min-width:0}.player-info strong{font-weight:600;overflow-wrap:anywhere}.rank{width:16px;font-size:12px;color:#98a18f;display:flex;justify-content:center;flex-shrink:0}.leading .rank{color:#b29a57}.avatar{width:34px;height:34px;background:#eaf0df;color:#62794b;font-size:13px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600}.avatar-1{background:#f8ecdb;color:#ad844d}.avatar-2{background:#e5ecf0;color:#688293}.avatar-3{background:#efe6ef;color:#9a78a1}.avatar-4{background:#f3e4de;color:#aa7767}.win-count{text-align:right;font-size:13px;color:#657560}.win-count small{color:#9ba494;font-size:10px}.score{text-align:right;font-size:24px;letter-spacing:-.5px;font-weight:600}.positive{color:#2e7350}.negative{color:#ba6c60}.balance{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b9585;padding:17px 27px}.balance span{margin-left:auto;font-weight:700}.new-round{padding:26px;border-radius:12px;background:var(--green);color:#fff;position:relative;overflow:hidden}.new-round:before{content:"";width:260px;height:260px;border:1px solid #ffffff0a;border-radius:50%;position:absolute;right:-170px;top:-80px;pointer-events:none}.round-kicker{font-size:10px;color:#bfd0bc;letter-spacing:1.8px}.round-number{display:flex;align-items:center;justify-content:space-between;margin:10px 0 14px;font-size:48px;font-weight:500;line-height:1}.round-number svg{color:#b8c8a7;opacity:.55;transform:rotate(14deg)}.new-round h2{font-size:19px;font-weight:500}.new-round p{font-size:11px;line-height:1.9;color:#b5cabc;margin:10px 0 22px}.rules{padding:25px 2px 0}.rules .eyebrow{font-size:9px}.rules p{padding-left:17px;position:relative;color:#8a9186;font-size:11px;line-height:1.85;margin:13px 0}.rules strong{color:#596951;font-weight:500}.rule-dot{width:5px;height:5px;position:absolute;left:0;top:8px;border-radius:50%}.green{background:#6c9664}.red{background:#bf9184}.example{border-top:1px solid #e2e6da;padding-top:12px;font-size:9px;color:#939b8b;display:flex;align-items:center;gap:5px}.example b{color:#55784f}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;color:#94a18c}.empty h3{font-size:15px;color:#52634c;margin:14px 0 8px;font-weight:500}.empty p{font-size:11px;line-height:1.8;margin:0 0 20px;color:#96a18e}.setup-empty{padding:27px 20px 35px}.empty-symbol{background:#f3f6ee;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;color:#91a782}.history{margin-top:29px}.history .panel-heading{padding-bottom:22px}.badge{border-radius:5px;background:#f1f4ec;font-size:10px;color:#829174;padding:3px 7px;margin-left:2px}.history-empty{padding:22px 20px 28px;border-top:1px solid #f1f3ec}.history-empty>svg{color:#b4c0a8}.history-empty h3{font-size:13px}.history-empty p{margin-bottom:0}.history-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.5px;color:#909985;background:#f8f9f5;padding:13px 23px;font-weight:500}td{padding:15px 23px;border-top:1px solid #eef0e9;font-size:13px}td small{display:block;color:#9ba491;font-size:9px;margin-top:5px}.winner-tag{display:inline-flex;gap:6px;color:#54794a;align-items:center;background:#f1f6e9;padding:6px 8px;border-radius:5px;font-size:11px}.actions{display:flex}.history td:not(:first-child):not(:nth-child(2)){text-align:center}.history th:not(:first-child):not(:nth-child(2)){text-align:center}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:29px 1px 0;color:#a0a895;font-size:9px}.footer-brand{font-size:12px;font-weight:600;color:#7a8b70}.save-note{display:flex;gap:6px;align-items:center}.save-note .dot{width:5px;height:5px}.overlay{position:fixed;inset:0;background:#112c2480;backdrop-filter:blur(4px);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal{background:#fffef9;padding:32px;border-radius:18px;width:460px;max-width:100%;position:relative;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 20px 100px #0a291e30}.modal h2{font-size:25px;letter-spacing:-.9px;margin-top:10px}.modal-desc{font-size:12px;color:#899180;line-height:1.9;margin:10px 0 24px}.close{position:absolute;top:17px;right:17px}.name-list{display:grid;gap:12px}.name-row{display:flex;align-items:center;gap:10px}input,select{background:#fff;border:1px solid #dce2d4;border-radius:7px;min-width:0;height:45px;padding:10px 12px;color:var(--ink);width:100%}input::placeholder{color:#a8af9d}input:focus,select:focus{outline:2px solid #a6b99b}.text-button{display:inline-flex;gap:7px;align-items:center;background:none;border:0;color:#4e7744;font-size:12px;padding:16px 0}.full{width:100%;margin-top:20px}.field-label{display:block;font-size:12px;font-weight:600;margin:0 0 10px}.cards-label{margin:24px 0 10px;display:flex;justify-content:space-between}.cards-label small{font-size:10px;color:#99a18d;font-weight:400}.card-entry{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #eef0e7}.card-entry label{flex:1;overflow-wrap:anywhere}.card-entry input{width:65px;text-align:center;font-size:18px}.card-entry>span:last-child{font-size:11px;color:#8f9b83}.score-preview{background:#eef4e6;border-radius:9px;padding:15px;display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}.score-preview span{display:flex;align-items:center;gap:6px;font-size:11px}.score-preview strong{font-size:24px}.error{font-size:12px;color:#b55e4f;line-height:1.6}.help{font-size:10px;color:#929c86;line-height:1.8}.confirm-icon{width:55px;height:55px;background:#eff3e8;color:#67845a;border-radius:50%;display:grid;place-items:center;margin-bottom:24px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#183e2f;color:#fff;border-radius:10px;padding:15px 21px;display:flex;gap:10px;align-items:center;font-size:12px;z-index:50;box-shadow:0 6px 20px #17342522;max-width:calc(100% - 30px);width:max-content}.warning{background:#fff2da;color:#9b6c23;padding:13px;border-radius:8px;margin-bottom:20px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1400px){main{max-width:1150px}.top{max-width:1260px}}@media(max-width:1240px){main{padding-inline:38px}.top{padding-inline:38px}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}@media(max-width:900px){.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:18px}.panel-heading,.player,.table-labels{padding-inline:18px}.player,.table-labels{grid-template-columns:1fr 45px 80px}.player-info{gap:8px}.new-round{padding:22px}.stats>div{padding-inline:20px;gap:12px}.intro h1{font-size:34px}footer>span:nth-child(2){display:none}}@media(max-width:700px){.top{height:79px;padding:0 20px}.brand{font-size:21px}.brandmark{width:36px;height:41px}.brand-sub{font-size:7px;letter-spacing:1.3px}.header-note{display:none}main{padding:0 18px 24px}.intro{padding:31px 0 27px}.intro h1{font-size:30px;letter-spacing:-1.3px;margin:11px 0}.intro p{font-size:11px;max-width:245px;line-height:1.8}.eyebrow{font-size:9px}.intro-card{position:absolute;right:-15px;top:41px;transform:scale(.68);transform-origin:right top;width:145px;opacity:.8}.intro>div:first-child{position:relative;z-index:1}.mobile-break{display:block}.stats{grid-template-columns:1fr 1fr;padding:17px 0;margin-bottom:19px;row-gap:20px}.stats>div{padding-inline:18px;gap:12px}.stats>div:nth-child(2){border:0}.stats>div:last-child{grid-column:1/-1;padding-top:17px;border-top:1px solid var(--line)}.stat-icon{width:36px;height:36px;border-radius:9px}.stat-label{font-size:10px;margin-bottom:5px}.stats b{font-size:22px}.stats .leader-name{font-size:16px}.content-grid{display:flex;flex-direction:column;gap:20px}.scoreboard{width:100%;min-height:unset}.content-grid aside{width:100%}.new-round{padding:22px 23px}.round-number{font-size:38px;float:right;gap:18px;margin:0}.round-number svg{width:28px}.new-round h2{margin-top:12px;font-size:18px}.new-round p{margin-bottom:18px}.new-round .button{min-height:48px}.round-kicker{font-size:9px}.panel-heading{padding:21px 18px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:10px;line-height:1.7}.player{padding:15px 17px}.table-labels{font-size:8px;padding:12px 17px}.player,.table-labels{grid-template-columns:minmax(0,1fr) 50px 83px}.player-info strong{font-size:13px}.score{font-size:23px}.balance{font-size:9px;padding:16px 18px}.rules{padding-top:20px}.rules p{font-size:11px}.example{font-size:9px}.history{margin-top:24px}.history-empty{padding:25px 18px}.history-empty p{max-width:260px;font-size:10px}.history th,.history td{padding:13px 14px}.history .panel-heading{padding:21px 18px}footer{font-size:8px;padding-top:24px}.modal{padding:27px 22px;border-radius:15px}.overlay{padding:14px}.modal h2{font-size:23px}.modal-desc{font-size:11px}.toast{font-size:11px;bottom:18px}.empty h3{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.player-name{min-width:0}.player-name strong{display:block}.player-name small{display:block;font-size:9px;font-weight:400;color:#96a18c;margin-top:5px}.player-fields{flex:1;min-width:0}.player-fields>label{font-size:10px;color:#7d8c73;display:block;margin-bottom:7px}.name-row{align-items:flex-start;padding:13px 0;border-bottom:1px solid #e9ede2}.name-row>.avatar{margin-top:24px}.name-row>.icon-button{margin-top:24px}.initial-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.initial-entry label{font-size:11px;color:#7a8971}.initial-entry input{width:135px;height:38px;text-align:right;font-variant-numeric:tabular-nums}.name-list{gap:0}.modal:has(.player-fields) .modal-desc{margin-bottom:8px}.modal:has(.player-fields) .full{position:sticky;bottom:0;box-shadow:0 0 0 8px #fffef9}