:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#193e36;background:#f5f3ed;font-synthesis:none;--green:#174d40;--muted:#7c877e;--line:#e1e4da;--gold:#d7b46b}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:12px 18px;background:transparent;color:inherit;font-weight:600;transition:background .15s}button:hover{filter:brightness(.94);background-color:#e6eadf}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d7b46b;outline-offset:3px}header{height:96px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--green);font-size:34px;display:flex;gap:12px;align-items:center}.brand span{font-size:24px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:3px}.header-right{display:flex;align-items:center;gap:18px;font-size:13px}.status{color:#518368;font-size:12px}.tag{display:inline-block;border-radius:30px;padding:7px 12px;background:#e7ebdf;font-size:12px;white-space:nowrap}main{max-width:1440px;margin:auto;padding:45px 5vw 65px}h1{font-size:40px;line-height:1.3;letter-spacing:-1px;font-weight:650;margin:15px 0}h2{font-size:21px;margin:0 0 24px}h3{font-size:15px}p{color:var(--muted);font-size:14px;line-height:1.85}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#8b9b88;font-weight:700}.welcome{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1fr 420px;align-items:center;gap:10vw;max-width:1200px}.welcome h1{font-size:58px}.welcome p{font-size:16px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:30px}.auth h2{margin:20px 0 8px;font-size:27px}.auth p{margin:0 0 26px}.auth form{display:grid;gap:18px}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600;color:#5f7164}input{width:100%;min-width:0;border:1px solid #dce1d5;border-radius:7px;padding:12px;background:#fcfcf8;color:#244c3c}input:focus{border-color:#537b5a}.primary{background:var(--green);color:#fff}.primary:hover{background:#205e4c}.outline{border:1px solid #bccbbc}.quiet{color:#728174}.full{width:100%;margin-top:14px}.hero-cards{display:flex;margin:35px 0 24px;padding-left:10px}.hero-cards .card{width:90px;height:126px;font-size:32px;transform:rotate(-13deg);box-shadow:0 12px 20px #12382b17}.hero-cards .card+ .card{transform:rotate(12deg);margin-left:-10px;margin-top:5px}.features{font-size:12px;color:#798775}.features i{color:#bdac81;margin:0 12px;font-style:normal}.card{display:inline-flex;width:49px;height:69px;background:#fffef8;border:1px solid #e5e5d8;border-radius:6px;flex-direction:column;align-items:flex-start;justify-content:center;padding:7px;font-size:21px;font-family:Georgia,serif;font-weight:bold;color:#183d36;box-shadow:0 2px 5px #0001}.card small{font-size:21px;align-self:flex-end}.card.red{color:#bd594d}.card.back{background:repeating-linear-gradient(45deg,#254e47,#254e47 4px,#326458 4px,#326458 6px);color:#c9b679;align-items:center;border:3px solid #e8e7db}.card.slot{background:#ffffff08;border:1px dashed #ffffff30;box-shadow:none}.lobby-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.lobby-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.muted{color:var(--muted);font-size:12px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.lobby-grid form>.primary{width:100%;margin-top:10px}.room{width:100%;display:flex;text-align:left;gap:16px;align-items:center;border:1px solid var(--line);padding:18px;margin-bottom:12px}.room small{display:block;margin-top:8px;color:var(--muted);font-weight:400}.room .tag{margin-left:auto}.room-icon{font-size:27px;background:#ebefdf;padding:10px 15px;border-radius:10px}.empty{text-align:center;padding:35px 0}.empty>span{font-size:60px;color:#97a48a}.empty p{margin:4px}.inline{display:flex;align-items:end;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:18px}.inline label{flex:1}footer{border-top:1px solid var(--line);padding:22px 5vw;font-size:11px;color:#8c9485;display:flex;justify-content:space-between}.game{padding-top:25px}.table-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.table-heading h2{display:inline-block;margin:0 16px 0 0}.table-heading .quiet{padding-left:0}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.felt{background:radial-gradient(ellipse at top,#275d4d,#123b32);border:8px solid #d2c5a6;border-radius:34px;padding:28px 22px 24px;box-shadow:0 7px 0 #b8ac91,0 18px 35px #153c2418;color:#f7f3df;min-height:460px}.felt-label{text-align:center;letter-spacing:5px;font-size:17px;color:#e1d2a6a1}.felt-label small{display:block;font-size:7px;letter-spacing:3px;margin:7px 0 25px}.board{text-align:center}.board .tag{background:#ffffff12;color:#c7d3b8;font-size:10px}.cards{display:flex;justify-content:center;gap:9px;margin:18px 0}.pot{font-size:11px;letter-spacing:2px;color:#adbdad}.pot strong{color:#ebddae;font-size:23px;margin-left:10px;font-weight:500;letter-spacing:0}.seats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.seat{background:#092a2466;border:1px solid #ffffff19;border-radius:10px;padding:12px;min-width:0}.seat.acting{border-color:var(--gold);box-shadow:0 0 0 2px #d7b46b33}.seat.folded{opacity:.48}.seat-top{display:flex;gap:8px;align-items:center}.seat strong{font-size:11px;display:block;overflow-wrap:anywhere}.seat small{font-size:10px;color:#adc0a7;display:block;margin-top:5px}.avatar{background:#cad2b7;color:#234f3d;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:13px}.dealer{margin-left:auto;background:#dcc890;border-radius:50%;color:#214736;font-size:10px;padding:3px 6px}.mini-cards{display:flex;gap:5px;margin:8px 0;align-items:center}.mini-cards .card{width:27px;height:36px;padding:3px;font-size:12px;border-radius:3px}.mini-cards .card small{font-size:12px;color:inherit;margin:0}.mini-cards>span:not(.card){font-size:10px;margin-left:5px}.action-panel{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:26px 2px 12px}.action-panel p{font-size:11px;margin:6px 0}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.actions button{font-size:12px;padding:12px}.actions form{display:flex;gap:5px;align-items:center}.actions input{width:90px}.activity{padding:25px 20px;align-self:start;max-height:850px;overflow:auto}.activity h2{margin:12px 0 20px;font-size:18px}.log{max-height:320px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:15px}.log p{font-size:11px;margin:10px 0;border-left:2px solid #cfdbc5;padding-left:10px}.activity h3{margin-top:25px}.activity details{font-size:11px;border-top:1px solid var(--line);padding:12px 0}.activity details p{font-size:11px}.activity summary{cursor:pointer}.history-line{display:block;color:var(--muted);line-height:1.8}.result{border:1px solid #d4dcbf;background:#edf0dc;border-radius:8px;padding:15px;font-size:13px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#193c33;color:white;padding:15px 24px;border-radius:10px;box-shadow:0 8px 30px #0002;transition:transform .2s;z-index:10;max-width:90vw;font-size:13px}#toast.show{transform:translateX(-50%) translateY(0)}#invitation input{font-size:12px}
@media(max-width:1000px){.game-grid{grid-template-columns:1fr}.activity{max-height:none}.welcome{gap:5vw;grid-template-columns:1fr 360px}.welcome h1{font-size:44px}.table-heading .muted{display:block;margin:8px 0}.action-panel{flex-wrap:wrap}}@media(max-width:650px){header{height:75px;padding:0 20px}.brand{font-size:27px}.brand span{font-size:20px}.header-right{gap:8px;font-size:11px}.header-right .status{display:none}.header-right button{padding:8px}main{padding:30px 18px 40px}.welcome{display:block}.welcome h1{font-size:40px}.welcome section:first-child{padding:8px 8px 30px}.hero-cards{display:none}.features{margin-top:20px}.panel{padding:24px 20px}.welcome .auth{margin-top:10px}.lobby-title{align-items:start}.lobby-title h1{font-size:29px}.lobby-title button{font-size:11px;padding:10px}.lobby-grid{grid-template-columns:1fr}.room{padding:12px;gap:10px}.room .tag{font-size:10px}.room-icon{padding:8px}.room strong{font-size:13px}.game{padding:18px 10px 40px}.table-heading{padding:0 8px;gap:5px}.table-heading h2{font-size:17px;margin:5px}.table-heading button{font-size:11px;padding:9px}.felt{border-width:5px;border-radius:23px;padding:22px 12px;min-height:400px}.seats{grid-template-columns:repeat(2,1fr);gap:9px}.seat{padding:10px}.card{width:43px;height:62px}.action-panel{padding:24px 9px 14px}.actions{width:100%}.actions>.primary{flex:1}.actions form{width:100%}.actions input{flex:1}.activity{margin-top:4px}.felt-label small{margin-bottom:15px}.cards{gap:7px}footer{font-size:9px;padding:20px}.auth h2{font-size:24px}}