:root{font-family:Inter,ui-rounded,system-ui,sans-serif;color:#f7f3e8;background:#102d26;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#23624e,#102d26 60%)}button,input,select{font:inherit}button{min-height:48px;border:0;border-radius:10px;padding:11px 16px;font-weight:800;color:#15372d;background:#f2ca70;cursor:pointer}button:disabled{cursor:default;opacity:.42}input,select{width:100%;min-height:48px;border:2px solid #5b8a79;border-radius:9px;padding:10px 12px;color:#142d26;background:#fffdf8;font-size:16px}label{display:block;margin:12px 0 6px;font-size:14px;font-weight:700}h1{margin:0;font-family:Georgia,serif;font-size:clamp(34px,9vw,54px);letter-spacing:-.04em}h2{margin:0 0 12px;font-size:20px}.shell{width:min(960px,100%);min-height:100vh;margin:auto;padding:18px}.lobby{display:grid;align-content:center;max-width:720px}.tagline{margin:4px 0 26px;color:#c7ddd5}.lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.lobby-grid section,.action-panel,.events{padding:18px;border:1px solid #ffffff22;border-radius:16px;background:#1b4a3d;box-shadow:0 14px 32px #06181255}.lobby-grid button,.action-panel>button{width:100%;margin-top:14px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}header>div:first-child{display:flex;gap:12px;align-items:center}.connection{padding:5px 9px;border-radius:20px;font-size:12px;background:#714237}.connection.online{background:#347656}.room-code{padding:10px 12px;border-radius:10px;background:#0b211b99;letter-spacing:.05em}.board{overflow:hidden;margin-bottom:12px;border-radius:15px;background:#d5ad68;color:#142d26}.board svg{display:block;width:100%;height:auto;min-height:115px}.board-bg{fill:#d5ad68;stroke:#7b562c;stroke-width:5}.board-29 .board-bg{fill:#b98c51}.hole{fill:#604728}.fifth{fill:#1f332c}.watermark{fill:#fff2;font:700 130px Georgia}.peg-0{fill:#e4473d;stroke:#711;stroke-width:2}.peg-1{fill:#3e7ee8;stroke:#12417f;stroke-width:2}.peg .current{stroke:#fff;stroke-width:2.5}.score-row{display:flex;justify-content:space-between;gap:10px;padding:8px 14px 12px;font-size:17px}.player-0{color:#8c1212}.player-1{color:#123f8c}.phase{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;min-height:54px;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#0c251f}.phase>span{display:flex;align-items:center;gap:7px}.action-panel{margin-bottom:12px}.copy-row{display:flex;gap:8px}.copy-row button{width:auto;margin:0}.cards{display:flex;justify-content:center;gap:7px;padding:10px 0;overflow-x:auto}.card{flex:0 0 55px;width:55px;height:78px;min-height:78px;margin:0;padding:7px;border:3px solid transparent;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#171b19;background:#fffdf5;box-shadow:0 3px 7px #0004;font-size:20px}.card b{align-self:center;font-size:28px}.card.red{color:#ba2828}.card.selected{border-color:#f3ca62;transform:translateY(-7px);box-shadow:0 7px #f3ca62}.card:disabled{opacity:.48}.phase .card,.played .card,.small .card{transform:none}.peg-count{text-align:center;font-size:20px}.peg-count strong{display:block;font-size:48px;line-height:1;color:#f2ca70}.played{min-height:104px;display:flex;gap:8px;overflow-x:auto;padding:8px 0}.played>div{text-align:center}.played small{display:block;max-width:58px;overflow:hidden;text-overflow:ellipsis}.events{font-size:14px}.events p{margin:6px 0;padding-left:10px;border-left:3px solid #5f917f}.events p.score{border-color:#f2ca70;color:#ffe19e}.winner{text-align:center}.winner h2{font:700 36px Georgia;color:#f2ca70}.error{padding:12px;border-radius:9px;background:#822f2f}@media(max-width:600px){.shell{padding:10px}.lobby-grid{grid-template-columns:1fr}header h1{font-size:34px}.room-code{font-size:13px}.action-panel,.events{padding:14px}.card{flex-basis:47px;width:47px;height:69px;min-height:69px;padding:5px;font-size:17px}.card b{font-size:23px}.score-row{font-size:14px}}