:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#f1e9d9;background:#111a19}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background:radial-gradient(circle at 18% 8%,#60796d 0,transparent 28%),radial-gradient(circle at 84% 76%,#376254 0,transparent 32%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}.page{position:relative;max-width:1220px;min-height:100vh;margin:auto;padding:28px 38px 50px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand strong{font-size:19px;letter-spacing:.04em}.mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid #cbb984;border-radius:13px;background:#25463e;color:#f2ddb0;font-family:serif;font-size:25px;transform:rotate(-7deg);box-shadow:0 5px 0 #0b1412}.back{color:#ccd3c6;text-decoration:none;font-size:14px}.back:hover{text-decoration:underline}h1{margin:0;font-family:"STSong","Songti SC","SimSun",serif;font-size:clamp(38px,5.3vw,68px);font-weight:600;line-height:1.2;letter-spacing:.04em}.lobby-main{padding-top:90px}.intro{max-width:700px;margin:16px 0 28px;color:#c9d0c3;font-size:17px;line-height:1.8}.board{padding:12px;border:1px solid #6b795f;border-radius:28px;background:#2c352b;box-shadow:0 25px 65px #070d0bd1,inset 0 0 0 1px #8d936f4d}.felt{border:1px solid #52705c;border-radius:19px;background:radial-gradient(ellipse at center,#2f6957 0%,#225144 62%,#193e37 100%);box-shadow:inset 0 8px 28px #0c2923a8}.games{min-height:350px;padding:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:20px}.game-card,.next-card{min-height:240px;border:1px solid #b1c7ad7d;border-radius:17px;padding:24px}.game-card{display:flex;flex-direction:column;justify-content:space-between;background:#0b2e27a6;text-decoration:none;transition:transform .18s,background .18s}.game-card:hover,.game-card:focus-visible{transform:translateY(-4px);background:#133c32}.art{font-size:48px;letter-spacing:-.25em;line-height:1;color:#f0e4c9}.game-card strong{font-size:23px}.game-card small{color:#c9d8c8;font-size:14px}.game-card em{color:#e9d7a3;font-size:14px;font-style:normal}.next-card{display:grid;place-content:center;text-align:center;border-style:dashed;color:#bfd0c1}.next-card span{font-size:42px}.next-card p{font-size:15px}.compare-main{padding-top:45px}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.heading small{color:#bbcabd;font-size:14px}.heading h1{font-size:52px}.heading p{max-width:480px;margin:0;color:#c9d0c3;font-size:15px;line-height:1.8}.notice{padding:12px 15px;border:1px solid #c9a76b;border-radius:10px;background:#493b22;color:#fff0cd;font-size:14px}.entry{min-height:350px;padding:40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px}.entry h2{margin:0 0 8px;font-size:24px}.entry p{margin:0 0 24px;color:#c7d8ca;font-size:15px;line-height:1.7}.entry label{display:block;margin:15px 0 9px;color:#d7e1d4;font-size:14px}.or{color:#bdcbbd}.join-row{display:flex;gap:9px}.join-row input{min-width:0;flex:1;padding:12px;border:1px solid #8ca698;border-radius:10px;background:#13392e;color:#fff;letter-spacing:.1em;text-transform:uppercase}.primary,.secondary{border:1px solid #eed9a7;border-radius:10px;padding:11px 18px;background:#efdfba;color:#183329;font-weight:700;white-space:nowrap}.secondary{background:transparent;color:#f1e9d9}.primary:hover:not(:disabled){background:#fff0cd}.secondary:hover:not(:disabled){background:#416b55}.room-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;font-size:15px}.room-bar strong{font-size:19px;letter-spacing:.13em}.link-button{padding:7px 0;border:0;background:none;color:#efdcab;text-decoration:underline}.table{min-height:340px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.score{display:flex;justify-content:space-between;align-items:start;text-align:center}.score>div:first-child,.score>div:last-child{display:flex;flex-direction:column;min-width:80px}.score strong{font-size:29px}.score>div:nth-child(2) strong{display:block;font-size:20px}.score small{display:block;margin-top:4px;color:#c8d7cb;font-size:14px}.reveal{min-height:105px;display:grid;place-items:center;text-align:center;color:#e2e8dd;font-size:16px}.reveal-row{display:flex;align-items:center;justify-content:center;gap:24px}.reveal-side{display:flex;align-items:center;gap:8px}.reveal-side .card{width:57px;height:78px;min-height:78px;padding:7px;font-size:22px}.reveal-note{margin:8px 0 0;font-size:14px}.opponent{text-align:center;color:#d5e1d2;font-size:14px}.backs{min-height:48px;display:flex;justify-content:center;gap:6px;margin-top:7px}.back-card{width:31px;height:43px;border:2px solid #e5d1a3;border-radius:5px;background:repeating-linear-gradient(45deg,#22473d,#22473d 4px,#3b6958 4px,#3b6958 8px)}.hand-panel{margin-top:17px;padding:20px 0}.hand-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.hand-title strong{font-size:19px}.hand-title span{color:#becfbe;font-size:14px}.hand{min-height:132px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.card{width:88px;height:122px;min-height:122px;display:flex;flex-direction:column;justify-content:space-between;padding:11px;border:2px solid #e6d6b3;border-radius:10px;background:#f4e9d1;color:#1e3d33;text-align:left;box-shadow:0 5px 0 #0c211c;font-size:27px;font-weight:700;transition:transform .15s,box-shadow .15s}.card.red{color:#a23e3a}.card span:last-child{align-self:end;transform:rotate(180deg)}button.card:hover:not(:disabled),button.card:focus-visible{transform:translateY(-8px);box-shadow:0 13px 0 #0c211c}.finish{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:18px;color:#c8d7cb;font-size:14px}@media(max-width:700px){.page{padding:20px 18px 35px}.lobby-main{padding-top:65px}.intro{font-size:16px}.board{padding:8px;border-radius:20px}.felt{border-radius:14px}.games{grid-template-columns:1fr;min-height:auto;padding:15px}.game-card,.next-card{min-height:195px}.compare-main{padding-top:36px}.heading{display:block}.heading h1{font-size:44px}.heading p{margin-top:12px;font-size:14px}.entry{padding:24px;grid-template-columns:1fr;gap:15px}.or{display:none}.entry form{border-top:1px solid #88a98d66;padding-top:18px}.table{padding:16px;min-height:335px}.score>div:first-child,.score>div:last-child{min-width:48px}.score strong{font-size:25px}.score>div:nth-child(2) strong{font-size:17px}.hand-title{display:block}.hand-title span{display:block;margin-top:5px}.card{width:65px;height:96px;min-height:96px;padding:7px;font-size:22px}.hand{gap:7px;min-height:108px}.reveal-row{gap:8px}.reveal-side .card{width:46px;height:64px;min-height:64px;font-size:18px}.reveal-side{gap:4px}.reveal-side label{font-size:12px}}@media(max-width:400px){.card{width:57px;height:88px;min-height:88px}.room-bar strong{font-size:16px}}