:root{color:#ececdd;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#e4bd79;--muted:#92a898;--line:#ffffff20;--panel:#182e27;--ink:#ececdd;--card-width:86px;background:#181e19;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:17px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#20392f;border-radius:10px;min-height:42px;padding:10px 18px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#365443}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--gold);color:#25372d;border-color:var(--gold);font-weight:700}button.primary:hover:not(:disabled){background:#f4d397}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h2{font-weight:600}small{font-weight:400}.muted{color:var(--muted);line-height:1.8}.eyebrow{letter-spacing:.2em;color:var(--gold);font-size:13px}.app-shell{min-height:100dvh;padding:0 max(22px,env(safe-area-inset-right)) 20px max(22px,env(safe-area-inset-left));background:radial-gradient(at 25% 45%,#33463866,#0000 55%),repeating-linear-gradient(0deg,#5842310b 0 1px,#0000 1px 5px),#221e19}.app-shell.modern{--panel:#152b37;--muted:#8aa4b6;background:radial-gradient(at 30% 40%,#24435766,#0000 60%),linear-gradient(#20354722 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#20354722 1px,#0000 1px) 0 0/48px 48px,#0e1927}.masthead{border-bottom:1px solid #c3a36c40;justify-content:space-between;align-items:center;max-width:1360px;margin:auto;padding:25px 0 22px;display:flex}.brand{color:var(--gold);letter-spacing:.14em;align-items:center;gap:15px;font-family:Georgia,Songti SC,serif;font-size:25px;display:flex}.brand small{letter-spacing:.22em;color:var(--muted);margin-top:7px;font:11px system-ui;display:block}.brand-seal{border:1px solid #b59863;border-radius:4px;place-items:center;width:42px;height:46px;font-size:28px;display:grid}.header-tools{align-items:center;gap:27px;display:flex}.edition{color:var(--muted);letter-spacing:.12em;font-size:14px}.theme-toggle{background:0 0;border-radius:100px;min-height:36px;font-size:14px}.theme-toggle span{color:var(--gold);margin-right:5px}.lobby{grid-template-columns:1.1fr 1fr;align-items:center;gap:95px;max-width:1140px;margin:62px auto 50px;display:grid}.hero h1{letter-spacing:.02em;color:#f3efdc;margin:25px 0;font:clamp(58px,6vw,86px)/1.2 Georgia,Songti SC,SimSun,serif}.hero-copy{color:#acb7a3;font-size:17px;line-height:1.9}.hero-cards{--card-width:112px;isolation:isolate;height:211px;margin:20px 0 20px 35px;position:relative}.hero-cards:before{content:"";border:1px solid #b8a26525;border-radius:50%;position:absolute;inset:0 30px 0 -50px;transform:rotate(-15deg)}.hero-cards .playing-card{position:absolute;top:18px;left:0;transform:rotate(-14deg)}.hero-cards .playing-card:nth-child(2){top:0;left:98px;transform:rotate(1deg)}.hero-cards .playing-card:nth-child(3){top:21px;left:195px;transform:rotate(15deg)}.hero-foot{color:#bda16d;justify-content:space-between;gap:15px;max-width:395px;font:14px Georgia;display:flex}.hero-foot b{color:#b7bdad;margin-left:9px;font:14px system-ui}.setup-panel{background:linear-gradient(135deg,#ffffff04,transparent),var(--panel);border:1px solid #9caa8340;border-radius:22px;padding:32px 34px 20px;box-shadow:0 24px 55px #0003}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.seat-badge{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:5px 10px;font-size:12px}.setup-panel h2{margin-bottom:9px;font-size:27px}.setup-panel>.muted{margin-bottom:30px;font-size:15px}.profile-picker{border:0;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 25px;padding:0;display:grid}.profile-picker legend{color:#b5c0ac;margin-bottom:12px;font-size:14px}.profile-option{border:1px solid var(--line);cursor:pointer;background:#081c1725;border-radius:12px;flex-direction:column;align-items:center;padding:15px 6px 12px;display:flex;position:relative}.profile-option.checked{background:#bc965010;border-color:#cfad6e}.profile-option:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.profile-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar{color:#efca9a;background:#563c33;border:1px solid #a5785555;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;font:23px Georgia,Songti SC,serif;display:grid}.avatar.sage{color:#c6d6b6;background:#314438;border-color:#7c986855}.avatar.partner{color:#c9d5da;background:#36424b;border-color:#7f9aad55}.profile-option strong{margin:9px 0 4px;font-size:16px;font-weight:500}.profile-option small{color:var(--muted);font-size:12px}.start-button{justify-content:space-between;width:100%;margin-top:8px;padding:16px 20px;display:flex}.resume-button{background:0 0;justify-content:space-between;width:100%;margin-top:12px;font-size:15px;display:flex}.setup-note{text-align:center;color:var(--muted);margin:19px 0 0;font-size:12px}.status-dot{vertical-align:middle;background:#a4be8b;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.site-footer{border-top:1px solid var(--line);color:#84927d;letter-spacing:.04em;justify-content:space-between;max-width:1140px;margin:30px auto 0;padding-top:23px;font-size:12px;display:flex}.playing-card{vertical-align:top;width:var(--card-width);aspect-ratio:180/252;color:#172331;-webkit-user-select:none;user-select:none;background:#fffdf4;border:0;border-radius:6px;flex-shrink:0;min-height:0;padding:0;display:inline-block;position:relative;box-shadow:2px 4px 5px #0004;container-type:inline-size}.playing-card img{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.playing-card .corner{color:#172331;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:17cqw;font-weight:700;line-height:1;position:absolute;top:2%;left:4%}.playing-card.red .corner{color:#ad2339}.playing-card .corner.bottom{inset:auto 4% 2% auto;transform:rotate(180deg)}.playing-card .corner.joker{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.06em;font-size:9cqw}.playing-card.interactive:hover:not(:disabled){background:#fffdf4;box-shadow:0 0 0 2px #edcc88,2px 5px 6px #0005}.playing-card.interactive:disabled{opacity:1}.playing-card.selected{box-shadow:0 0 0 3px var(--gold),2px 5px 8px #0004;transform:translateY(-17px)}.playing-card:focus-visible{z-index:3;outline-offset:1px;outline:3px solid #f6d99f}.game{max-width:1400px;margin:auto}.table-toolbar{align-items:center;gap:17px;padding:17px 0 8px;display:flex}.table-toolbar button{background:0 0;font-size:14px}.room-id{color:var(--muted);font-size:13px}.tools-right{align-items:center;gap:9px;margin-left:auto;display:flex}.connection{color:#a8ba94;margin-right:12px;font-size:13px}.connection.offline{color:#ffc397}.game-table{isolation:isolate;height:660px;position:relative}.felt{background:radial-gradient(#265343,#173e31);border:15px solid #4b392a;border-radius:48%;outline:2px solid #b2965d;position:absolute;inset:32px 65px 140px;overflow:hidden;box-shadow:0 10px #0003,inset 0 0 30px #0005}.felt:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 3px,#e3ddaa03 4px);position:absolute;inset:0}.felt-stitch{border:1px dashed #b0bc7f55;border-radius:48%;position:absolute;inset:10px}.modern .felt{background:radial-gradient(#263e53,#172c40);border-color:#1d3546;outline-color:#49899c}.table-watermark{text-align:center;letter-spacing:.35em;color:#b4c59b35;width:100%;font:17px Georgia;position:absolute;top:20%}.table-watermark small{letter-spacing:.25em;font:10px system-ui}.bottom-cards{--card-width:41px;align-items:center;gap:7px;display:flex;position:absolute;top:13px;left:50%;transform:translate(-50%)}.bottom-caption{color:var(--muted);white-space:nowrap;margin-right:6px;font-size:12px}.bottom-cards strong{color:var(--gold);white-space:nowrap;margin-left:9px;font:25px Georgia}.opponent{z-index:2;width:226px;position:absolute;top:55px}.opponent-1{left:0}.opponent-2{right:0}.opponent-info{background:#23342eee;border:1px solid #ffffff25;border-radius:13px;align-items:center;gap:9px;padding:12px;display:flex}.modern .opponent-info{background:#1d3040ee}.opponent.active .opponent-info{border-color:var(--gold);box-shadow:0 0 20px #e6bd7112}.opponent-info strong{white-space:nowrap;font-size:16px}.opponent-info em,.player-caption em{color:var(--gold);margin-left:5px;font-size:12px;font-style:normal;font-weight:400}.opponent-info small{color:var(--muted);white-space:nowrap;margin-top:5px;font-size:12px;display:block}.remaining{margin-left:auto;font:25px Georgia}.remaining small{margin-left:3px;font-size:12px;display:inline}.remaining.urgent{color:#f7a895}.opponent-hand{--card-width:49px;height:250px;margin:20px 0 0 24px;position:relative}.opponent-2 .opponent-hand{margin-left:151px}.opponent-hand .playing-card{top:calc(var(--index)*var(--back-gap));position:absolute;transform:rotate(-4deg)}.opponent-2 .opponent-hand .playing-card{transform:rotate(4deg)}.discard-pile{--card-width:34px;opacity:.8;width:110px;position:absolute;top:260px}.discard-pile .playing-card{position:absolute}.pile-1{left:20%}.pile-2{right:23%}.pile-0{top:374px;left:46%}.center-stage{text-align:center;z-index:3;width:56%;position:absolute;top:178px;left:50%;transform:translate(-50%)}.center-stage h2{letter-spacing:.08em;margin:14px 0 18px;font:32px Georgia,Songti SC,serif}.center-stage>.muted{font-size:15px}.last-label{margin-bottom:12px;font-size:16px}.last-label span{color:var(--muted);font-size:14px}.last-cards{--card-width:57px;justify-content:center;max-width:90%;min-height:80px;margin:0 auto;padding-left:25px;display:flex}.last-cards .playing-card{margin-left:-25px}.last-cards:has(.playing-card:nth-child(11)) .playing-card{margin-left:-38px}.free-lead{color:#c5cbb8;margin:25px 0 35px;font-size:23px}.turn-indicator{color:var(--muted);margin-top:18px;font-size:15px}.turn-indicator.mine{color:var(--gold)}.result-panel{background:#142d28f7;border:1px solid #b69b5d;border-radius:18px;width:min(420px,100%);margin:-35px auto 0;padding:23px 30px;box-shadow:0 12px 35px #0004}.modern .result-panel{background:#16293cf7}.result-icon{color:var(--gold);font-size:27px}.result-panel h2{margin:8px 0 12px;font-size:29px}.result-panel p{color:var(--muted);font-size:14px}.score{color:var(--gold);margin:17px 0;font:32px Georgia;display:block}.score small{color:var(--muted);font:12px system-ui}.result-panel button{min-width:190px}.player-zone{z-index:5;position:absolute;bottom:0;left:18px;right:18px}.player-caption{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.player-caption strong{color:#e9e3c7;font-size:16px;font-weight:500}.player-caption span{color:var(--muted);font-size:12px}.actions{justify-content:center;gap:12px;margin:0 0 28px;display:flex}.actions button{min-width:93px;font-size:16px}.hand-rows{flex-direction:column;gap:18px;display:flex}.hand-row{--card-width:clamp(59px,6.7vw,94px);justify-content:center;width:min(100%,1180px);margin:0 auto;display:flex}.hand-slot{flex:0 72px;min-width:0}.hand-slot:last-child{flex:0 0 var(--card-width)}.table-comment{color:var(--muted);justify-content:space-between;gap:20px;margin:24px 18px 0;font-size:13px;line-height:1.6;display:flex}.table-comment>span{white-space:nowrap;color:#798a78;font-size:12px}.recorder{z-index:8;background:#102923f7;border:1px solid #a6905f;border-radius:13px;width:min(590px,70%);padding:13px 15px;position:absolute;top:358px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #0005}.recorder>div{align-items:center;gap:12px;font-size:14px;display:flex}.recorder small{color:var(--muted);font-size:11px}.recorder button{background:0 0;border:0;width:28px;min-height:26px;margin-left:auto;padding:0;font-size:20px}.recorder ol{justify-content:space-between;gap:5px;margin:9px 0 0;padding:0;list-style:none;display:flex}.recorder li{text-align:center;color:var(--gold);font:16px Georgia}.recorder li span{color:#d6d9bf;margin-bottom:7px;font:12px system-ui;display:block}.recorder .empty{opacity:.3}.notice{bottom:max(20px,env(safe-area-inset-bottom));color:#ebd09f;z-index:30;background:#102a26f5;border:1px solid #b79b65;border-radius:12px;align-items:center;gap:17px;width:max-content;max-width:calc(100% - 30px);padding:13px 17px;font-size:15px;line-height:1.7;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.notice button{background:0 0;border:0;min-height:24px;padding:0 5px;font-size:23px}.loading-table{text-align:center;padding:100px 0}.loading-table .brand-seal{margin:0 auto 25px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background:#0009;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.history-panel{background:var(--panel);border:1px solid #b79b6566;border-radius:18px;width:min(540px,100%);max-height:80dvh;padding:20px;overflow:auto}.history-panel header{justify-content:space-between;align-items:center;display:flex}.history-panel h2{margin:0;font-size:23px}.history-panel header button{background:0 0;border:0;padding:0 10px;font-size:25px}.history-panel ol{padding:0;list-style:none}.history-panel li{border-bottom:1px solid var(--line);padding:13px 0}.history-panel li>b{color:var(--gold);margin-right:12px;font-size:15px}.history-panel li>span{font-size:14px}.history-panel li>small{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.6;display:block}.history-cards{--card-width:33px;flex-wrap:wrap;gap:3px;margin-top:10px;display:flex}@media (width>=1450px){.game-table{height:740px}.felt{bottom:150px}.center-stage{top:213px}.opponent{top:85px}.bottom-cards{top:30px}.discard-pile{top:300px}.pile-0{top:425px}.recorder{top:415px}}@media (width<=1000px){.lobby{gap:35px;margin-top:40px}.setup-panel{padding:25px}.hero h1{font-size:64px}.hero-cards{--card-width:95px;margin-left:20px}.hero-cards .playing-card:nth-child(2){left:78px}.hero-cards .playing-card:nth-child(3){left:155px}.opponent{width:182px}.opponent-info{gap:7px;padding:10px}.opponent-info .avatar{width:30px;height:30px;font-size:18px}.opponent-info strong{font-size:16px}.opponent-info small{font-size:10px}.remaining{font-size:21px}.opponent-2 .opponent-hand{margin-left:125px}.game-table{height:610px}.center-stage{top:173px}.felt{inset:33px 30px 117px}.table-comment>span{display:none}.player-zone{left:0;right:0}.actions button{min-width:78px}}@media (width<=700px){.app-shell{padding-left:16px;padding-right:16px}.masthead{padding:17px 0}.brand{gap:10px;font-size:20px}.brand-seal{width:34px;height:38px;font-size:23px}.brand small{font-size:9px}.edition{display:none}.header-tools{gap:0}.theme-toggle{padding:7px 10px;font-size:12px}.lobby{grid-template-columns:1fr;gap:26px;max-width:440px;margin:30px auto}.hero{min-height:188px;position:relative}.hero h1{margin:15px 0;font-size:48px;line-height:1.05}.hero .eyebrow{font-size:12px}.hero-copy{margin:0;font-size:14px}.hero-cards{--card-width:69px;width:162px;height:145px;margin:0;position:absolute;top:36px;right:0}.hero-cards .playing-card:nth-child(2){left:43px}.hero-cards .playing-card:nth-child(3){left:83px}.hero-foot{display:none}.setup-panel{padding:22px}.setup-panel h2{font-size:24px}.setup-panel>.muted{margin-bottom:22px}.panel-heading{margin-bottom:14px}.profile-picker{margin-bottom:20px}.profile-option{padding:12px 4px 10px}.site-footer{text-align:center;margin-top:26px;line-height:1.7;display:block}.site-footer>span{display:block}.room-id,.connection{display:none}.table-toolbar{gap:0;padding:10px 0}.table-toolbar button{min-height:35px;padding:6px 10px;font-size:12px}.tools-right{gap:5px}.center-stage h2{font-size:24px}.center-stage .eyebrow{font-size:11px}}@media (width<=600px) and (orientation:portrait){.app-shell.in-game{padding-left:10px;padding-right:10px}.in-game .masthead{padding:12px 3px}.game-table{height:max(670px,100dvh - 165px)}.felt{border-width:7px;border-radius:35%;outline-width:1px;inset:52px 2px 214px}.felt-stitch{border-radius:35%;inset:6px}.table-watermark{font-size:15px;top:32%}.bottom-cards{--card-width:33px;gap:5px;top:0}.bottom-caption{margin-right:0;font-size:10px}.bottom-cards strong{margin-left:4px;font-size:20px}.opponent{width:46%;top:63px}.opponent-info{border-radius:10px;gap:6px;padding:9px 7px}.opponent-info .avatar{width:29px;height:29px;font-size:17px}.opponent-info strong{font-size:15px}.opponent-info small{font-size:10px}.opponent-info em{font-size:11px}.remaining{font-size:20px}.remaining small{font-size:10px}.opponent-hand{--card-width:31px;max-width:100%;height:59px;margin:10px 0 0 9px}.opponent-hand .playing-card{top:0;left:calc(var(--index)*5px);transform:rotate(-5deg)}.opponent-2 .opponent-hand{margin-left:20px}.opponent-2 .opponent-hand .playing-card{transform:rotate(5deg)}.center-stage{width:84%;top:199px}.center-stage h2{margin-top:9px;margin-bottom:13px}.center-stage>.muted{font-size:13px}.last-label{margin-bottom:10px;font-size:14px}.last-label span{font-size:12px}.last-cards{--card-width:44px;max-width:95%;min-height:62px;padding-left:26px}.last-cards .playing-card{margin-left:-26px}.last-cards:has(.playing-card:nth-child(11)) .playing-card{margin-left:-31px}.turn-indicator{margin-top:16px;font-size:14px}.free-lead{margin-bottom:22px;font-size:21px}.discard-pile{--card-width:25px;opacity:.64;width:53px;top:312px}.pile-1{left:8%}.pile-2{right:12%}.pile-0{top:369px;left:42%}.player-zone{bottom:0}.player-caption{margin-bottom:12px}.player-caption strong{font-size:15px}.player-caption span{font-size:11px}.actions{gap:8px;margin-bottom:22px}.actions button{flex:1;min-width:0;max-width:90px;padding:9px 7px;font-size:15px}.hand-rows{gap:15px}.hand-row{--card-width:61px;max-width:390px}.hand-slot{flex:0 45px}.hand-row:only-child{margin-bottom:36px}.playing-card.selected{transform:translateY(-12px)}.recorder{width:97%;padding:8px 10px;top:333px}.recorder small{font-size:10px}.recorder ol{gap:3px}.recorder li{font-size:15px}.recorder li span{font-size:10px}.result-panel{width:100%;margin-top:-10px;padding:18px 14px}.result-panel h2{font-size:24px}.result-panel p{font-size:12px}.score{margin:13px 0;font-size:30px}.result-panel button{min-width:180px}.table-comment{margin:12px 3px 0;font-size:12px}.notice{font-size:14px}.setup-note{font-size:11px}}@media (height<=560px) and (orientation:landscape){.masthead{padding:9px 0}.brand{font-size:18px}.brand-seal{width:29px;height:31px;font-size:20px}.brand small{margin-top:3px;font-size:9px}.table-toolbar{padding:6px 0}.table-toolbar button{min-height:30px;padding:4px 9px}.game-table{height:450px}.felt{inset:23px 28px 103px}.opponent{top:40px}.opponent-hand{--card-width:34px;height:145px}.opponent-hand .playing-card{top:calc(var(--index)*7px)}.center-stage{top:121px}.bottom-cards{--card-width:30px;top:2px}.last-cards{--card-width:43px;min-height:60px}.last-label{margin-bottom:7px}.turn-indicator{margin-top:10px}.discard-pile{--card-width:25px;top:200px}.pile-0{top:248px}.actions{margin-bottom:21px}.actions button{min-height:33px;padding:5px 12px}.hand-row{--card-width:59px}.player-caption{margin-bottom:5px}.table-comment{margin-top:12px}.recorder{top:242px}.result-panel{padding:10px 20px}.result-panel h2{margin:3px 0;font-size:23px}.result-panel p{margin-bottom:6px}.score{margin:6px 0}.result-icon{font-size:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (height<=560px) and (orientation:landscape){.app-shell.in-game{padding-bottom:8px}.in-game .masthead{padding:6px 0}.table-toolbar{padding:3px 0}.table-toolbar button{min-height:28px}.game-table{height:calc(100dvh - 114px);min-height:246px}.felt{border-width:8px;inset:7px 20px 89px}.felt-stitch{inset:5px}.table-watermark{font-size:14px;top:30%}.table-watermark small{font-size:9px}.bottom-cards{--card-width:25px;gap:4px;top:0}.bottom-cards strong{font-size:18px}.bottom-caption{font-size:11px}.opponent{width:174px;top:15px}.opponent-info{padding:7px 8px}.opponent-info .avatar{width:26px;height:26px;font-size:17px}.opponent-info strong{font-size:14px}.opponent-info small{margin-top:3px;font-size:10px}.opponent-hand{--card-width:25px;height:100px;margin-top:7px}.opponent-hand .playing-card{top:calc(var(--index)*2px)}.table-watermark{display:none}.center-stage{width:50%;top:52px}.center-stage h2{margin:7px 0;font-size:21px}.center-stage .eyebrow{margin-bottom:4px;font-size:10px}.center-stage>.muted{margin:6px 0;font-size:13px}.last-cards{--card-width:34px;min-height:48px}.last-cards .playing-card{margin-left:-15px}.last-cards:has(.playing-card:nth-child(11)) .playing-card{margin-left:-20px}.last-label{margin-bottom:4px;font-size:13px}.last-label span{font-size:12px}.turn-indicator{margin:6px 0;font-size:13px}.free-lead{margin:10px 0;font-size:18px}.discard-pile{--card-width:21px;top:100px}.pile-0{top:128px}.player-caption{margin-bottom:4px}.player-caption strong{font-size:14px}.player-caption span{font-size:11px}.actions{gap:8px;margin-bottom:14px}.actions button{min-height:28px;padding:4px 12px;font-size:14px}.hand-row{--card-width:52px}.playing-card.selected{transform:translateY(-9px)}.table-comment{margin:6px 0 0;font-size:11px;line-height:1.4}.recorder{padding:7px 12px;top:106px}.recorder ol{margin-top:4px}.recorder li span{margin-bottom:4px}.result-panel{margin-top:-28px;padding:8px 16px}.result-panel h2{margin:3px 0;font-size:20px}.result-panel p{margin:5px 0;font-size:12px}.result-icon{font-size:16px}.score{margin:6px 0;font-size:22px}.result-panel button{min-height:30px;padding:4px 15px;font-size:14px}}.profile-option.unavailable{opacity:.4;cursor:not-allowed}.profile-option input:disabled{cursor:not-allowed}.mode-picker{border:0;gap:10px;margin:24px 0;padding:0;display:grid}.mode-picker label{cursor:pointer;border:1px solid #537064;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.mode-picker label:has(input:checked){background:#b79b651c;border-color:#e6bd72}.mode-picker small{margin-top:5px;font-size:16px;display:block}.join-room{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.join-room label{flex:1;gap:8px;display:grid}.join-room input{min-width:0;font:inherit;padding:12px}.invite-code{letter-spacing:2px;-webkit-user-select:all;user-select:all;margin:12px 0;font-size:clamp(22px,4vw,34px);display:block}.growth-dashboard{gap:12px;display:grid}.growth-dashboard progress{accent-color:#e6bd72;width:100%;height:18px;margin-top:8px;display:block}.growth-dashboard form{gap:12px;display:grid}.growth-dashboard form label{gap:6px;display:grid}.game[data-phase=waiting] .bottom-cards,.game[data-phase=waiting] .remaining,.game[data-phase=waiting] .player-caption span{visibility:hidden}.growth-dashboard .xp-label progress{height:18px}.hand-rows{touch-action:none;-webkit-user-select:none;user-select:none}.turn-indicator{color:#fff0ce;background:#08231fe8;border:1px solid #e4bd7977;border-radius:12px;max-width:100%;padding:9px 14px;font-size:22px;font-weight:700;line-height:1.4;display:inline-block}.turn-indicator.mine{color:#ffe3a4;box-shadow:0 0 18px #e4bd7930}.center-stage>.muted,.last-label{color:#eee9d0;font-size:18px}.profile-option strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.opponent-info>div{min-width:0}.opponent-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-summary{justify-content:space-between;align-items:center;gap:12px;padding:16px 0 22px;display:flex}.account-summary>div{min-width:0}.account-summary strong{overflow-wrap:anywhere;display:block}.account-summary span{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.6;display:block}.account-summary button{flex-shrink:0;padding:9px 12px;font-size:13px}.account-panel{color:var(--ink);background:var(--panel);box-sizing:border-box;border:1px solid #b79b65;border-radius:20px;width:min(560px,100% - 24px);max-height:90dvh;padding:24px;font-family:inherit;overflow:auto}.account-panel::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a}.account-panel header{background:var(--panel);z-index:2;padding:12px 0;position:sticky;top:-24px}.account-panel header,.account-section{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-panel header h2{margin:0}.account-panel header button{background:0 0;border:0;padding:0 12px;font-size:24px}.account-panel h3{margin:20px 0 12px;font-size:19px}.account-panel .muted{margin:14px 0;font-size:14px;line-height:1.8}.account-panel form{gap:16px;margin-top:20px;display:grid}.account-panel form>label{gap:8px;font-size:15px;display:grid}.account-panel input:not([type=radio]){box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#0b201c;border-radius:9px;min-height:44px;padding:10px 12px}.account-tabs{gap:12px;margin:16px 0 8px;display:flex}.account-tabs button{flex:1}.level-badge{color:var(--gold);margin-left:8px;font-size:15px}.account-stats{text-align:center;background:#ffffff07;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;display:grid}.account-stats span{color:var(--muted);font-size:14px}.account-stats b{color:var(--gold);margin-bottom:7px;font-size:26px;display:block}.xp-label{color:var(--muted);margin-top:18px;font-size:14px;display:block}.xp-label progress{width:100%;height:8px;accent-color:var(--gold);margin-top:8px;display:block}.opponent-list{max-height:260px;margin:8px 0;padding:0;list-style:none;overflow:auto}.opponent-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.opponent-list strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px}.opponent-list button{padding:7px 10px;font-size:14px}.opponent-editor{border:1px solid var(--line);border-radius:12px;padding:16px}.avatar-picker{border:0;grid-template-columns:repeat(6,1fr);gap:8px;padding:0;display:grid}.avatar-picker legend{margin-bottom:10px;font-size:15px}.avatar-picker label{border:1px solid var(--line);aspect-ratio:1;cursor:pointer;border-radius:50%;place-items:center;font-size:23px;display:grid;position:relative}.avatar-picker input{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-picker .checked{border-color:var(--gold);color:var(--gold);background:#e4bd7920}.avatar-picker label:has(:focus-visible){outline:2px solid var(--gold)}.logout-button{background:0 0;width:100%;margin-top:20px}.form-error{color:#ffb8a6;margin-top:16px;font-size:15px;line-height:1.6}@media (width<=600px){.turn-indicator{padding:8px 12px;font-size:18px}.center-stage>.muted,.last-label{font-size:16px}.account-panel{padding:18px}.account-summary{align-items:flex-start}.profile-picker{max-height:290px;padding:3px;overflow:auto}}@media (height<=560px) and (orientation:landscape){.turn-indicator{margin:5px 0;padding:4px 10px;font-size:17px}.center-stage>.muted,.last-label{font-size:15px}.center-stage{top:58px}}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.account-identity,.avatar-upload{align-items:center;gap:16px;margin:16px 0;display:flex}.account-tabs{flex-wrap:wrap}.avatar-upload label{flex:1;min-width:0}.avatar-upload input{max-width:100%;font-size:16px}.ledger-list{gap:12px;padding:0;list-style:none;display:grid}.ledger-list li{border:1px solid #526753;border-radius:12px;gap:6px;padding:14px;display:grid}.ledger-list time,.ledger-list small{color:#b9cabc;font-size:16px}.danger-zone{border:1px solid #bc7866;border-radius:12px;margin-top:24px;padding:16px}.danger-zone summary{cursor:pointer;color:#ffba9d}.account-panel nav{margin:20px 0}.account-panel section{min-width:0}.account-panel nav button{white-space:nowrap;padding:10px 8px;font-size:16px}.account-panel .avatar{flex-shrink:0}@media (width<=480px){.account-panel nav{grid-template-columns:1fr 1fr;display:grid}.account-panel .muted,.account-panel form>label{font-size:16px}}.game-catalog{color:var(--muted);margin-top:20px;font-size:16px}.game-catalog summary{cursor:pointer}.game-catalog ul{grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none;display:grid}.game-catalog li{background:#ffffff08;border-radius:8px;justify-content:space-between;gap:10px;padding:10px;display:flex}.game-catalog small{color:var(--gold);font-size:14px}