:root{--cream:#f3ecd9;--paper:#fffaf0;--ink:#17261d;--green:#173b2a;--green2:#24543b;--red:#d94a3d;--gold:#e6b94c;--muted:#68736b;--line:#d9d1be;--shadow:0 18px 50px #0d271c24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.hero{min-height:470px;padding:70px 24px 64px;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,#2f6649 0,transparent 42%),linear-gradient(145deg,#102c1f,#1c4933);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff2 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent)}.hero>*{position:relative;z-index:1}.eyebrow{font-weight:900;letter-spacing:.22em;font-size:12px;color:var(--gold);margin:0 0 14px}.hero h1{font-family:Georgia,serif;font-size:clamp(56px,12vw,92px);line-height:.78;margin:0;text-transform:uppercase;letter-spacing:-.055em}.hero h1 span{color:var(--gold);font-style:italic;font-size:.68em}.lead{font-size:18px;color:#d7e1d9;margin:32px 0 24px}.suit{position:absolute!important;font-family:Georgia;font-size:160px;opacity:.07;transform:rotate(-15deg)}.suit-a{left:5%;top:80px}.suit-b{right:4%;bottom:5px;transform:rotate(13deg)}button,input{font:inherit}.primary{border:0;border-radius:14px;background:var(--red);color:#fff;padding:16px 23px;font-weight:900;box-shadow:0 8px 0 #9f3027;cursor:pointer;transition:.15s}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(5px);box-shadow:0 3px 0 #9f3027}.primary:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed;transform:none}.primary span{margin-left:12px}.full{width:100%}main{max-width:1060px;margin:auto}.panel{background:var(--paper);margin:-34px 18px 80px;padding:clamp(24px,5vw,48px);border-radius:24px;position:relative;z-index:2;box-shadow:var(--shadow)}.section-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.section-heading>span{display:grid;place-items:center;min-width:44px;height:44px;border:2px solid var(--red);color:var(--red);border-radius:50%;font-weight:900}.section-heading h2{font:700 clamp(28px,5vw,44px)/1 Georgia,serif;margin:0 0 7px}.section-heading p{margin:0;color:var(--muted)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;background:#e7e0ce;border-radius:14px;margin-bottom:25px}.segmented button{border:0;background:transparent;padding:12px 5px;border-radius:10px;font-weight:800;color:#58625a;cursor:pointer}.segmented button.active{background:var(--green);color:#fff}.player-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.player-row{display:flex;gap:9px;background:#eee7d7;padding:8px;border:2px solid transparent;border-radius:14px}.player-row:focus-within{border-color:var(--gold)}.avatar-select{border:0;background:#fff8e9;border-radius:10px;font-size:25px;width:52px;cursor:pointer}.player-row input{border:0;background:transparent;min-width:0;width:100%;outline:0;font-weight:800;font-size:16px}.target-row{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);margin:24px 0;padding:19px 2px;font-weight:800}.target-row div{display:flex;align-items:center;gap:8px}.target-row input{width:58px;border:2px solid var(--green);border-radius:9px;padding:7px;text-align:center;font-weight:900;background:#fff}.hidden{display:none!important}.game{padding:55px 18px 80px}.game-top{display:flex;align-items:center;justify-content:space-between}.game-top h2{font:700 44px Georgia,serif;margin:0}.icon-btn{border:0;background:#ded6c4;border-radius:50%;width:44px;height:44px;cursor:pointer}.scoreboard{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.score{background:var(--green);color:#fff;padding:20px;border-radius:18px;position:relative;overflow:hidden}.score.leader{outline:4px solid var(--gold)}.score .avatar{font-size:35px}.score h3{margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score strong{font:700 44px Georgia,serif;color:var(--gold)}.score small{color:#c9d9ce}.score .badge{position:absolute;right:10px;top:10px;background:#fff1;color:#fff;border-radius:20px;padding:4px 8px;font-size:11px}.round-card{background:var(--paper);border-radius:23px;padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.round-card>h3,.history h3{font:700 28px Georgia,serif;margin:0 0 5px}.round-card>p{margin:0 0 20px;color:var(--muted)}.winner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.winner-grid button{border:2px solid var(--line);background:#fff;border-radius:12px;padding:12px;font-weight:800;cursor:pointer}.winner-grid button.selected{border-color:var(--green);background:#e4eee7}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.result-grid button{border:2px solid var(--line);background:#fff;border-radius:14px;padding:15px 8px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.result-grid b{font:700 26px Georgia,serif;color:var(--red)}.result-grid span{font-weight:900}.result-grid small{color:var(--muted);line-height:1.25}.result-grid button.selected{border-color:var(--red);background:#fff0eb}.game-actions{display:flex;justify-content:space-between;margin:20px 4px}.game-actions button{border:0;background:none;color:var(--green);font-weight:800;cursor:pointer}.history{margin-top:38px}.history-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 2px}.history-item .num{color:#92998f;font-size:12px}.history-item .grow{flex:1}.history-item strong{color:var(--red)}.empty{color:var(--muted);font-style:italic}.rules{background:var(--green);color:#fff;padding:70px clamp(20px,5vw,55px);border-radius:28px 28px 0 0}.section-heading.light>span{border-color:var(--gold);color:var(--gold)}.section-heading.light p{color:#bdcec2}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.rules article{background:#ffffff0b;border:1px solid #ffffff1b;border-radius:17px;padding:22px}.rules article i{font-style:normal;font-size:27px}.rules article h3{font:700 23px Georgia,serif;margin:10px 0}.rules article p{color:#cbd9cf;line-height:1.65;margin:0}.rules article strong{color:var(--gold)}.house-rule{margin:25px 0 0;padding:18px;border-left:4px solid var(--gold);background:#0b211766;line-height:1.5}footer{background:#0e291d;color:#a9bcaf;text-align:center;padding:25px}footer span{color:var(--red);margin:0 12px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,100px);background:#101c15;color:#fff;padding:13px 20px;border-radius:12px;z-index:10;transition:.3s;box-shadow:var(--shadow);font-weight:800}.toast.show{transform:translate(-50%,0)}@media(max-width:650px){.hero{min-height:430px;padding-top:55px}.panel{margin-top:-25px}.player-inputs,.rules-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.result-grid button{display:grid;grid-template-columns:45px 1fr;column-gap:8px;text-align:left}.result-grid button small{grid-column:2}.scoreboard{grid-template-columns:repeat(2,1fr)}.score{padding:15px}.score strong{font-size:36px}.segmented button{font-size:13px}.target-row{font-size:14px}}@media(min-width:720px){.scoreboard.players-3{grid-template-columns:repeat(3,1fr)}.scoreboard.players-4{grid-template-columns:repeat(4,1fr)}.winner-grid{grid-template-columns:repeat(4,1fr)}}