:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#eae4d4;background:#101813}*{box-sizing:border-box}body{margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;background:radial-gradient(circle at 52% 34%,#20392b 0%,#101a15 42%,#101813 78%);position:relative;overflow:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E")}.topbar{height:76px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);position:relative;z-index:2}.brand{font-size:24px;font-weight:900;letter-spacing:.04em;display:flex;align-items:center;gap:12px;color:#f6f0df}.brand-mark{color:#f1c85c;font-size:31px}.brand-accent{color:#f1c85c}.top-caption,.top-right{font-size:12px;letter-spacing:.16em;color:#a9b6a9}.top-right{letter-spacing:.08em}.entry-wrap{max-width:1180px;min-height:calc(100vh - 128px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:55px 34px}.entry-art{height:510px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:#557942;filter:blur(100px);opacity:.24}.art-card{position:absolute;width:250px;height:355px;border-radius:18px;border:3px solid #d7bd75;box-shadow:0 25px 70px #0009;display:flex;align-items:center;justify-content:center}.art-card-back{background:repeating-linear-gradient(45deg,#1d3d31 0 7px,#2e5543 7px 9px);transform:rotate(-17deg) translate(-45px,4px);font-size:125px;color:#c5a95e}.art-card-front{background:linear-gradient(145deg,#202e29,#101c19);transform:rotate(9deg) translate(33px,-4px);z-index:1;flex-direction:column;justify-content:space-between;padding:25px;color:#e8ca72;letter-spacing:.4em;font-size:15px}.art-card-front:after{content:'';position:absolute;inset:12px;border:1px solid #b38e49;border-radius:9px;pointer-events:none}.art-card-front b{font-size:175px;line-height:1;letter-spacing:0;text-shadow:0 0 40px #eab94d88}.art-card-front small{font-size:13px}.entry-panel{max-width:470px}.eyebrow,.rail-label{font-size:12px;font-weight:700;color:#dcba65;letter-spacing:.17em;text-transform:uppercase}.entry-panel h1{font-size:clamp(40px,4vw,64px);line-height:1.13;letter-spacing:-.05em;margin:24px 0;color:#f4eddb;font-weight:800}.entry-panel h1 em{font-style:normal;color:#e8bd61}.intro{color:#aebcaf;line-height:1.8;font-size:16px;margin:0 0 30px}.entry-panel label{display:block;font-size:14px;margin:0 0 10px;color:#d1d7ca}.field{height:51px;background:#17241d!important;border:1px solid #49604c!important;color:#f2eee4!important;border-radius:10px!important;font-size:16px!important}.field::placeholder{color:#7d8d80}.primary,.secondary{height:51px!important;border-radius:10px!important;font-weight:750!important;font-size:15px!important;letter-spacing:.02em}.primary{background:#e9bd5e!important;color:#172017!important;border:1px solid #e9bd5e!important;box-shadow:0 7px 24px #e0af4b22}.primary:hover{background:#ffcf71!important}.primary:disabled,.secondary:disabled{opacity:.4}.secondary{background:#20352a!important;color:#e7dfc9!important;border:1px solid #536954!important}.secondary:hover{background:#2d4736!important}.entry-panel>.primary{width:100%;margin-top:14px;display:flex;justify-content:space-between;padding:0 20px}.divider{display:flex;align-items:center;gap:15px;color:#899b8a;font-size:13px;margin:25px 0 18px}.divider:before,.divider:after{content:'';height:1px;background:#405343;flex:1}.join-row{display:flex;gap:10px}.join-row .secondary{min-width:95px}.error{color:#f4a6a0;font-size:14px;margin:12px 0}.game-layout{display:grid;grid-template-columns:245px minmax(500px,1fr) 245px;gap:24px;padding:30px clamp(20px,3vw,50px) 50px;max-width:1720px;margin:auto;position:relative;z-index:1}.left-rail,.right-rail{padding-top:13px}.round-display{margin:22px 0 29px;border-top:1px solid #527157;border-bottom:1px solid #527157;padding:22px 0}.round-display span{display:block;font-size:11px;color:#92a999;letter-spacing:.19em}.round-display strong{display:block;font-size:58px;color:#f1e8d0;line-height:1.1;letter-spacing:-.06em}.round-display i{font-size:21px;color:#9bad98;font-style:normal;font-weight:400}.rule-block{margin-bottom:23px}.rule-block b{font-size:14px;color:#e3d7ba}.rule-block p{font-size:13px;color:#a1b2a3;line-height:1.65;margin:7px 0}.log-heading{margin:38px 0 14px;padding-top:23px;border-top:1px solid #446049}.log-list{display:grid;gap:10px}.log-item{background:#ffffff09;border-left:2px solid #b99c59;padding:11px 12px;position:relative}.log-item span{font-size:12px;color:#dbbb6b}.log-item p{font-size:12px;color:#bdc9b9;margin:5px 0 0;padding-right:42px}.log-item b{position:absolute;right:10px;bottom:10px;font-size:13px;color:#f2cf77}.muted{color:#8b9e90;font-size:13px}.board{min-width:0}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.invite{background:transparent;border:1px solid #728474;color:#d8ddcb;padding:9px 14px;border-radius:7px;font-size:12px}.invite:hover{background:#ffffff15}.scoreboard{height:90px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.score-player{display:flex;align-items:center;gap:12px;min-width:180px;opacity:.72}.score-player.active{opacity:1}.avatar{width:49px;height:49px;flex:none;border-radius:11px;background:#bd9952;color:#1d281b;display:grid;place-items:center;font-size:23px;font-weight:900}.avatar.rival{background:#405c50;color:#d7e3d4}.score-player span{display:block;font-size:13px;color:#b8c7b9}.score-player strong{display:block;font-size:29px;color:#f3eedb;line-height:1.1;margin-top:5px;font-variant-numeric:tabular-nums}.score-player.opponent{text-align:right}.versus{font-size:12px;letter-spacing:.2em;color:#8eaa93;border:1px solid #4f6c55;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.felt{height:500px;border:1px solid #69836c;border-radius:22px;background:radial-gradient(ellipse at center,#2d5943 0%,#1d4433 66%,#193a2d 100%);box-shadow:inset 0 0 0 8px #173e2c,inset 0 0 0 10px #52785c,0 30px 65px #0006;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px 30px 28px}.felt-ring{position:absolute;inset:60px 12%;border:1px solid #ffffff16;border-radius:50%;pointer-events:none}.table-label{display:block;text-align:center;font-size:12px;letter-spacing:.12em;color:#c3d9c2}.table-label i{font-style:normal;letter-spacing:0;color:#91b199}.card-backs{display:flex;justify-content:center;margin-top:12px}.card-back{width:38px;height:56px;border-radius:5px;border:2px solid #c8ae70;background:repeating-linear-gradient(45deg,#254436 0 3px,#325c45 3px 5px);margin-left:-5px;display:grid;place-items:center;color:#e5c879;font-size:20px;box-shadow:0 3px 8px #0005}.center-marker{text-align:center;position:relative;z-index:1}.center-marker>span{font-size:27px;color:#e4c76b}.center-marker p{font-size:27px;font-weight:800;margin:4px 0;color:#f5e9cd}.center-marker small{font-size:12px;color:#c1dac1}.hand-row{display:flex;justify-content:center;margin-top:19px;min-height:115px}.playing-card{position:relative;flex:0 1 72px;width:72px;min-width:0;height:104px;margin:0 3px;background:#f9f3e4;border:2px solid #fffaf0;border-radius:7px;color:#1e3027;box-shadow:0 5px 10px #0006;transition:transform .16s,box-shadow .16s}.playing-card.red{color:#b64442}.playing-card:not(:disabled):hover{transform:translateY(-10px)}.playing-card.selected{transform:translateY(-17px);box-shadow:0 0 0 3px #f7c760,0 15px 19px #0006}.card-corner{position:absolute;top:6px;left:7px;text-align:center;font-size:19px;font-weight:800;line-height:1}.card-corner small{display:block;font-size:16px}.card-corner.bottom{left:auto;top:auto;right:7px;bottom:6px;transform:rotate(180deg)}.card-suit{font-size:39px}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;background:#18261e;border:1px solid #4b604c;border-radius:14px;padding:16px 20px}.hand-preview{min-width:170px}.hand-preview span{display:block;color:#a9bba9;font-size:12px}.hand-preview strong{display:inline-block;font-size:29px;color:#f6d377;margin:4px 12px 0 0;font-variant-numeric:tabular-nums}.hand-preview small{color:#b2bfb0;font-size:12px}.actions{display:flex;gap:9px;flex-shrink:0}.actions button{padding:0 17px}.actions button span{font-size:12px;margin-left:8px;opacity:.7}.board-error{margin-left:10px}.rail-label span{float:right;color:#a9b5a5;letter-spacing:0}.jokers{display:grid;gap:11px;margin-top:21px}.joker{display:flex;align-items:center;gap:12px;background:#213329;border:1px solid #55705a;border-radius:11px;padding:12px}.joker-symbol{display:grid;place-items:center;flex:none;width:48px;height:60px;border-radius:6px;background:#a84d43;color:#fff2d5;font-size:31px;border:2px solid #e5c978;box-shadow:inset 0 0 0 3px #ffffff20}.joker-spade,.joker-five{background:#494886}.joker-heart,.joker-echo{background:#8c4568}.joker-odd{background:#9c8038}.joker b{font-size:14px;color:#f0e4c7}.joker p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#b3c4b4}.joker-empty{border:1px dashed #58715b;border-radius:10px;padding:22px 15px;color:#9aaf9d;font-size:13px}.opponent-label{margin-top:35px;padding-top:24px;border-top:1px solid #45614a}.jokers.small .joker-symbol{width:32px;height:42px;font-size:21px}.jokers.small .joker{padding:8px}.jokers.small b{font-size:12px}footer{text-align:center;color:#6f8975;font-size:11px;letter-spacing:.11em;padding:22px;position:relative}footer span{color:#b89a5c;margin:0 10px}@media(max-width:1200px){.game-layout{grid-template-columns:minmax(0,1fr) 220px}.left-rail{grid-column:1/-1;display:none}.right-rail{padding-top:54px}}@media(max-width:850px){.top-caption{display:none}.game-layout{display:flex;flex-direction:column;padding:18px 14px}.right-rail{padding:0;order:2}.right-rail .jokers{display:flex;flex-wrap:wrap}.right-rail .joker{min-width:190px}.opponent-label{margin-top:18px}.entry-wrap{grid-template-columns:1fr;padding:40px 23px}.entry-art{height:230px;order:2;opacity:.4}.art-card{transform:scale(.6)!important}.entry-panel{margin:auto;width:100%}}@media(max-width:600px){.topbar{height:62px;padding:0 15px}.brand{font-size:19px}.top-right{font-size:11px}.board-heading .eyebrow{font-size:10px}.invite{font-size:11px;padding:8px}.scoreboard{height:75px}.score-player{min-width:0;gap:7px}.avatar{width:35px;height:35px;font-size:17px}.score-player span{font-size:11px}.score-player strong{font-size:22px}.versus{width:29px;height:29px;font-size:9px}.felt{height:430px;padding:20px 10px 20px;border-radius:14px}.center-marker p{font-size:22px}.hand-row{gap:0}.playing-card{flex:1;margin:0 1px;height:84px}.card-corner{font-size:15px;top:4px;left:4px}.card-corner small{font-size:13px}.card-suit{font-size:28px}.action-bar{flex-direction:column;align-items:stretch;padding:13px}.actions button{flex:1;padding:0 8px}.actions button span{margin-left:3px}.entry-panel h1{font-size:40px}}
button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}input{width:100%;padding:0 14px;min-width:0}.playing-card{display:block;padding:0}.brand-mark{display:inline}.field:focus-visible,button:focus-visible{outline:2px solid #f1c85c;outline-offset:3px}