:root{color-scheme:dark;--gold:#e7c887;--ink:#102f2c;--muted:#98afa3;--cream:#fbf1dc}*{box-sizing:border-box}body{margin:0;background:#0b2522;color:var(--cream);font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.35;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.15)}.app{max-width:1600px;margin:auto;height:100dvh;min-height:680px;display:flex;flex-direction:column;background:linear-gradient(#0a292531,#0c292530),url('lake.png') center/cover}header{height:90px;flex-shrink:0;border-bottom:1px solid #c8bd7e26;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:13px;font-family:Georgia,'Songti SC',serif;font-size:25px;letter-spacing:3px;font-weight:700}.brand-spade{font-size:48px;line-height:1}.brand small{font:9px/1.8 sans-serif;letter-spacing:2.2px;display:block}nav{display:flex;align-items:center;gap:25px;color:#d7c69d}nav button{padding:8px 0;font-size:13px}nav i{height:16px;width:1px;background:#b9aa6b55}main{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden}.top{position:relative;height:150px;padding:28px 5% 0;display:flex;justify-content:space-between}.top h1{font:600 29px/1.5 Georgia,'Songti SC',serif;letter-spacing:3px;margin:0;color:var(--gold)}.top p{margin:4px 0;color:#b5bfa8;font-size:13px;letter-spacing:3px}.top-right{color:#c8cbb2;font-size:12px;text-align:right;padding-top:12px;letter-spacing:1px}.top-right small{display:block;color:#8da89b;margin-top:12px;font-size:11px}.online{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9cc8b;margin-right:7px}.kitty{position:absolute;top:18px;left:50%;transform:translateX(-50%);text-align:center}#bottom{display:flex;gap:7px;justify-content:center}.back{height:87px;width:61px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,#b4a46b16 5px,#b4a46b16 6px),#133b35;border:2px solid #ccaf72;box-shadow:inset 0 0 0 3px #18382f,inset 0 0 0 4px #aa945f;border-radius:6px;display:grid;place-items:center;font-size:34px;color:#c2a771}.stakes{margin:10px auto 0;display:flex;gap:10px;align-items:center;justify-content:center;color:#c3bfa5;font-size:12px;white-space:nowrap}.stakes b{font-weight:500;color:var(--gold)}.stakes span{height:11px;width:1px;background:#b7ac7255;margin:0 5px}.felt{position:absolute;z-index:-1;left:4%;right:4%;top:145px;bottom:112px;border-radius:50%;border:1px solid #ceb46d85;background:radial-gradient(ellipse,#30665a55,#204d4355 65%,#163c3455);box-shadow:inset 0 0 50px #072c2844,0 9px 0 #061f1b55}.felt-line{position:absolute;inset:8px;border:1px solid #b9a77444;border-radius:50%}.watermark{position:absolute;top:20px;left:50%;transform:translateX(-50%);font:115px Georgia;color:#c6bd7a0c}.opponent{position:absolute;top:172px;width:130px;text-align:center}.opponent.left{left:6%}.opponent.right{right:6%}.avatar{width:83px;height:83px;border:1px solid #d7bd7e;outline:4px solid #e7c88710;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:radial-gradient(circle at 30% 25%,#e8d9ac,#aaa982);color:#234338;font:36px 'Songti SC',serif;box-shadow:0 6px 20px #041d2440}.right .avatar{background:radial-gradient(circle at 30% 25%,#e0d7b9,#7f9984)}.opponent strong{display:inline-block;font:20px 'Songti SC',serif;letter-spacing:3px}.role{color:var(--gold);font:11px sans-serif;letter-spacing:1px;margin-left:5px}.count{margin-top:13px;color:#d1c7a0;letter-spacing:2px}.count b{font-weight:400;color:var(--cream)}.opponent small{display:block;color:#7e9a8d;font-size:10px;letter-spacing:2px;margin-top:9px}.opponent.active .avatar,.me.active .avatar{box-shadow:0 0 0 4px #e5c78433,0 0 30px #e5c78422}.center{position:absolute;left:22%;right:22%;top:46%;transform:translateY(-50%);text-align:center;z-index:3}.center h2{font:400 33px/1.6 'Songti SC',Georgia,serif;letter-spacing:5px;margin:0 0 8px;color:var(--gold)}.center p{font-family:'Songti SC',serif;color:#b3c0a7;letter-spacing:2px;font-size:14px;margin:0 0 27px}.center small{display:block;color:#8ba698;font-size:11px;letter-spacing:2px;margin-top:17px}.gold{background:linear-gradient(135deg,#f5dc9d,#d6b16b);color:#23352a;border:1px solid #f7df9e;border-radius:100px;box-shadow:inset 0 0 0 3px #b38c4c55,0 5px 15px #06251e55;min-height:46px;padding:9px 32px;font-weight:600}.start{font:600 22px 'Songti SC',serif;min-width:225px;min-height:58px;letter-spacing:4px}.actions{display:flex;gap:12px;justify-content:center;align-items:center}.secondary{border:1px solid #a5ad8480;background:#163d35cc;border-radius:30px;padding:11px 25px;min-height:44px;color:#d0d0b2}.turn-label{color:#d9c38b;letter-spacing:2px;margin-bottom:15px;font-size:13px}.hand-area{position:absolute;bottom:38px;left:5%;right:5%;height:144px;display:flex;align-items:center;gap:22px}.me{flex:0 0 96px;text-align:center}.me .avatar{height:66px;width:66px;margin-bottom:7px;font-size:26px}.me strong{font-weight:400;color:#dacb9e}.hand{width:min(890px,calc(100% - 130px));height:130px;display:flex;justify-content:center;margin:auto;align-items:flex-end;touch-action:none}.card{position:relative;flex-shrink:0;width:79px;height:125px;border:1px solid #c8c0aa;border-radius:7px;color:#172a27;background:linear-gradient(115deg,#fff9e9,#eee3ca);box-shadow:-2px 3px 6px #001b2440;padding:7px;display:flex;flex-direction:column;align-items:flex-start;font:27px/.95 Georgia,'Times New Roman',serif;transition:transform .15s}.hand .card{margin-left:calc(-1 * clamp(31px,3.4vw,55px))}.hand .card:first-child{margin-left:0}.card.red{color:#ab352e}.card .suit{font-size:23px;margin-top:4px}.card .large-suit{position:absolute;bottom:9px;right:9px;font-size:40px}.card.joker{font-size:16px;line-height:1.05}.card.joker .suit{font-size:12px;writing-mode:vertical-lr;letter-spacing:2px}.card.selected{transform:translateY(-21px);box-shadow:0 0 0 2px #e7c887,0 9px 18px #0005}.hand .card:hover{transform:translateY(-10px)}.hand .card.selected:hover{transform:translateY(-21px)}.instructions{position:absolute;bottom:9px;left:0;right:0;text-align:center;color:#8ba698;font-size:11px;letter-spacing:1.5px}.instructions:before,.instructions:after{content:'';display:inline-block;width:28px;height:1px;background:#b9a56b88;vertical-align:middle;margin:0 17px}.played{position:absolute;display:flex;justify-content:center;align-items:center;min-height:50px;pointer-events:none}.played .card{width:48px;height:70px;font-size:19px;padding:4px;margin-left:-17px}.played .card:first-child{margin-left:0}.played .suit{font-size:16px;margin-top:2px}.played .large-suit{font-size:22px;bottom:5px;right:4px}.played-left{top:190px;left:21%;max-width:28%}.played-right{top:190px;right:21%;max-width:28%}.played-self{bottom:202px;left:30%;right:30%}.pass-text{color:#bec3a8;font:22px 'Songti SC',serif;letter-spacing:4px}.center.playing{top:auto;bottom:181px;transform:none}.center.playing .turn-label{margin-bottom:10px}.center.playing .secondary,.center.playing .gold{padding:9px 26px;min-height:40px}.center.playing ~ .played-self{bottom:267px}footer{height:43px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aab68120;color:#78968a;font-size:10px;letter-spacing:1px}footer button{font-size:11px;color:#adba9f}#rotate{display:none}dialog{background:#123a33;color:#ecdfbf;border:1px solid #9d8a58;border-radius:16px;max-width:520px;width:90%;padding:33px;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#031c18b8;backdrop-filter:blur(6px)}dialog h2{font:27px 'Songti SC',serif;color:var(--gold);margin:0 0 24px}dialog h3{font-size:14px;color:#d9c38b;margin:20px 0 8px}dialog p{line-height:1.9;color:#b9c6b3;font-size:13px}dialog a{color:var(--gold)}dialog .close{position:absolute;right:15px;top:10px;font-size:26px;color:#b8bd9f}.stat-row{display:flex;justify-content:space-around;text-align:center;padding:25px 0}.stat-row b{display:block;font:35px Georgia;color:var(--gold);margin-bottom:10px}#toast{position:fixed;top:23%;left:50%;transform:translateX(-50%);padding:12px 22px;background:#faf0d9;color:#234338;border-radius:30px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px}#toast.show{opacity:1}@media(min-width:1400px){.hand .card{margin-left:-30px}.hand{width:1020px}.card{width:85px;height:134px}.hand-area{bottom:40px}}@media(max-height:740px) and (min-width:1000px){.app{min-height:610px}.top{padding-top:20px}.felt{top:127px}.opponent{top:143px}.center{top:43%}.hand-area{height:125px}.card{height:111px;width:70px}.hand .card{margin-left:-35px}}@media(max-width:1000px) and (orientation:landscape){.app{height:100dvh;min-height:330px}header{height:48px;padding:0 4%}.brand{font-size:18px;gap:8px}.brand-spade{font-size:32px}.brand small{font-size:7px;letter-spacing:1px}nav{gap:20px}nav button{font-size:11px}#statsBtn{display:none}.top{height:100px;padding:14px 4% 0}.top h1{font-size:21px}.top p{font-size:10px;letter-spacing:2px}.top-right{display:none}.kitty{top:8px}.back{height:50px;width:36px;font-size:24px}.stakes{font-size:10px;margin-top:4px}.felt{top:80px;bottom:65px;left:3%;right:3%}.opponent{top:91px;width:90px}.opponent.left{left:5%}.opponent.right{right:5%}.avatar{width:47px;height:47px;font-size:24px;margin-bottom:6px}.opponent strong{font-size:14px}.count{font-size:11px;margin-top:5px}.opponent small{display:none}.role{font-size:9px}.center{top:43%;left:21%;right:21%}.center h2{font-size:24px;letter-spacing:3px;margin-bottom:3px}.center p{font-size:11px;letter-spacing:1px;margin:0 0 13px}.start{min-height:41px;min-width:170px;font-size:17px}.center small{font-size:9px;margin-top:8px}.hand-area{bottom:22px;left:4%;right:4%;height:84px;gap:10px}.me{flex-basis:65px}.me .avatar{width:39px;height:39px;font-size:20px;margin-bottom:5px}.me strong{font-size:11px}.hand{height:85px;width:calc(100% - 75px)}.card{height:82px;width:55px;padding:4px;font-size:20px;border-radius:4px}.hand .card{margin-left:calc(-1 * clamp(22px,3.2vw,37px))}.card .suit{font-size:16px;margin-top:3px}.card .large-suit{font-size:26px;right:5px;bottom:6px}.card.joker{font-size:12px}.card.joker .suit{font-size:9px}.instructions{bottom:3px;font-size:8px}.instructions:before,.instructions:after{width:16px;margin:0 9px}footer{height:24px;font-size:8px;padding:0 4%}footer button{font-size:9px}.played-left,.played-right{top:107px}.played .card{height:48px;width:33px;font-size:14px;margin-left:-12px}.played .suit{font-size:12px}.played .large-suit{font-size:16px;bottom:3px}.played-self{bottom:144px}.center.playing{bottom:116px}.center.playing ~ .played-self{bottom:173px}.center.playing .gold,.center.playing .secondary{min-height:32px;padding:6px 21px;font-size:12px}.turn-label{font-size:11px;margin-bottom:8px}.center.playing .turn-label{margin-bottom:6px}.pass-text{font-size:16px}.watermark{font-size:75px;top:8px}dialog{max-height:90dvh;padding:22px}dialog h2{font-size:22px;margin-bottom:12px}dialog p{font-size:11px}dialog h3{margin-top:10px}}@media(max-width:900px) and (orientation:portrait){#rotate{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 30%,#214e42,#0a2521);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}#rotate h2{font:26px 'Songti SC',serif;letter-spacing:3px;color:var(--gold);margin:25px 0 10px}#rotate p{font-size:12px;color:#aabda9;line-height:1.8}#rotate .gold{margin:20px}#rotate small{color:#779689;font-size:10px}.rotate-phone{font-size:90px;color:var(--gold);transform:rotate(90deg)}.app{visibility:hidden}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.played-kitty .card{width:61px;height:87px;font-size:23px;text-align:left}.played-kitty .card .large-suit{font-size:29px}.played-kitty .card .suit{font-size:19px}@media(max-width:1000px) and (orientation:landscape){.played-kitty .card{width:36px;height:50px;font-size:15px;padding:3px}.played-kitty .card .suit{font-size:12px;margin-top:1px}.played-kitty .card .large-suit{font-size:18px;bottom:3px;right:3px}}