.motion-overlay{--curtain: #194735;--curtain2: #32705a;--on-curtain: #eee6ce;--cut-sheet: #214d3b;--cut-shadow: #af915b;--shutter: #164532;position:fixed;z-index:var(--layer-transition);overflow:hidden;pointer-events:none;isolation:isolate;container-type:inline-size;background:var(--paper)}.motion-overlay[data-theme=black]{--curtain: #242a23;--curtain2: #403c2b;--on-curtain: #e9d3a3;--cut-sheet: #c2a56b;--cut-shadow: #444a3a;--shutter: #1c201b}.motion-view{position:absolute;inset:0;overflow:hidden;background:var(--paper);transform-origin:center;pointer-events:none}.motion-view>.screen-content{position:absolute}.motion-view *,.motion-view *:before,.motion-view *:after,.motion-capture,.motion-capture *,.motion-capture *:before,.motion-capture *:after{animation:none!important;transition:none!important}.motion-overlay .effect{position:absolute;inset:0;pointer-events:none;visibility:hidden;z-index:5;overflow:hidden}.motion-overlay .effect i{position:absolute;display:block}.motion-overlay .axis-blade{inset:-30%;background:var(--curtain);will-change:transform}.motion-overlay .axis-blade.one{clip-path:polygon(0 0,48% 0,23% 100%,0 100%)}.motion-overlay .axis-blade.two{clip-path:polygon(47.9% 0,78% 0,53% 100%,22.9% 100%);background:var(--curtain2)}.motion-overlay .axis-blade.three{clip-path:polygon(77.9% 0,100% 0,100% 100%,52.9% 100%);background:var(--curtain)}.motion-overlay .axis-label{position:absolute;top:30%;left:17%;color:var(--on-curtain);display:grid;grid-template-columns:auto 18%;align-items:center;width:70%;clip-path:inset(0);will-change:transform,opacity}.motion-overlay .axis-label small{grid-column:1/-1;font:10px Georgia;letter-spacing:4px}.motion-overlay .axis-label b{font:700 clamp(38px,11cqw,102px) "Noto Serif TC","PMingLiU",serif;letter-spacing:9px;line-height:1.5}.motion-overlay .axis-label>span{font:clamp(36px,10cqw,96px) Georgia;font-weight:400}.motion-overlay .axis-line{background:var(--gold);height:1px;width:110%;left:-5%;top:72%;transform-origin:left}.motion-overlay .silhouette-sheet,.motion-overlay .silhouette-shadow{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);will-change:transform}.motion-overlay .silhouette-paper{fill:var(--cut-sheet)}.motion-overlay .silhouette-hairline{stroke:var(--on-curtain);stroke-width:.7;opacity:.45}.motion-overlay .silhouette-sheet text{fill:var(--on-curtain);font:11px Georgia;letter-spacing:5px}.motion-overlay .silhouette-shadow{fill:var(--cut-shadow);transform-origin:50% 50%}.motion-overlay .cutout{transform-origin:50% 50%;transform-box:view-box}.motion-overlay .silhouette-seam{top:0;bottom:0;width:1px;background:var(--gold);left:50%}.motion-overlay .continuity-rule{left:4.5%;right:4.5%;height:1px;top:32.833%;background:var(--gold);transform-origin:left center}.motion-overlay .continuity-tick{width:1px;height:34px;background:var(--gold);top:30.167%}.motion-overlay .continuity-tick.first{left:45px}.motion-overlay .continuity-tick.second{right:45px}.motion-overlay .continuity-index{position:absolute;right:4.7%;top:8.833%;font:11px Georgia;letter-spacing:3px;color:var(--gold)}.motion-overlay .continuity-index b{font-weight:400;margin:0 12px}.motion-overlay .shutter{position:absolute;inset:0;background:var(--shutter);will-change:transform;display:flex;align-items:center;justify-content:center;color:var(--gold)}.motion-overlay .left-shutter{right:50%;border-right:1px solid var(--gold)}.motion-overlay .right-shutter{left:50%;border-left:1px solid var(--gold)}.motion-overlay .shutter>i{inset:7%;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.motion-overlay .left-shutter>i{right:0;border-right:0}.motion-overlay .right-shutter>i{left:0;border-left:0}.motion-overlay .shutter span{font:700 clamp(32px,5.6cqw,52px) "Noto Serif TC","PMingLiU",serif;opacity:1;color:#f5dfab;text-shadow:0 2px 20px #c6a15b24;letter-spacing:4px}.motion-overlay .aperture-seam{top:0;left:50%;height:100%;width:1px;background:var(--gold);transform-origin:center center}.motion-overlay .aperture-label{position:absolute;top:74%;left:0;right:0;text-align:center;color:var(--gold);font:10px Georgia;letter-spacing:5px}.transition-setting-controls{display:flex;align-items:center;gap:10px}.transition-setting select{width:auto;min-width:156px;min-height:44px;padding:10px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:4px}.transition-setting .button{min-height:44px;padding-inline:14px}@media(max-width:420px){.transition-setting{flex-wrap:wrap}.transition-setting-controls{width:100%}.transition-setting select{flex:1;min-width:0}}:root{font-family:Noto Sans TC,sans-serif;color:#283d35;background:#f7f8f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #205d48;--green-deep: #154c3b;--ink: #273d34;--muted: #90958c;--line: #e7e9e1;--cream: #f7f5ec;--gold: #bb9a5c}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #b79855}button{touch-action:manipulation}a{color:var(--green)}button,input,select{-webkit-tap-highlight-color:transparent}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,p{margin:0}button svg,span svg{flex-shrink:0}::selection{background:#d4e6d9}input,select{min-width:0}input:focus,select:focus{outline:2px solid #a8c3ad;outline-offset:1px}input[type=checkbox]{accent-color:var(--green)}.app{min-height:100vh}.sidebar{width:98px;position:fixed;inset:0 auto 0 0;background:#fbfcf8;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;z-index:20}.logo-button{padding:0;margin:28px 0 43px}.brand-mark{position:relative;width:45px;height:45px;display:inline-flex;justify-content:center;align-items:center;background:var(--green);border-radius:13px;color:#f6f2df;font:38px/1 Georgia,serif;padding-bottom:4px;box-shadow:0 3px 6px #173b2720}.brand-mark i{position:absolute;right:8px;top:9px;width:5px;height:5px;background:#c8ba7c;border-radius:50%;border:1px solid var(--green)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy b{font-family:"Noto Serif TC",serif;font-size:23px;letter-spacing:6px;line-height:1.25;font-weight:800}.brand-copy>span{font:8px/1.7 Arial,sans-serif;letter-spacing:1.45px;color:#7e887c}.sidebar-nav{width:100%;display:flex;align-items:center;flex-direction:column;gap:9px}.sidebar-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:74px;height:77px;font-size:10px;color:#8c958a;border-radius:10px;letter-spacing:.5px}.sidebar-nav>button:hover{background:#eff2e9;color:var(--green)}.sidebar-nav>button.active{background:#e8eee3;color:var(--green);font-weight:600;position:relative}.sidebar-nav>button.active:before{content:"";width:3px;height:21px;background:var(--green);position:absolute;left:-12px;top:29px;border-radius:0 3px 3px 0}.nav-divider{height:1px;background:var(--line);width:30px;margin:13px 0 7px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;padding:24px 0 29px;gap:29px;width:100%}.sidebar-bottom>button{color:#8b9689;padding:10px}.sidebar-stem{margin-top:24px;color:#8c9d83}.sidebar-bottom small{font-size:9px;line-height:1.8;text-align:center;letter-spacing:2px;color:#a4aa9d;margin-top:-20px}.app-body{margin-left:98px;min-height:100vh}.header{height:100px;display:flex;align-items:center;padding:0 46px;gap:31px;border-bottom:1px solid var(--line);background:#fafbf7}.header .brand-mark{display:none}.header-breadcrumb{font-size:11px;display:flex;align-items:center;gap:26px;color:#8b9287}.header-breadcrumb>span{height:22px;width:1px;background:#e0e4da}.header-tools{margin-left:auto;display:flex;gap:20px;align-items:center}.connection{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c9885}.connection svg{color:#6c8b69}.connection.disconnected{color:#b28b4e}.header-separator{width:1px;height:23px;background:var(--line);margin:0 2px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#7c8879}.icon-button:hover{background:#e9eee3;color:var(--green)}.profile-button{display:flex;gap:11px;align-items:center;text-align:left}.avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e9e5d4;flex-shrink:0;position:relative;overflow:hidden;border:1px solid #00000006}.avatar>span{font-family:"Segoe UI Emoji",sans-serif;font-size:26px;line-height:1;transform:translateY(2px);filter:saturate(.7)}.avatar-1{background:#e1e4d5}.avatar-2{background:#f1dfc4}.avatar-3{background:#d5e3df}.avatar-4{background:#eeddca}.avatar-5{background:#f0e2df}.avatar.large{height:76px;width:76px;border:4px solid #f0efe1;box-shadow:0 5px 15px #1539271a}.avatar.large>span{font-size:52px}.profile-button>span:not(.avatar){display:flex;flex-direction:column;gap:4px}.profile-button b{font-size:11px;font-weight:600;letter-spacing:.5px}.profile-button small{font-size:8px;color:#a0a499}.profile-button>svg{color:#91998c;margin-left:6px}.main-content{max-width:1600px;margin:auto;padding:39px 46px 0}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#8d9986;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#72956e}.page-intro h1{font-family:"Noto Serif TC",serif;font-size:30px;letter-spacing:1px;font-weight:700;line-height:1.6;margin-top:10px;color:#2d4437}.page-intro h1>span{color:#84a07a}.page-intro p{font-size:11px;letter-spacing:.5px;color:#989e92;margin-top:7px}.intro-note{display:flex;align-items:center;gap:9px;color:#a1a695;font-size:10px;margin-top:33px;letter-spacing:.7px}.intro-note svg{color:#8e9c81}.hero-grid{display:grid;grid-template-columns:minmax(0,2.44fr) minmax(275px,1fr);gap:22px}.hero{min-height:365px;position:relative;border-radius:14px;overflow:hidden;background:#1c5843;color:#fffaf0;isolation:isolate;box-shadow:0 7px 17px #254e2c0a}.hero:after{content:"";position:absolute;width:400px;height:400px;right:-70px;bottom:-300px;border:1px solid #eff8dd10;transform:rotate(-25deg);border-radius:36px;z-index:-1}.hero-grain{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.hero-rings{position:absolute;right:-55px;top:-165px;width:550px;height:550px;z-index:-1}.hero-rings i{position:absolute;inset:0;border:1px solid #dce7c40b;border-radius:50%}.hero-rings i:nth-child(2){inset:48px}.hero-rings i:nth-child(3){inset:95px}.hero-copy{position:relative;z-index:3;padding:29px 0 26px 35px;width:53%}.hero-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce9c428;background:#e4edce06;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:1px;color:#d0dbc6}.hero-tag>span{height:4px;width:4px;background:#b7c78d;border-radius:50%}.hero-copy h2{font-family:"Noto Serif TC",serif;font-size:49px;line-height:1.45;letter-spacing:5px;font-weight:700;margin-top:17px;white-space:nowrap}.hero-copy h2>span{color:#d1c283}.hero-copy p{font-size:10px;color:#b8c9b9;line-height:1.9;letter-spacing:.8px;margin-top:12px}.button{min-height:44px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 20px;font-size:11px;font-weight:500;letter-spacing:.4px;white-space:nowrap}.button.green{background:var(--green);color:#fffcef;border:1px solid var(--green)}.button.green:hover:not(:disabled){background:#124b37;box-shadow:0 4px 12px #245c4020}.button.cream{background:#f0ecd9;color:#2a513d}.button.cream:hover{background:#fff8dd}.button.outline{border:1px solid #dce2d5;background:#fafbf6}.button.outline:hover{background:#edf2e7;border-color:#b4c5ac}.button.small{min-height:35px;padding:0 13px;font-size:10px;gap:7px}.button.full{width:100%;margin-top:22px;font-size:12px;min-height:47px}.hero-cta{margin-top:23px;width:151px;justify-content:space-between;padding:0 17px;min-height:42px}.hero-foot{display:flex;align-items:center;gap:6px;font-size:8px;color:#9db79e;margin-top:14px;letter-spacing:.5px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:50%}.hero-art .playing-card{width:127px;height:177px;border-radius:9px;background:#fbfaf0;box-shadow:0 12px 25px #042c2560;border:1px solid #fff8e6}.hero-art .card-corner{left:12px;top:13px;gap:2px}.hero-art .card-corner>b{font:35px/.9 Georgia,serif}.hero-art .card-corner>span{font-size:25px}.hero-art .card-pip{font:77px/1 Georgia,serif;top:70px;left:54px;transform:none}.hero-art .card-bottom{right:10px;bottom:10px;font-size:15px}.art-card{position:absolute;top:93px;left:30%;filter:drop-shadow(0 3px 6px #122b2019)}.art-card-one{transform:rotate(-25deg) translate(-55px,-7px);z-index:1}.art-card-two{transform:rotate(-7deg) translate(7px,-17px);z-index:2}.art-card-three{transform:rotate(14deg) translate(69px,10px);z-index:3}.hero-art .art-card-three .playing-card{background:#fffdf5}.art-orbit{position:absolute;border:1px solid #c9ddc02a;width:258px;height:120px;border-radius:50%;top:135px;left:8%;transform:rotate(-32deg)}.orbit-two{width:310px;height:164px;top:107px;left:0;border-style:dashed;opacity:.35}.art-spark{position:absolute;color:#cfbf82;font:26px Georgia,serif}.spark-one{right:17%;top:58px}.spark-two{left:9%;top:229px;font-size:20px}.art-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#b7c28a}.dot-one{left:24%;top:57px}.dot-two{right:10%;top:267px;width:3px;height:3px}.poker-chip{width:59px;height:20px;border-radius:50%;background:#b9a160;border:3px solid #e5d6a2;box-shadow:0 3px #9b854d,0 6px #d8bf7d,0 9px #9b854d,0 12px #e3cf96,0 18px 14px #0a372349;position:absolute;display:flex;align-items:center;justify-content:center;z-index:4;transform:rotate(-15deg)}.poker-chip:before{content:"";position:absolute;inset:1px;border:1px dashed #f5e7b5;border-radius:50%}.poker-chip>span{font:16px/.8 Georgia,serif;color:#f7eac1;transform:scaleY(.5);margin-top:-2px}.chip-one{right:44%;bottom:65px}.chip-two{right:24%;bottom:62px;transform:rotate(13deg);width:48px;height:18px;box-shadow:0 3px #9b854d,0 6px #d8bf7d,0 11px 12px #0a372349}.hero-art-caption{position:absolute;bottom:29px;left:17%;font:7px Arial,sans-serif;letter-spacing:2px;color:#8eac92;display:flex;align-items:center;gap:7px}.hero-art-caption>span{height:1px;width:22px;background:#819e7c}.hero-number{position:absolute;bottom:29px;right:25px;font:8px Arial,sans-serif;letter-spacing:1px;color:#92af93}.friends-card{border:1px solid #e5e6db;border-radius:14px;background:#efeee4;padding:25px 26px 17px;position:relative;overflow:hidden}.friends-heading{display:flex;align-items:center;justify-content:space-between;color:#9d9f87}.friends-heading .eyebrow{font-size:7px;letter-spacing:1.4px;color:#9c9e86}.friends-heading>svg{color:#838d73}.friends-illustration{height:101px;position:relative;margin-top:7px;max-width:280px;margin-inline:auto}.friends-illustration .avatar{position:absolute;box-shadow:0 5px 8px #5d68450b;border:4px solid #efeee4;width:61px;height:61px}.friends-illustration .avatar>span{font-size:42px}.friends-illustration .friend-one{left:11px;top:18px;transform:rotate(-13deg);z-index:1}.friends-illustration .friend-two{left:63px;top:36px;transform:rotate(6deg);z-index:3;background:#ead6b9}.friends-illustration .friend-three{left:117px;top:16px;transform:rotate(12deg);z-index:2}.friend-bubble{position:absolute;right:0;top:4px;font-size:7px;background:#fcfbf4;border-radius:7px 7px 7px 0;padding:7px 9px;color:#7b846b;transform:rotate(5deg);border:1px solid #e4e5d7;z-index:4}.friend-leaf{position:absolute;right:24px;bottom:10px;transform:rotate(28deg);color:#9aa787}.friends-line{position:absolute;border:1px dashed #a9b69a70;width:140px;height:73px;border-radius:50%;top:22px;left:27px;transform:rotate(12deg)}.friends-card h3{font-family:"Noto Serif TC",serif;font-size:24px;line-height:1.55;letter-spacing:1.5px;font-weight:700;margin-top:3px}.friends-card p{font-size:10px;line-height:1.9;color:#929783;margin-top:9px;letter-spacing:.5px}.friends-card>.button{width:100%;margin-top:18px;min-height:39px;font-size:10px;justify-content:center;gap:7px}.friends-card>.button svg:last-child{margin-left:auto}.friends-card>.button svg:first-child{margin-right:auto}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#7c8875;padding:4px 0}.join-shortcut{width:100%;font-size:9px;margin-top:9px;color:#8b927e;gap:3px}.mode-section{margin-top:31px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:16px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:15px}.section-heading h2>span{font:7px Arial,sans-serif;color:#a5ab9c;letter-spacing:1.4px}.section-heading>.text-button{font-size:9px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mode-card{border:1px solid #e3e7dc;background:#fbfcf7;border-radius:10px;padding:23px 19px;display:flex;align-items:center;text-align:left;gap:15px;min-height:122px;position:relative;overflow:hidden}.mode-card:hover{border-color:#b4c7a8;background:#fffef7;transform:translateY(-3px);box-shadow:0 6px 18px #28472408}.mode-symbol{width:55px;height:63px;border-radius:12px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;position:relative}.classic-symbol{color:#49775c;background:#e9eee1}.classic-symbol>svg{transform:rotate(-12deg);margin-left:4px;margin-top:3px;filter:drop-shadow(-7px -5px #b5c6a7)}.classic-symbol>i{position:absolute;font:14px Georgia,serif;bottom:6px;right:8px;transform:rotate(12deg);color:#9aaa7a}.friends-symbol{background:#eeede1;color:#9b986e}.ai-symbol{background:#e9eee9;color:#6d8f80}.ai-spark{position:absolute;right:3px;top:6px;font-size:13px;color:#9daf8b}.mode-copy{display:flex;flex-direction:column;min-width:0;gap:8px}.mode-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;white-space:nowrap}.pill{font-size:7px;line-height:1;border:1px solid transparent;border-radius:4px;padding:4px 5px;font-weight:400;letter-spacing:.4px;white-space:nowrap;display:inline-flex;align-items:center}.green-pill{background:#eaf0e4;border-color:#dce6d2;color:#7b9370}.sand-pill{background:#f3eddd;border-color:#e9e1cc;color:#b09a65}.mode-description{font-size:9px;color:#959d8c;white-space:nowrap}.mode-meta{display:flex;align-items:center;gap:6px;font-size:8px;color:#a5ab9c;margin-top:3px}.mode-meta i,.public-room p i{height:3px;width:3px;background:#c1c7b8;border-radius:50%}.mode-arrow{margin-left:auto;color:#96a48a;align-self:flex-end;margin-bottom:1px}.lobby-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:21px;margin-top:25px}.daily-tip{background:#eff2e8;border:1px solid #e8ecdf;border-radius:9px;padding:18px 20px;display:flex;align-items:center;gap:14px}.tip-icon{height:36px;width:36px;border-radius:50%;background:#e4ead8;color:#8c9c70;display:flex;align-items:center;justify-content:center;flex-shrink:0}.daily-tip h3{font-size:10px;font-weight:500;display:flex;align-items:center;gap:11px}.daily-tip h3>span{font:6px Arial,sans-serif;letter-spacing:1.3px;color:#a3ac93}.daily-tip p{font-size:9px;color:#8b9880;margin-top:7px}.daily-tip>.icon-button{margin-left:auto;color:#9eab8c}.history-prompt{border:1px solid #e4e8dc;display:flex;align-items:center;gap:13px;padding:18px 20px;background:#fbfcf7;border-radius:9px;text-align:left}.history-prompt:hover{background:#f1f4e9;border-color:#c9d3ba}.history-prompt-icon{color:#a6a17b;display:flex;align-items:center;justify-content:center;height:38px;width:38px;border:1px solid #e8e9d9;border-radius:50%;flex-shrink:0;background:#f4f3e9}.history-prompt h3{font-size:10px;font-weight:500}.history-prompt p{font-size:9px;color:#a1a793;margin-top:7px}.history-prompt>svg{margin-left:auto;color:#9ca88f}.lobby-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e9df;margin-top:32px;padding:19px 0 21px;font-size:8px;color:#aeb5a5;letter-spacing:.5px}.lobby-footer>span:first-child{display:flex;align-items:center;gap:5px;color:#97a28a}.lobby-footer>span:last-child{font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.2px}.modal-backdrop{position:fixed;inset:0;background:#152f2580;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:80;display:flex;align-items:center;justify-content:center;padding:22px;animation:fadeIn .16s}.modal{background:#fafbf5;border:1px solid #fff9e8;border-radius:17px;padding:34px;width:min(470px,100%);max-height:90dvh;overflow:auto;position:relative;box-shadow:0 25px 100px #061c2533;outline:none;animation:modalIn .2s}.modal.wide{width:min(680px,100%)}.modal-close{position:absolute;right:16px;top:15px}.modal-eyebrow{font:8px Arial,sans-serif;letter-spacing:1.7px;color:#8c9a7d;display:flex;align-items:center;gap:6px;margin-bottom:19px}.modal h2{font-family:"Noto Serif TC",serif;font-size:23px;letter-spacing:.5px;line-height:1.6;font-weight:700;padding-right:8px}.modal-subtitle{font-size:11px;line-height:1.9;color:#919a86;margin-top:8px;margin-bottom:27px}.field-label{font-size:11px;display:block;color:#67775e;margin:19px 0 9px}.input,select{display:block;width:100%;border:1px solid #dfe5d5;background:#fefef9;border-radius:7px;padding:12px 13px;font-size:12px;color:#344b38}.input{height:45px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-columns .field-label{margin-top:20px}.form-columns select{margin-top:9px;font-size:10px;padding:11px 9px}.checkbox-label{display:flex;gap:8px;align-items:flex-start;font-size:11px;margin-top:20px;color:#54674d}.checkbox-label input{margin:3px 0 0;width:14px;height:14px}.checkbox-label span{display:flex;flex-direction:column;gap:5px}.checkbox-label small{font-size:9px;color:#98a08c}.modal-note{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;background:#edf1e6;border-radius:7px;margin-top:24px;font-size:10px;color:#87967a;line-height:1.9}.modal-note svg{margin-top:2px;color:#8b9e79;flex-shrink:0}.code-input{font:30px Arial,sans-serif;letter-spacing:18px;text-align:center;height:76px;padding-left:27px;color:var(--green);margin:13px 0 27px}.code-input::placeholder{color:#d3dac8}.form-caption{text-align:center;color:#9ba48f;font-size:10px;margin-top:16px}.avatar-picker{display:flex;justify-content:space-between;margin:24px 0}.avatar-picker>button{padding:2px;border:2px solid transparent;border-radius:50%;position:relative}.avatar-picker>button.chosen{border-color:var(--green)}.avatar-picker .avatar{height:46px;width:46px}.avatar-picker .avatar>span{font-size:31px}.avatar-picker>button>span:last-child:not(.avatar){position:absolute;bottom:0;right:0;background:var(--green);border-radius:50%;width:15px;height:15px;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fafbf5}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:15px}.setting-row>span{display:flex;align-items:center;gap:12px;color:#7e9272}.setting-row>span>span{display:flex;flex-direction:column;gap:7px}.setting-row b{font-size:12px;color:#465f3e;font-weight:500}.setting-row small{font-size:9px;color:#a1aa96}.setting-row select{width:82px;padding:8px;font-size:11px}.switch{height:24px;width:43px;flex-shrink:0;background:#d3dacb;border-radius:20px;padding:3px;display:flex;align-items:center}.switch>i{height:18px;width:18px;background:#fdfef8;border-radius:50%;box-shadow:0 1px 2px #223e3622;transition:transform .2s}.switch.on{background:var(--green)}.switch.on>i{transform:translate(19px)}.difficulty-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.difficulty-options>button{border:1px solid #e0e5d7;border-radius:9px;min-height:158px;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:20px 17px;gap:12px}.difficulty-options>button>svg:first-child{color:#90a17d;margin-bottom:3px}.difficulty-options b{font-size:13px;font-weight:500}.difficulty-options span{font-size:9px;color:#9aa68e}.difficulty-options .selected-option{background:#edf2e5;border-color:#7a9a69}.difficulty-options .selected-option>svg:last-child{position:absolute;right:12px;top:12px;color:var(--green)}.tabs{display:flex;gap:6px;border-bottom:1px solid #e2e8d8;margin-bottom:20px}.tabs>button{padding:11px 14px;font-size:11px;color:#9ba48e;position:relative}.tabs>button.selected-tab{color:var(--green);font-weight:600}.tabs>button.selected-tab:after{content:"";height:2px;position:absolute;bottom:-1px;left:13px;right:13px;background:var(--green)}.rules-content{min-height:300px}.rule-step{display:flex;align-items:flex-start;gap:16px;padding:14px 0}.rule-step>span{font:17px Georgia,serif;color:#a9b895;min-width:27px;padding-top:1px}.rule-step h3{font-size:12px;font-weight:500;margin-bottom:8px}.rule-step p{font-size:10px;color:#8d9980;line-height:2}.rules-rank{margin:17px 0 8px;padding:15px;background:#edf1e5;border-radius:7px;font-size:10px;display:flex;flex-wrap:wrap;gap:12px;color:#95a187;align-items:center}.rules-rank b{font-family:Arial,sans-serif;letter-spacing:1px;font-weight:500;color:#627d4f}.rules-rank>span{font-size:8px}.combo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.combo-grid>div{background:#f0f3e9;border:1px solid #e7ecdf;padding:12px 14px;display:flex;flex-direction:column;gap:9px;border-radius:6px}.combo-grid b{font-size:10px;font-weight:500}.combo-grid span{font-family:Georgia,Noto Sans TC,sans-serif;font-size:15px;letter-spacing:1px;color:#7f966a}.rules-footnote{font-size:9px;line-height:1.9;color:#919c84;margin-top:16px}.scoring-card{padding:20px;background:#eaf0df;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:13px;margin-bottom:9px}.scoring-card>span{font-size:10px;color:#8c9d76}.scoring-card b{font-family:"Noto Serif TC",serif;font-size:21px;font-weight:600;color:#567246;letter-spacing:1px}.scoring-card p{font-size:10px;color:#8f9b81}.keyboard-guide{border-top:1px solid var(--line);padding-top:17px;margin-top:24px;font-size:9px;color:#9aa68a;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.keyboard-guide>span{margin-right:10px}kbd{font:8px Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d4deca;padding:2px 4px;border-radius:3px;min-width:16px;color:#8da07b}.rooms-toolbar{display:flex;justify-content:space-between;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);margin-top:5px}.rooms-toolbar>div{display:flex;align-items:center;gap:14px;font-size:12px}.rooms-toolbar>div:last-child{gap:23px}.live-dot{width:5px;height:5px;background:#87a16b;border-radius:50%;display:inline-block;flex-shrink:0}.count-badge{font:10px Arial,sans-serif;background:#e9efdf;border-radius:20px;padding:3px 6px;color:#83966f}.empty-state{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.empty-illustration{width:112px;height:112px;border-radius:50%;background:#ebf0e1;display:flex;align-items:center;justify-content:center;color:#97a880;margin-bottom:5px;position:relative;border:1px solid #dce6ce}.empty-illustration i{position:absolute;right:-7px;bottom:13px;font:24px Georgia,serif;background:#f6f5e8;border:4px solid #f7f8f3;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#b7ac79}.empty-state h2{font-family:"Noto Serif TC",serif;font-size:22px;font-weight:600;letter-spacing:1px}.empty-state p{font-size:11px;color:#97a18c;line-height:2}.empty-state>div{display:flex;gap:12px}.empty-state .button{margin-top:6px}.rooms-note{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:24px 0;color:#95a086;font-size:10px;line-height:1.8}.public-rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 50px}.public-room{padding:24px;border:1px solid #e1e7d7;background:#fcfdf7;border-radius:12px;position:relative}.public-room-icon{height:51px;width:51px;display:flex;align-items:center;justify-content:center;background:#e8efde;color:#7b9765;border-radius:10px}.public-room>.pill{position:absolute;top:28px;right:22px;font-size:8px}.public-room h3{font-size:16px;font-weight:500;margin:20px 0 10px}.public-room p{display:flex;align-items:center;gap:9px;font-size:10px;color:#97a18a}.public-room-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:17px;border-top:1px solid #e6ebdf}.public-room-footer>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#92a080}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin:35px 0}.stats-grid>div{border:1px solid #e3e8d9;background:#fcfdf8;border-radius:10px;padding:23px;display:flex;align-items:center;gap:17px}.stat-icon{height:48px;width:48px;background:#eaf0df;color:#91a775;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.stats-grid>div>span:last-child{display:flex;flex-direction:column;gap:13px;font-size:10px;color:#9aa58c}.stats-grid b{font:29px Georgia,serif;color:#43673a}.stats-grid small{font:9px Noto Sans TC,sans-serif;color:#a4ad99}.history-heading{margin-top:45px}.subtle{font-size:9px;color:#a2ac94}.history-table{border:1px solid #e2e8d8;border-radius:10px;overflow:hidden;background:#fcfdf7;margin-bottom:35px}.history-table-head,.history-table-row{display:grid;grid-template-columns:1.25fr 1.8fr .8fr .8fr .8fr;align-items:center;padding:17px 25px;gap:12px}.history-table-head{background:#eff3e7;font-size:10px;color:#8f9e7c}.history-table-row{font-size:11px;border-top:1px solid #e7ecdf;min-height:75px}.history-table-row>span:first-child{display:flex;align-items:center;gap:10px;font-weight:500}.history-table-row>span:nth-child(2){font-size:10px;display:flex;flex-direction:column;gap:6px;color:#819070}.history-table-row small{font:9px Arial,sans-serif;color:#acb69f;letter-spacing:1px}.history-table-row>span:nth-child(3),.history-table-row>span:nth-child(4){color:#8b9979;font-size:10px}.history-table-row>b{font:17px Georgia,serif}.result-win{color:#647e48}.result-loss{color:#9ba68d}.positive{color:#5b834c!important}.negative{color:#b88c7d!important}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:14px 20px;background:#fcfcf3;color:#526847;border:1px solid #d7e3cb;border-radius:9px;box-shadow:0 5px 30px #183c2526;font-size:11px;animation:fadeIn .2s}.toast>span{color:#83a26a;font:21px Georgia,serif}.toast>button{padding:0;display:flex;align-items:center;color:#a5b197;margin-left:10px}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:170;padding:9px 20px;display:flex;align-items:center;justify-content:center;gap:15px;background:#f4e4bc;font-size:12px;color:#736644}.connection-banner button{text-decoration:underline;font-size:11px}.playing-card{width:92px;height:132px;border-radius:7px;border:1px solid #e1dfd0;background:#fffdf5;color:#2d3c35;position:relative;display:block;flex-shrink:0;text-align:left;padding:0;box-shadow:0 3px 8px #15332120;-webkit-user-select:none;user-select:none;touch-action:none;font-family:Georgia,Times New Roman,serif;transition:transform .14s,border-color .14s,box-shadow .14s}.playing-card.red{color:#b45b48}.card-corner{display:flex;position:absolute;left:9px;top:10px;flex-direction:column;align-items:center;gap:3px}.card-corner>b{font:27px/.95 Georgia,serif}.card-corner>span{font:19px/1 Georgia,serif}.card-pip{position:absolute;left:50%;top:51%;transform:translate(-20%,-20%);font:49px/1 Georgia,serif}.card-bottom{position:absolute;bottom:8px;right:8px;transform:rotate(180deg);font:15px/1 Georgia,serif}.joker-pip{font-size:51px!important}.playing-card:has(.joker-pip) .card-corner>span{font:6px/1.5 Arial,sans-serif;writing-mode:vertical-rl;letter-spacing:1px}.playing-card:has(.joker-pip) .card-bottom{font:6px/1 Arial,sans-serif;letter-spacing:.5px}.playing-card.small-card,.card-back.small-card{height:71px;width:49px;border-radius:4px;box-shadow:0 2px 4px #0a332829}.small-card .card-corner{left:5px;top:6px;gap:2px}.small-card .card-corner>b{font-size:16px}.small-card .card-corner>span{font-size:11px}.small-card .card-pip{font-size:25px;left:45%;top:50%}.small-card .card-bottom{font-size:9px;right:4px;bottom:5px}.small-card:has(.joker-pip) .card-corner>span{font-size:4px}.small-card .joker-pip{font-size:27px!important}.small-card:has(.joker-pip) .card-bottom{font-size:4px}.card-back{background:#2e6952;border:3px solid #eeeeda;position:relative;width:92px;height:132px;border-radius:7px;box-shadow:0 3px 8px #15332130;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.card-back:before{content:"";position:absolute;inset:2px;border:1px solid #b7c0955c;border-radius:2px;background:repeating-linear-gradient(45deg,transparent,transparent 3px,#b8c79718 3px,#b8c79718 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,#b8c79718 3px,#b8c79718 4px)}.card-back>span{position:relative;background:#2e6952;border:1px solid #9caf7c;border-radius:50%;color:#b7bd8b;width:25px;height:30px;display:flex;align-items:center;justify-content:center;font:24px Georgia,serif}.card-back.small-card{border-width:2px}.card-back.small-card>span{width:20px;height:24px;font-size:18px}.in-game .app-body{margin-left:0}.game-page{min-height:100dvh;background:#f5f7ee;display:flex;flex-direction:column}.game-header{height:85px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #e3e8db;background:#fafbf5;padding:0 32px;flex-shrink:0}.back-button{height:35px;width:35px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e6d7;border-radius:50%;color:#849776}.back-button:hover{background:#eaf1df}.game-header .brand-mark{width:36px;height:36px;font-size:31px;border-radius:10px}.game-header .brand-copy b{font-size:20px;letter-spacing:4px}.game-header .brand-copy>span{font-size:6px;letter-spacing:1px}.game-header-divider{height:28px;width:1px;background:#e1e7d6}.room-heading{display:flex;flex-direction:column;gap:9px;min-width:130px}.room-heading>b{font-size:12px;font-weight:500}.room-heading>span{display:flex;align-items:center;gap:8px;color:#9aa88a;font:9px Noto Sans TC,sans-serif;letter-spacing:.7px}.room-heading>span>button{padding:0;height:13px;display:flex;color:#8fa17c}.game-header-center{display:flex;align-items:center;gap:18px;margin:auto;color:#8a9a7c;font-size:10px}.game-header-center>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.game-header-center b{font:14px Georgia,serif;color:#5d7950}.game-header-center>i{height:11px;width:1px;background:#dbe3d0}.game-header-tools{display:flex;align-items:center;gap:13px;margin-left:auto}.game-header-tools>.invite-button{font-size:10px}.table-topline{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:9px;color:#98a68a;flex-shrink:0}.table-topline>span{display:flex;align-items:center;gap:7px}.table-topline>span:last-child{font-size:8px;gap:6px}.table-topline i{height:2px;width:2px;background:#aab79a;border-radius:50%;margin:0 5px}.table-area{width:calc(100% - 72px);max-width:1500px;margin:0 auto;position:relative;height:calc(100dvh - 198px);min-height:580px;isolation:isolate}.table-surface{position:absolute;inset:0 0 85px;border-radius:160px;background:#24634d;background-image:radial-gradient(ellipse at 50% 30%,#32765780,transparent 75%);border:8px solid #dfdfc9;box-shadow:0 0 0 1px #cdd5bf,0 0 0 5px #f5f6eb,0 0 0 6px #e3e7d6,0 9px 28px #36513a1c,inset 0 1px 15px #123c3427;z-index:-2;overflow:hidden}.table-surface:after{content:"";position:absolute;inset:0;opacity:.06;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.table-inner-border{position:absolute;inset:13px;border:1px solid #e1e7c52b;border-radius:137px}.table-inner-border:before{content:"";position:absolute;inset:5px;border:1px solid #e1e7c510;border-radius:132px}.table-center-mark{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:.17;color:#c3d0ac;gap:8px}.table-center-mark>span{font:60px Georgia,serif}.table-center-mark>b{font-family:"Noto Serif TC",serif;font-size:25px;font-weight:600;letter-spacing:6px}.table-center-mark>small{font:7px Arial,sans-serif;letter-spacing:2.8px;margin-top:5px;white-space:nowrap}.table-meta{position:absolute;left:130px;right:130px;top:31px;display:flex;justify-content:space-between;align-items:center;color:#b2c7a8}.table-mode-label{font-size:10px;letter-spacing:2px}.table-multiplier{display:flex;align-items:center;gap:8px;font-size:9px}.table-multiplier>b{font:20px Georgia,serif;color:#e5ddb4;margin-left:4px}.bottom-cards{position:absolute;left:50%;top:23px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.bottom-cards-row{display:flex;gap:5px}.bottom-cards-row>.small-card{height:63px;width:44px}.bottom-cards-row .card-pip{font-size:23px}.bottom-cards>span{font-size:8px;color:#b0c4a5;letter-spacing:1px}.opponent{position:absolute;top:121px;width:100px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#e9eddb}.opponent.left{left:37px}.opponent.right{right:37px}.opponent-avatar{position:relative;border-radius:50%;height:80px;width:80px;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.opponent .avatar.large{height:70px;width:70px;border-width:3px}.opponent .avatar.large>span{font-size:48px}.active-player{outline:2px solid #d3c389;outline-offset:4px;box-shadow:0 0 16px #e5cf6a24}.landlord-crown{position:absolute;top:-8px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;height:23px;width:29px;background:#e2cd8c;color:#826c39;border:2px solid #f0e1b2;border-radius:6px;box-shadow:0 2px 5px #173a2520;z-index:2}.opponent-name{display:flex;align-items:center;gap:5px;max-width:135px;white-space:nowrap}.opponent-name b{font-size:11px;font-weight:500;max-width:100px;text-overflow:ellipsis;overflow:hidden}.bot-tag{font:6px Arial,sans-serif;color:#cfdbbf;border:1px solid #acc19b60;border-radius:3px;padding:2px 3px}.opponent-role{font-size:8px;color:#9db695;display:flex;align-items:center;gap:6px}.opponent-role>i,.my-role>i{height:2px;width:2px;background:currentColor;border-radius:50%}.opponent-timer{position:absolute;bottom:-1px;right:-3px;border:2px solid #30704f;background:#e3d199;color:#826c39;width:25px;height:25px;border-radius:50%;font:13px Arial,sans-serif;display:flex;align-items:center;justify-content:center}.opponent-card-count{display:flex;align-items:center;gap:7px;margin-top:7px;padding:5px 12px 5px 9px;background:#164e3d80;border:1px solid #7eaa7833;border-radius:5px;min-width:64px}.opponent-card-count b{font:18px Georgia,serif;font-weight:400;color:#ecedd7}.opponent-card-count>span:last-child{font-size:8px;color:#9ab68f;margin-left:-3px}.mini-card-back{width:14px;height:20px;border:1px solid #b5c49c;border-radius:2px;background:repeating-linear-gradient(45deg,#92aa791a,#92aa791a 1px,transparent 1px,transparent 3px);display:block;box-shadow:2px 1px 0 -1px #427455,3px 1px #7e9a6b;margin-right:3px}.opponent-card-count.low-cards{border-color:#e5c98c70;background:#a78b3f30}.low-cards b{color:#f2d497}.opponent-ready{display:flex;align-items:center;justify-content:center;gap:5px;color:#bad3a6;font-size:9px;margin-top:3px;min-height:23px}.opponent-ready>button{color:#a8bf99;display:flex;align-items:center;justify-content:center;border:1px solid #aac39540;border-radius:50%;height:18px;width:18px;margin-left:4px;padding:0}.opponent-ready>button:hover{background:#ffffff20}.seat-disconnected{font-size:7px;color:#e2ce99;margin-top:-1px}.empty-seat{gap:12px;top:137px}.empty-seat-avatar{height:71px;width:71px;display:flex;align-items:center;justify-content:center;border:1px dashed #a7c19c70;background:#edf4d50b;border-radius:50%;color:#8cad7e;margin-bottom:5px}.empty-seat-avatar:hover:not(:disabled){background:#ecf4d521;border-color:#d5deb3}.empty-seat-avatar:disabled{opacity:1}.empty-seat>b{font-weight:400;font-size:10px;color:#b3c8a7;letter-spacing:1px}.empty-seat>span{font-size:8px;color:#91af84;margin-top:-5px}.add-bot-text{font-size:8px;color:#b5c99f;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #b5c99f40;border-radius:4px;padding:5px 7px;margin-top:3px}.add-bot-text:hover{background:#ffffff10}.waiting-center{position:absolute;left:50%;top:72px;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;color:#f0efdb;width:65%;max-width:600px;text-align:center}.waiting-leaf{color:#a9bf89;margin-bottom:8px;opacity:.8}.waiting-eyebrow{font:7px Arial,sans-serif;letter-spacing:2.5px;color:#a1b98b;margin-top:5px}.waiting-center h1{font-family:"Noto Serif TC",serif;font-size:27px;letter-spacing:2px;font-weight:500;margin-top:16px}.waiting-center>p{font-size:10px;color:#9eb991;margin-top:15px;letter-spacing:.5px}.room-code{display:flex;align-items:center;gap:16px;border:1px solid #b5ca9e3d;background:#143f3626;border-radius:8px;padding:12px 21px;margin-top:25px;min-height:65px}.room-code>span{font-size:8px;color:#aac19a;letter-spacing:1px}.room-code>b{font:31px Georgia,serif;letter-spacing:7px;color:#e5dfbb;font-weight:400}.room-code>svg{color:#aabe94}.room-code:hover{background:#143f3655;border-color:#b5ca9e80}.waiting-center-actions{display:flex;gap:11px;margin-top:17px}.table-outline{border:1px solid #a8c3976e;color:#cedab9;background:#153b2f16;min-height:38px;font-size:10px}.table-outline:hover:not(:disabled){background:#d2e1b51a;border-color:#d2e1b5}.table-cream{background:#ede8cb;color:#416141;border:1px solid #efe8c4;box-shadow:0 3px 10px #15382415;min-height:40px;font-size:11px}.table-cream:hover:not(:disabled){background:#fffae0;box-shadow:0 4px 12px #112e2b20}.table-gold{background:#dac68b;color:#66542b;border:1px solid #e4d59f;min-height:40px;font-size:11px}.table-gold:hover:not(:disabled){background:#ecda9f}.turn-status{position:absolute;left:50%;top:141px;transform:translate(-50%);color:#b9cda8}.turn-chip{font-size:9px;letter-spacing:.5px;display:flex;align-items:center;gap:7px;padding:8px 13px;background:#173f321e;border:1px solid #91b47d30;border-radius:25px;white-space:nowrap}.turn-chip.your-turn{background:#e9e3a816;border-color:#c6c77b50;color:#deddb0}.opponent-table-play{position:absolute;top:189px;max-width:31%;width:31%;display:flex;align-items:center}.opponent-table-play.left{left:160px;justify-content:flex-start}.opponent-table-play.right{right:160px;justify-content:flex-end}.table-play{display:flex;flex-direction:column;align-items:center;gap:9px;max-width:100%;animation:dealIn .2s}.table-play-cards{display:flex;max-width:100%;padding-right:26px}.table-play-cards .small-card{margin-right:-26px;height:81px;width:55px}.table-play-cards .small-card .card-corner{left:5px;top:6px}.table-play-cards .small-card .card-corner>b{font-size:18px}.table-play-cards .small-card .card-pip{font-size:28px}.combo-label{color:#a5c294;font-size:8px;letter-spacing:1px}.bomb-label{color:#e4ca85}.pass-label{color:#afc49b;font-size:15px;font-family:"Noto Serif TC",serif;letter-spacing:2px;display:inline-block;animation:fadeIn .2s}.my-table-play{position:absolute;left:50%;bottom:285px;transform:translate(-50%);z-index:2;display:flex;justify-content:center;max-width:65%}.my-table-play .table-play-cards .small-card{height:72px;width:49px}.game-actions{position:absolute;left:50%;transform:translate(-50%);bottom:196px;display:flex;flex-direction:column;align-items:center;gap:11px;width:max-content;max-width:80%;z-index:5}.play-actions,.bid-actions{display:flex;gap:12px;align-items:center}.game-actions .button{min-height:41px;padding:0 23px}.game-actions kbd{color:#b0c49a;border-color:#9db98b50;font-size:7px;margin-left:8px}.game-actions .play-button{width:142px;justify-content:space-between}.selected-caption{position:absolute;top:51px;left:50%;transform:translate(-50%);font-size:8px;color:#acc29a;white-space:nowrap}.invalid-selection{color:#e3c996}.ready-button{min-width:195px;font-size:12px!important}.action-caption{font-size:8px;color:#a8be97;position:absolute;top:50px;white-space:nowrap}.auto-playing{display:flex;align-items:center;gap:13px;color:#bfd3ab;font-size:11px}.auto-playing>span{margin-right:10px}.my-seat{position:absolute;left:39px;bottom:41px;display:flex;align-items:center;gap:14px;z-index:7}.my-avatar{position:relative;border-radius:50%;display:flex}.my-seat .avatar.large{height:63px;width:63px;border-width:3px;box-shadow:0 3px 10px #16352820}.my-seat .avatar.large>span{font-size:42px}.my-seat>div:last-child{display:flex;flex-direction:column;gap:9px}.my-seat b{font-size:11px;font-weight:500;color:#40643a;display:flex;align-items:center;gap:6px}.my-seat b>span{background:#e4ebd9;border-radius:3px;font-size:7px;padding:2px 4px;color:#8d9e77}.my-role{font-size:8px;color:#97a486;display:flex;align-items:center;gap:6px}.my-hand-area{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 410px);max-width:920px;height:151px;display:flex;align-items:center;justify-content:center;z-index:6}.my-hand{display:flex;align-items:center;max-width:100%;width:100%;justify-content:center;padding-left:7px;padding-right:1px;isolation:isolate}.my-hand .playing-card{width:clamp(63px,6.2vw,92px);height:clamp(105px,9.3vw,137px);margin-left:min(0px,(100% - var(--card-count) * clamp(63px,6.2vw,92px)) / (var(--card-count) - 1));border-color:#d6d6c0;cursor:pointer}.my-hand .playing-card:first-child{margin-left:0}.my-hand .playing-card:disabled{opacity:1;cursor:default}.my-hand .playing-card:hover{transform:translateY(-8px);border-color:#a5b783}.my-hand .playing-card.selected{transform:translateY(-22px);box-shadow:0 0 0 2px #b7ad68,0 6px 13px #173b2d1f;background:#fdfbe7}.my-hand .card-corner{left:7px;top:9px}.my-hand .card-corner>b{font-size:26px}.my-hand .card-corner>span{font-size:18px}.my-hand .card-pip{font-size:44px}.hand-count{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);font-size:7px;color:#a3ad93;display:flex;align-items:center;gap:5px;white-space:nowrap}.hand-count>b{font:10px Arial,sans-serif;color:#7f9369}.clear-selection{position:absolute;right:-29px;bottom:20px;color:#92a17d;width:25px;height:30px;display:flex;align-items:center;justify-content:center}.clear-selection:hover{color:#4d733e}.waiting-bottom-note{position:absolute;left:50%;transform:translate(-50%);bottom:61px;display:flex;align-items:center;gap:9px;color:#8d9f7b;font-size:9px;white-space:nowrap}.waiting-seat-count{border-left:1px solid #ced8c0;padding-left:15px;margin-left:6px;display:flex;align-items:center;gap:6px;font:10px Arial,sans-serif}.turn-timer{position:absolute;left:calc(50% - 245px);bottom:198px;width:39px;height:39px;border-radius:50%;padding:2px;background:conic-gradient(#decb85 var(--progress),#acc19030 0);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 8px #14352330}.turn-timer>span{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2f6747;color:#ebdb9e;font:18px Georgia,serif}.turn-timer.urgent{background:conic-gradient(#d89d73 var(--progress),#acc19030 0)}.turn-timer.urgent>span{color:#ffd4a9}.game-footer{height:62px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-top:auto;border-top:1px solid #e4e9db;font-size:9px;color:#9cab8a;background:#f8faf1}.game-footer>span:first-child{display:flex;align-items:center;gap:6px;letter-spacing:.5px}.game-footer>div{display:flex;align-items:center;gap:20px}.game-footer button{display:flex;align-items:center;gap:6px;font-size:9px;color:#8fa27b;position:relative;padding:10px 0}.game-footer button:hover,.game-footer button.auto-active,.game-footer button.chat-active{color:#3d6d37}.game-footer button:first-child{padding-right:20px;border-right:1px solid #dde5d0}.game-shortcuts{display:flex;align-items:center;gap:5px;font-size:8px}.game-shortcuts>i{width:2px;height:2px;border-radius:50%;background:#bcc7ad;margin:0 5px}.game-shortcuts kbd{font-size:7px;color:#9bab89;border-color:#d5dfc9}.chat-dot{height:4px;width:4px;border-radius:50%;background:#a5b782;position:absolute;right:-7px;top:10px}.table-connection{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:15;background:#f8ebc9;box-shadow:0 2px 10px #183f2a30;border:1px solid #d8ce99;display:flex;align-items:center;gap:9px;border-radius:7px;padding:12px 17px;font-size:10px;color:#938151;white-space:nowrap}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #cbbd8a;border-top-color:#8b7b42;border-radius:50%;animation:spin 1s linear infinite}.invite-code{border:1px dashed #b4c6a1;background:#edf3e3;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;margin-top:20px}.invite-code>span{font-size:10px;color:#9baa8d}.invite-code>b{font:41px Georgia,serif;letter-spacing:9px;color:#496c3c;margin-left:9px}.invite-code>.text-button{font-size:9px}.invite-link{display:flex;border:1px solid #dce5cf;border-radius:7px;overflow:hidden;background:#fcfdf6}.invite-link>input{width:100%;min-width:0;border:0;background:none;padding:13px;font:11px Arial,sans-serif;color:#91a07d;outline-offset:-3px}.invite-link>button{display:flex;align-items:center;justify-content:center;width:45px;color:#7f9968;border-left:1px solid #e3e9db}.confirm-actions{display:flex;gap:12px;margin-top:30px}.confirm-actions>.button{flex:1}.chat-panel{position:fixed;right:24px;bottom:76px;background:#fafcf3;border:1px solid #d7e3c8;border-radius:13px;z-index:45;width:325px;height:min(565px,calc(100dvh - 130px));display:flex;flex-direction:column;box-shadow:0 10px 60px #123a2930;animation:modalIn .2s;overflow:hidden}.chat-header{height:57px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e9d7;padding:0 16px}.chat-header>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#5e7b4f}.chat-messages{flex:1;overflow:auto;padding:17px;min-height:0;overscroll-behavior:contain}.chat-welcome{display:flex;align-items:center;flex-direction:column;color:#a2b38f;gap:10px;margin:14px 0 27px}.chat-welcome p{font-size:9px}.chat-system{font-size:8px;line-height:1.8;text-align:center;color:#a7b298;margin:14px 0}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin-top:15px}.chat-message>span{font-size:8px;color:#94a47f;display:flex;gap:10px}.chat-message small{font:7px Arial,sans-serif;color:#b2bca5}.chat-message>p{font-size:11px;line-height:1.8;margin-top:7px;background:#eaf0df;color:#637f4f;border-radius:0 8px 8px;padding:8px 12px;max-width:90%;overflow-wrap:anywhere}.chat-message.mine{align-items:flex-end}.chat-message.mine>p{background:#dce8ce;color:#476738;border-radius:8px 0 8px 8px}.chat-phrases{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border-top:1px solid #e5ecd9;max-height:106px;overflow:auto}.chat-phrases>button{font-size:8px;border:1px solid #dce5ce;color:#8b9f76;border-radius:5px;padding:6px;background:#f5f8ed}.chat-phrases>button:hover{background:#e7efd9}.chat-input{display:flex;gap:6px;background:#f1f6e8;padding:11px;border-top:1px solid #e0e9d2}.chat-input>input{width:100%;border:1px solid #d8e3c8;border-radius:6px;background:#fcfef7;padding:10px;font-size:10px;color:#6b8557}.chat-input>input::placeholder{color:#aab99a}.chat-input>button{width:37px;border-radius:6px;flex-shrink:0;background:#517443;color:#edf5df;display:flex;align-items:center;justify-content:center}.chat-bubble{position:absolute;left:calc(100% + 8px);top:8px;z-index:12;min-width:90px;max-width:220px;white-space:normal;padding:10px 12px;border-radius:8px 8px 8px 0;background:#fff9e7;box-shadow:0 3px 9px #17362620;color:#738260;font-size:10px;line-height:1.8;animation:fadeIn .2s;overflow-wrap:anywhere}.opponent.right .chat-bubble{left:auto;right:calc(100% + 8px);border-radius:8px 8px 0}.result-emblem{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9fb28b;margin-top:15px}.result-emblem>svg{box-sizing:content-box;padding:18px;border:1px solid #dfe8d4;border-radius:50%;background:#edf2e5}.result-emblem.won{color:#baaa6c}.result-emblem.won>svg{border-color:#e7dec0;background:#f2edda}.result-emblem>span{font:7px Arial,sans-serif;letter-spacing:2.1px}.result-score{font:43px Georgia,serif;text-align:center;margin-top:14px;display:flex;align-items:baseline;justify-content:center;gap:9px}.result-score>small{font:10px Noto Sans TC,sans-serif;color:#a8b098}.result-breakdown{display:flex;align-items:center;justify-content:center;gap:13px;font-size:8px;color:#9cab8a;margin-top:14px}.result-players{display:flex;flex-direction:column;margin-top:22px;border-top:1px solid #e3e9d8}.result-players>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e3e9d8}.result-players>div>.avatar{width:33px;height:33px}.result-players>div>.avatar>span{font-size:23px}.result-players>div>span:not(.avatar){display:flex;flex-direction:column;gap:5px}.result-players b{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:500;color:#698055}.result-players b>small{font-size:6px;border:1px solid #d9e4cb;padding:1px 3px;border-radius:3px;color:#98aa84}.result-players>div>span>span{font-size:8px;color:#a2ae94}.result-players strong{font:19px Georgia,serif;margin-left:auto}.result-review{width:100%;font-size:9px;margin-top:14px}.revealed-hand{position:absolute;top:345px;display:flex;max-width:28%;overflow:hidden;border-radius:4px}.revealed-hand .playing-card{margin-right:-34px}.revealed-hand.left{left:60px}.revealed-hand.right{right:60px}.revealed-hand .small-card .card-pip{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dealIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.main-content{padding-top:49px;padding-inline:60px}.header{padding-inline:60px}.page-intro{margin-bottom:35px}.page-intro h1{font-size:35px}.hero{min-height:420px}.hero-copy{padding:35px 0 28px 43px}.hero-copy h2{font-size:58px;line-height:1.4;margin-top:20px}.hero-copy p{font-size:12px;margin-top:16px}.hero-cta{margin-top:27px;min-height:46px;width:164px}.hero-tag{font-size:10px}.hero-art .playing-card{width:150px;height:208px}.art-card{top:105px}.hero-art .card-pip{font-size:91px;top:85px;left:62px}.hero-art .card-corner>b{font-size:40px}.hero-art .card-corner>span{font-size:29px}.art-card-one{transform:rotate(-25deg) translate(-65px,-7px)}.art-card-two{transform:rotate(-7deg) translate(7px,-17px)}.art-card-three{transform:rotate(14deg) translate(83px,10px)}.chip-one{bottom:76px}.chip-two{bottom:73px}.friends-card{padding:27px 32px}.friends-illustration{height:121px;margin-top:16px}.friends-card h3{font-size:28px}.friends-card p{font-size:11px}.friends-card>.button{margin-top:22px;min-height:43px}.mode-section{margin-top:38px}.mode-card{min-height:139px;padding:26px 24px}.mode-description{font-size:10px}.mode-title{font-size:16px}.mode-symbol{width:60px;height:69px}.section-heading h2{font-size:18px}.lobby-bottom{margin-top:30px}.daily-tip,.history-prompt{padding-block:22px}.lobby-footer{margin-top:37px}.hero-art-caption{font-size:8px}.art-orbit{left:14%;width:300px;top:165px}.orbit-two{width:350px;height:190px;top:135px;left:6%}}@media(max-width:1200px){.sidebar{width:82px}.app-body{margin-left:82px}.sidebar-nav>button{width:64px}.sidebar-nav>button.active:before{left:-9px}.header{height:87px;padding:0 30px}.main-content{padding:32px 30px 0}.header-tools{gap:14px}.header{gap:23px}.header-breadcrumb{gap:20px}.page-intro h1{font-size:26px}.hero-grid{grid-template-columns:minmax(0,2.3fr) minmax(255px,1fr);gap:18px}.hero-copy{padding-left:28px}.hero-copy h2{font-size:44px}.hero-art .playing-card{width:111px;height:161px}.hero-art .card-pip{font-size:64px;left:47px}.hero-art .card-corner>b{font-size:30px}.hero-art .card-corner>span{font-size:22px}.art-card{top:108px;left:23%}.art-card-one{transform:rotate(-25deg) translate(-37px,-7px)}.art-card-three{transform:rotate(14deg) translate(53px,10px)}.friends-card{padding-inline:22px}.mode-grid{gap:12px}.mode-card{padding:19px 13px;gap:10px}.mode-symbol{width:43px;height:57px}.mode-symbol>svg{width:25px}.mode-title{font-size:12px;gap:5px}.pill{font-size:6px;padding:3px 4px}.mode-description{font-size:8px}.mode-arrow>svg{width:14px}.mode-copy{gap:8px}.mode-meta{font-size:7px}.daily-tip p,.history-prompt p{font-size:8px}.daily-tip,.history-prompt{padding:16px;gap:10px}.lobby-bottom{gap:17px}.game-header{gap:16px;padding:0 24px}.game-header-center{gap:12px}.game-header-tools{gap:7px}.table-area{width:calc(100% - 52px)}.my-hand-area{width:calc(100% - 335px)}.my-seat{left:15px;gap:10px}.my-seat .avatar.large{width:53px;height:53px}.my-seat .avatar.large>span{font-size:36px}.my-seat b{font-size:10px}.table-surface{border-radius:130px}.table-inner-border{border-radius:108px}.table-inner-border:before{border-radius:103px}.opponent.left{left:22px}.opponent.right{right:22px}.opponent-table-play.left{left:137px}.opponent-table-play.right{right:137px}.table-meta{left:110px;right:110px}.table-play-cards .small-card{width:48px;height:74px;margin-right:-25px}.game-header .brand{gap:7px}.stats-grid>div{padding:20px 16px;gap:12px}.stat-icon{height:39px;width:39px}.stats-grid b{font-size:25px}}@media(max-width:1000px){.intro-note{display:none}.header .connection>span{display:none}.header-breadcrumb{font-size:10px}.header-tools{gap:10px}.header-separator{margin-inline:0}.header,.main-content{padding-inline:23px}.hero-grid{grid-template-columns:minmax(0,2fr) minmax(236px,1fr);gap:16px}.hero{min-height:354px}.hero-copy{padding-left:25px}.hero-copy h2{font-size:40px;letter-spacing:3px}.hero-copy p{font-size:9px}.hero-tag{font-size:8px;letter-spacing:.5px;padding:6px 8px}.hero-art .playing-card{width:96px;height:145px}.hero-art .card-corner{left:9px;top:11px}.hero-art .card-corner>b{font-size:27px}.hero-art .card-corner>span{font-size:20px}.hero-art .card-pip{font-size:55px;left:42px;top:60px}.art-card{top:117px;left:20%}.art-card-one{transform:rotate(-25deg) translate(-25px,-10px)}.art-card-three{transform:rotate(14deg) translate(49px)}.spark-one{right:8%}.chip-one{bottom:68px;right:37%}.chip-two{bottom:64px;right:12%}.hero-art-caption{left:6%;font-size:6px;letter-spacing:1.5px;bottom:42px}.hero-number{font-size:6px;bottom:20px;right:20px}.friends-card h3{font-size:22px}.friends-card{padding:23px 20px 16px}.friends-illustration .friend-one{left:0}.friends-illustration .friend-two{left:45px}.friends-illustration .friend-three{left:92px}.friend-bubble{font-size:6px;right:-5px}.friend-leaf{right:9px}.mode-grid{gap:10px}.mode-card{padding:18px 12px;flex-wrap:wrap;gap:10px;min-height:151px}.mode-symbol{height:40px;width:39px;border-radius:8px}.mode-title{font-size:13px}.mode-copy{gap:9px}.mode-card>.mode-arrow{position:absolute;top:27px;right:12px}.mode-card .pill{font-size:6px;padding:3px}.mode-copy{width:100%;margin-top:3px}.mode-description{font-size:9px}.mode-meta{font-size:7px;margin-top:2px}.mode-section{margin-top:26px}.section-heading h2{font-size:14px}.section-heading h2>span{font-size:6px}.lobby-bottom{gap:13px;grid-template-columns:1.4fr 1fr}.history-prompt-icon,.tip-icon{height:30px;width:30px}.daily-tip{gap:8px;padding:15px 12px}.daily-tip>div{max-width:calc(100% - 34px)}.daily-tip .icon-button{display:none}.daily-tip p{line-height:1.8}.history-prompt{padding:15px 12px;gap:8px}.history-prompt p{line-height:1.8}.history-prompt>svg{width:14px}.history-prompt h3{font-size:9px}.lobby-footer{font-size:7px}.lobby-footer>span:last-child{font-size:6px}.game-header-center{display:none}.game-header{height:77px}.table-topline{padding-inline:30px;height:43px}.table-area{height:calc(100dvh - 181px);min-height:550px}.table-surface{bottom:80px}.table-meta{left:95px;right:95px;top:31px}.table-mode-label,.table-multiplier{font-size:8px}.table-multiplier>b{font-size:18px}.opponent{width:84px;top:120px}.opponent.left{left:13px}.opponent.right{right:13px}.opponent .avatar.large{height:60px;width:60px}.opponent .avatar.large>span{font-size:41px}.opponent-avatar{height:68px;width:68px}.opponent-name b{font-size:10px;max-width:73px}.opponent-role{font-size:7px;gap:4px}.empty-seat{top:135px}.empty-seat-avatar{height:60px;width:60px}.opponent-table-play.left{left:112px}.opponent-table-play.right{right:112px}.opponent-table-play{top:190px;max-width:29%}.table-play-cards .small-card{width:44px;height:66px;margin-right:-26px}.table-play-cards .small-card .card-corner>b{font-size:16px}.table-play-cards .small-card .card-pip{font-size:24px}.table-play-cards{padding-right:26px}.my-table-play{bottom:274px}.my-hand-area{width:calc(100% - 265px);bottom:24px}.my-hand .playing-card{width:70px;height:116px;margin-left:min(0px,(100% - var(--card-count) * 70px) / (var(--card-count) - 1))}.my-hand .playing-card:first-child{margin-left:0}.my-hand .card-corner{left:5px;top:7px}.my-hand .card-corner>b{font-size:24px}.my-hand .card-corner>span{font-size:16px}.my-hand .card-pip{font-size:35px}.my-seat{left:11px;bottom:35px;flex-direction:column;align-items:center;gap:8px;width:90px}.my-seat b{font-size:9px;max-width:100px}.my-seat .my-role{font-size:7px;justify-content:center}.my-seat>div:last-child{gap:6px;align-items:center}.game-actions{bottom:191px}.game-actions .button{padding:0 18px}.game-actions .play-button{width:125px}.turn-timer{left:calc(50% - 222px);bottom:192px}.turn-status{top:139px}.game-footer{padding-inline:26px;height:60px}.game-shortcuts{font-size:7px}.game-footer>span:first-child{font-size:8px}.game-footer>div{gap:15px}.game-footer button{font-size:8px}.waiting-center{top:81px}.waiting-center h1{font-size:23px;letter-spacing:1px}.waiting-center>p{font-size:9px}.waiting-center .room-code{margin-top:24px}.waiting-center .waiting-eyebrow{font-size:6px;letter-spacing:2px}.room-code>b{font-size:28px}.room-code>span{font-size:7px}.room-code{gap:12px;padding:10px 15px}.waiting-center-actions{gap:8px}.waiting-center-actions>.button{padding:0 14px;font-size:9px}.waiting-bottom-note{font-size:8px}.stats-grid{gap:12px}.stats-grid>div{padding:19px 13px;gap:10px}.stats-grid .stat-icon{height:32px;width:32px}.stat-icon>svg{width:18px}.stats-grid b{font-size:24px}.stats-grid>div>span:last-child{font-size:9px}.public-rooms{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:70px}.app-body{margin-left:70px}.logo-button{margin-top:24px;margin-bottom:32px}.sidebar .brand-mark{height:39px;width:39px;border-radius:11px;font-size:34px}.sidebar-nav>button{width:58px;height:70px;font-size:8px;gap:9px}.sidebar-nav>button.active:before{left:-6px}.sidebar-bottom{padding-bottom:22px}.sidebar-bottom small{font-size:7px}.header{height:80px;padding:0 20px;gap:16px}.header .brand-copy b{font-size:21px}.header .brand-copy>span{font-size:6px}.header-breadcrumb{display:none}.header-tools{gap:11px}.header-separator,.header .sound-button{display:none}.profile-button{gap:8px}.profile-button b{font-size:10px}.profile-button small{font-size:7px}.profile-button>svg{display:none}.avatar{width:33px;height:33px}.avatar>span{font-size:23px}.main-content{padding:28px 20px 0}.page-intro h1{font-size:25px;letter-spacing:.5px}.page-intro p{font-size:10px;line-height:1.9;max-width:250px}.eyebrow{font-size:7px;letter-spacing:1.4px}.hero-grid{grid-template-columns:1fr;gap:16px}.hero{min-height:345px}.hero-copy{padding:26px 0 22px 30px}.hero-copy h2{font-size:44px;letter-spacing:4px}.hero-copy p{font-size:10px}.hero-tag{font-size:8px}.hero-art .playing-card{width:104px;height:152px}.hero-art .card-corner>b{font-size:30px}.hero-art .card-corner>span{font-size:21px}.hero-art .card-pip{font-size:63px;top:64px;left:43px}.art-card{top:99px;left:18%}.art-card-one{transform:rotate(-25deg) translate(-30px,-10px)}.art-card-three{transform:rotate(14deg) translate(48px,7px)}.hero-art-caption{bottom:23px;left:7%;font-size:6px}.hero-number{display:none}.chip-one{bottom:58px}.chip-two{bottom:55px}.friends-card{padding:22px;min-height:154px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:0 15px}.friends-heading{grid-column:1;grid-row:1}.friends-heading>.eyebrow{font-size:6px}.friends-heading>svg{display:none}.friends-illustration{display:none}.friends-card h3{font-size:20px;grid-row:2/4;grid-column:1;margin-top:12px;line-height:1.6}.friends-card h3>br{display:none}.friends-card p{grid-row:1/3;grid-column:2;margin-top:0;font-size:9px}.friends-card>.button{grid-column:2;grid-row:3;margin-top:12px;min-height:36px;font-size:9px}.join-shortcut{grid-column:2;font-size:8px;margin-top:5px}.mode-section{margin-top:29px}.section-heading h2{font-size:14px;gap:10px}.section-heading h2>span{font-size:5px;letter-spacing:.7px}.section-heading>.text-button{font-size:8px}.mode-grid{grid-template-columns:1fr;gap:11px}.mode-card{padding:19px;gap:16px;min-height:107px;flex-wrap:nowrap}.mode-symbol{height:58px;width:51px;border-radius:11px}.mode-symbol>svg{width:29px}.mode-copy{width:auto;margin:0;gap:8px}.mode-title{font-size:14px}.mode-description{font-size:9px}.mode-meta{font-size:7px}.mode-card>.mode-arrow{position:static;align-self:center}.mode-card .pill{font-size:6px;padding:4px}.lobby-bottom{grid-template-columns:1fr;margin-top:22px;gap:12px}.daily-tip,.history-prompt{padding:18px;gap:12px}.daily-tip h3,.history-prompt h3{font-size:11px}.daily-tip p,.history-prompt p{font-size:9px}.daily-tip .icon-button{display:flex}.tip-icon,.history-prompt-icon{height:35px;width:35px}.lobby-footer{margin-top:26px;padding-block:17px;flex-wrap:wrap;gap:14px;font-size:7px}.lobby-footer>span:last-child{display:none}.page-intro>.button{font-size:9px;padding-inline:12px;min-height:37px;align-self:flex-end}.page-intro{gap:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.stats-grid>div{padding:21px 17px;gap:13px}.stats-grid .stat-icon{height:38px;width:38px}.history-heading{margin-top:32px;flex-wrap:wrap;gap:14px}.history-table-head,.history-table-row{padding:15px 12px;gap:8px;grid-template-columns:1.1fr 1.4fr .65fr .6fr .7fr}.history-table-row{font-size:9px}.history-table-row>span:first-child{gap:6px}.history-table-row>span:first-child>svg{width:13px}.history-table-row>span:nth-child(2){font-size:8px}.history-table-row small{font-size:7px}.history-table-row>span:nth-child(3),.history-table-row>span:nth-child(4){font-size:8px}.history-table-row>b{font-size:14px}.history-table-head{font-size:8px}.rooms-toolbar{gap:10px}.rooms-toolbar>div{gap:8px;font-size:11px}.rooms-toolbar>div:last-child{gap:13px}.rooms-toolbar .text-button{font-size:8px}.rooms-toolbar .text-button>svg{width:12px}.rooms-toolbar .button{font-size:8px;padding:0 9px;gap:4px}.empty-state{min-height:400px}.empty-state h2{font-size:20px}.empty-state p{font-size:10px}.public-rooms{gap:13px}.public-room{padding:18px}.public-room h3{font-size:13px}.public-room-icon{width:43px;height:43px}.public-room>.pill{font-size:6px;top:20px;right:15px}.public-room p{font-size:8px;gap:6px;flex-wrap:wrap}.public-room-footer>span{font-size:8px}.public-room-footer .button{font-size:8px;min-height:32px;padding:0 10px}.rooms-note{font-size:8px}.game-header{padding:0 16px;height:71px;gap:13px}.game-header .brand-copy{display:none}.game-header .brand-mark{height:32px;width:32px;font-size:28px;border-radius:9px}.game-header-divider{height:25px}.room-heading{gap:7px;min-width:0}.room-heading>b{font-size:10px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-heading>span{font-size:7px}.back-button{height:30px;width:30px}.back-button>svg{width:16px}.game-header-tools{gap:4px}.game-header-tools .invite-button{font-size:8px;gap:5px;padding:0 8px;min-height:30px}.game-header-tools .invite-button>svg{width:12px}.game-header-tools>.icon-button{height:29px;width:29px}.game-header-tools>.icon-button>svg{width:17px}.table-topline{height:42px;padding-inline:22px;font-size:8px}.table-topline>span:last-child{font-size:7px}.table-topline>span:last-child>i:first-of-type,.table-topline>span:last-child>svg{display:none}.table-area{width:calc(100% - 30px);height:calc(100dvh - 167px);min-height:580px}.table-surface{border-radius:93px;inset:0 0 103px;border-width:6px}.table-inner-border{border-radius:76px;inset:10px}.table-inner-border:before{border-radius:71px}.table-meta{left:61px;right:61px;top:27px}.table-mode-label{font-size:7px;letter-spacing:1px}.table-multiplier{font-size:7px;gap:4px}.table-multiplier>b{font-size:16px}.table-multiplier>svg{display:none}.bottom-cards{top:23px;gap:8px}.bottom-cards-row{gap:4px}.bottom-cards-row>.small-card{width:34px;height:49px}.bottom-cards-row .card-corner{left:4px;top:5px;gap:1px}.bottom-cards-row .card-corner>b{font-size:12px}.bottom-cards-row .card-corner>span{font-size:9px}.bottom-cards-row .card-pip{font-size:18px;top:53%}.bottom-cards-row .card-bottom{font-size:6px;bottom:3px;right:3px}.bottom-cards>span{font-size:6px}.bottom-cards-row .card-back>span{width:15px;height:19px;font-size:14px}.turn-status{top:112px}.turn-chip{font-size:7px;padding:7px 10px;gap:5px}.turn-chip>svg{width:12px;height:12px}.opponent{top:108px;width:75px;gap:7px}.opponent.left{left:6px}.opponent.right{right:6px}.opponent-avatar{height:60px;width:60px}.opponent .avatar.large{height:54px;width:54px}.opponent .avatar.large>span{font-size:36px}.opponent-name b{font-size:8px;max-width:60px}.bot-tag{font-size:5px;padding:2px}.opponent-role{font-size:6px;gap:3px}.opponent-card-count{margin-top:5px;padding:4px 8px;min-width:55px;gap:6px}.opponent-card-count b{font-size:16px}.opponent-card-count>span:last-child{font-size:6px}.mini-card-back{height:17px;width:12px}.landlord-crown{height:19px;width:25px;top:-7px}.landlord-crown>svg{width:12px}.opponent-timer{height:22px;width:22px;font-size:11px}.opponent-table-play{top:179px;max-width:28%;width:28%}.opponent-table-play.left{left:92px}.opponent-table-play.right{right:92px}.table-play-cards .small-card{height:58px;width:39px;margin-right:-25px;border-radius:3px}.table-play-cards .small-card .card-corner{left:3px;top:5px;gap:1px}.table-play-cards .small-card .card-corner>b{font-size:14px}.table-play-cards .small-card .card-corner>span{font-size:9px}.table-play-cards .small-card .card-pip{font-size:21px}.table-play-cards .small-card .card-bottom{font-size:7px;right:3px;bottom:4px}.combo-label{font-size:6px}.pass-label{font-size:13px}.my-table-play{bottom:289px;max-width:65%}.my-table-play .table-play-cards .small-card{height:63px;width:43px;margin-right:-26px}.game-actions{bottom:207px;max-width:93%;gap:9px}.game-actions .button{min-height:37px;padding:0 15px;font-size:10px;gap:7px}.game-actions .button>svg{width:14px}.game-actions .play-button{width:110px}.game-actions kbd{display:none}.play-actions,.bid-actions{gap:9px}.turn-timer{bottom:208px;left:calc(50% - 180px);height:34px;width:34px}.turn-timer>span{height:28px;width:28px;font-size:15px}.selected-caption{font-size:7px;top:47px}.my-hand-area{width:calc(100% - 78px);height:135px;bottom:39px}.my-hand .playing-card{width:70px;height:108px;margin-left:min(0px,(100% - var(--card-count) * 70px) / (var(--card-count) - 1))}.my-hand .playing-card:first-child{margin-left:0}.my-hand .card-corner{left:4px;top:8px;gap:3px}.my-hand .card-corner>b{font-size:22px}.my-hand .card-corner>span{font-size:15px}.my-hand .card-pip{font-size:35px}.my-hand .card-bottom{font-size:12px}.my-hand .playing-card.selected{transform:translateY(-18px)}.my-seat{left:16px;bottom:0;flex-direction:row;align-items:center;width:auto;gap:8px}.my-seat .avatar.large{height:35px;width:35px;border-width:2px}.my-seat .avatar.large>span{font-size:24px}.my-seat>div:last-child{gap:4px;align-items:flex-start}.my-seat b{font-size:8px;max-width:none}.my-seat .my-role{font-size:6px}.my-seat .landlord-crown{width:18px;height:14px;top:-5px;border-width:1px}.my-seat .landlord-crown>svg{width:9px}.my-avatar.active-player{outline-offset:2px;outline-width:1px}.hand-count{bottom:-7px;font-size:6px}.hand-count>b{font-size:8px}.clear-selection{right:-26px;bottom:15px}.waiting-center{top:81px;width:70%}.waiting-center h1{font-size:20px;margin-top:13px;letter-spacing:.5px}.waiting-center>p{font-size:8px;line-height:1.8;max-width:225px;margin-top:12px}.waiting-eyebrow{font-size:5px!important;letter-spacing:1.3px!important}.waiting-leaf{margin-bottom:7px}.waiting-leaf>svg{width:37px;height:37px}.waiting-center .room-code{margin-top:22px;padding:10px 13px;gap:12px;min-height:59px}.room-code>b{font-size:26px;letter-spacing:5px}.room-code>span{font-size:6px}.room-code>svg{width:14px}.waiting-center-actions{gap:8px;margin-top:15px}.waiting-center-actions>.button{font-size:8px;padding:0 11px;min-height:33px;gap:5px}.waiting-center-actions>.button>svg{width:13px}.waiting-center-actions>.button:nth-child(3){position:absolute;top:100%;margin-top:12px;left:50%;transform:translate(-50%)}.waiting-bottom-note{bottom:43px;font-size:7px}.waiting-bottom-note>svg{width:12px}.waiting-seat-count{font-size:8px}.waiting-seat-count>svg{width:12px}.empty-seat{top:123px}.empty-seat-avatar{height:54px;width:54px;margin-bottom:4px}.empty-seat-avatar>svg{width:21px}.empty-seat>b{font-size:8px}.empty-seat>span{font-size:6px}.add-bot-text{font-size:7px;padding:4px 6px;gap:3px}.opponent-ready{font-size:7px;gap:3px}.opponent-ready>svg{width:11px}.game-footer{height:52px;padding:0 24px;margin-top:0}.game-footer>span:first-child{font-size:7px}.game-shortcuts{display:none}.game-footer>div{gap:15px}.game-footer button{font-size:8px;gap:5px}.game-footer button>svg{width:15px}.chat-panel{bottom:64px;right:14px;width:310px}.chat-bubble{max-width:150px;min-width:85px;font-size:8px;padding:8px 10px;left:calc(100% + 2px)}.opponent.right .chat-bubble{right:calc(100% + 2px)}.revealed-hand{top:310px;max-width:24%}.revealed-hand.left{left:27px}.revealed-hand.right{right:27px}.revealed-hand .playing-card{width:30px;height:49px;margin-right:-23px}.revealed-hand .card-corner{left:3px}.revealed-hand .card-corner>b{font-size:10px}.revealed-hand .card-corner>span{font-size:7px}}@media(max-width:480px){.sidebar{width:61px}.app-body{margin-left:61px}.logo-button{margin-top:21px}.sidebar .brand-mark{width:35px;height:35px;font-size:30px;border-radius:10px}.sidebar-nav>button{width:51px;height:66px;font-size:7px;gap:8px}.sidebar-nav>button>svg{width:19px;height:19px}.sidebar-nav>button.active:before{left:-5px;height:19px;top:24px}.sidebar-bottom small{font-size:6px;letter-spacing:1.5px}.sidebar-bottom{gap:25px}.sidebar-stem{margin-top:12px}.sidebar-bottom>button>svg{width:18px}.header{height:74px;padding:0 16px}.header-tools>.connection{display:none}.profile-button>.avatar{height:31px;width:31px}.profile-button>.avatar>span{font-size:21px}.profile-button>span:not(.avatar){display:none}.header .brand-copy b{font-size:22px}.header .brand-copy>span{font-size:6px}.main-content{padding:25px 16px 0}.page-intro h1{font-size:21px;margin-top:12px;line-height:1.65;letter-spacing:.1px}.page-intro p{font-size:9px;line-height:1.9;max-width:230px;margin-top:8px}.eyebrow{font-size:6px;letter-spacing:1.2px;gap:6px}.eyebrow>span{width:4px;height:4px}.page-intro{margin-bottom:24px}.hero{min-height:340px;border-radius:11px}.hero-copy{padding:24px 0 21px 22px;width:68%}.hero-copy h2{font-size:39px;letter-spacing:2px;margin-top:17px}.hero-tag{font-size:6px;padding:5px 7px;gap:5px}.hero-tag>span{height:3px;width:3px}.hero-copy p{font-size:8px;letter-spacing:.3px;margin-top:12px;line-height:2}.hero-cta{margin-top:25px;width:125px;min-height:38px;padding:0 14px;font-size:10px}.hero-cta>svg{width:15px}.hero-foot{font-size:6px;margin-top:13px;gap:4px}.hero-foot>svg{width:11px}.hero-art{width:48%;right:-13px;z-index:2;overflow:visible}.hero-art .playing-card{width:77px;height:115px;border-radius:6px;box-shadow:0 8px 20px #062c2440}.hero-art .card-corner{top:9px;left:7px;gap:2px}.hero-art .card-corner>b{font-size:23px}.hero-art .card-corner>span{font-size:17px}.hero-art .card-pip{font-size:42px;left:32px;top:54px}.hero-art .card-bottom{font-size:11px;right:7px;bottom:7px}.art-card{top:126px;left:7%}.art-card-one{transform:rotate(-25deg) translate(-13px,-6px)}.art-card-two{transform:rotate(-7deg) translate(16px,-9px)}.art-card-three{transform:rotate(14deg) translate(39px,12px)}.art-orbit{width:160px;height:105px;left:-20%;top:145px}.orbit-two{left:-31%;top:122px;width:189px;height:135px}.spark-one{top:83px;right:36%;font-size:19px}.spark-two{top:247px;left:-16%;font-size:16px}.dot-one{left:24%;top:90px;width:3px;height:3px}.dot-two{right:20%;top:263px}.poker-chip{width:41px;height:15px;border-width:2px}.chip-one{bottom:63px;right:37%}.chip-two{bottom:62px;right:12%;width:33px;height:13px}.hero-art-caption{display:none}.hero-rings{right:-192px;top:-110px}.friends-card{padding:20px 17px;grid-template-columns:1fr 1fr;min-height:149px;gap:0 10px}.friends-card h3{font-size:17px;line-height:1.7;margin-top:10px;max-width:100px}.friends-heading>.eyebrow{font-size:5px;letter-spacing:.6px;white-space:nowrap}.friends-card p{font-size:8px;line-height:1.9}.friends-card>.button{font-size:8px;gap:3px;min-height:33px;padding:0 9px;margin-top:9px}.friends-card>.button>svg{width:12px}.join-shortcut{font-size:7px;gap:1px;margin-top:6px}.join-shortcut>svg{width:11px}.section-heading h2{font-size:12px;gap:7px}.section-heading h2>span{display:none}.section-heading>.text-button{font-size:7px}.mode-card{padding:17px 14px;gap:12px;min-height:102px;border-radius:9px}.mode-symbol{height:53px;width:45px}.mode-symbol>svg{width:26px}.mode-title{font-size:12px;gap:6px}.mode-description{font-size:8px}.mode-meta{font-size:6px;gap:5px}.mode-card .pill{font-size:5px;padding:3px}.mode-copy{gap:8px}.mode-card>.mode-arrow>svg{width:13px}.daily-tip,.history-prompt{padding:15px 12px;gap:9px}.tip-icon,.history-prompt-icon{width:30px;height:30px}.tip-icon>svg,.history-prompt-icon>svg{width:17px}.daily-tip h3,.history-prompt h3{font-size:9px}.daily-tip h3>span{font-size:5px;letter-spacing:1px}.daily-tip p,.history-prompt p{font-size:8px;line-height:1.8;margin-top:6px}.daily-tip .icon-button{display:none}.lobby-footer{font-size:6px;justify-content:center;gap:10px}.lobby-footer>span:first-child{font-size:7px}.lobby-footer>span:first-child>svg{width:11px}.page-intro>.button{padding:0 9px;font-size:8px;gap:5px;min-height:33px}.page-intro>.button>svg{width:12px}.stats-grid>div{padding:17px 12px;gap:10px}.stats-grid .stat-icon{width:31px;height:31px}.stats-grid>div>span:last-child{font-size:8px;gap:10px}.stats-grid b{font-size:23px}.history-table-head,.history-table-row{padding:14px 9px;gap:6px;grid-template-columns:1.1fr 1.3fr .5fr .5fr .7fr}.history-table-head{font-size:7px}.history-table-row>span:first-child{font-size:8px;gap:4px}.history-table-row>span:first-child>svg{width:11px}.history-table-row>span:nth-child(2){font-size:7px}.history-table-row>span:nth-child(3),.history-table-row>span:nth-child(4){font-size:7px}.history-table-row>b{font-size:12px}.history-heading>.subtle{font-size:8px}.rooms-toolbar>div{font-size:9px;gap:6px}.rooms-toolbar>div:last-child{gap:10px}.rooms-toolbar .text-button{font-size:7px;gap:4px}.rooms-toolbar .text-button>svg{display:none}.rooms-toolbar .button{font-size:7px;min-height:30px;padding:0 8px;gap:4px}.rooms-toolbar .button>svg{width:11px}.public-rooms{grid-template-columns:1fr}.public-room{padding:22px}.public-room h3{font-size:16px}.public-room p{font-size:9px}.public-room-footer>span{font-size:10px}.public-room-footer .button{font-size:10px}.empty-state h2{font-size:16px}.empty-state p{font-size:9px}.empty-state .button{font-size:10px;padding:0 16px}.empty-state>div{gap:9px}.rooms-note{font-size:7px;gap:8px}.modal-backdrop{padding:16px}.modal{padding:28px 23px;border-radius:13px;max-height:91dvh}.modal h2{font-size:21px}.modal-subtitle{font-size:10px;margin-bottom:23px}.modal-eyebrow{font-size:7px}.modal-close{top:13px;right:12px}.modal-note{font-size:9px;padding:12px;gap:8px}.modal .button.full{min-height:45px;font-size:11px}.form-columns{gap:11px}.form-columns select{font-size:9px}.avatar-picker .avatar{width:39px;height:39px}.avatar-picker .avatar>span{font-size:28px}.difficulty-options>button{padding:17px 13px;min-height:148px}.difficulty-options b{font-size:12px}.difficulty-options span{font-size:8px;line-height:1.8}.combo-grid{gap:8px}.combo-grid>div{padding:11px}.combo-grid b{font-size:8px}.combo-grid span{font-size:12px}.rule-step{gap:12px}.rule-step h3{font-size:11px}.rule-step p{font-size:9px}.rules-content{min-height:330px}.rules-rank{gap:9px;font-size:8px}.rules-rank b{font-size:10px}.scoring-card b{font-size:18px}.scoring-card p{font-size:8px}.keyboard-guide{font-size:7px;gap:5px}.keyboard-guide>span{margin-right:4px}.keyboard-guide kbd{font-size:7px}.game-header{padding:0 12px;height:64px;gap:10px}.game-header .brand,.game-header-divider{display:none}.back-button{height:29px;width:29px}.room-heading>b{font-size:10px;max-width:125px}.room-heading>span{font-size:7px}.game-header-tools{gap:2px}.game-header-tools>.icon-button{width:28px}.game-header-tools .invite-button{font-size:7px;min-height:28px;padding:0 7px;gap:4px}.game-header-tools .invite-button>svg{width:11px}.table-topline{padding-inline:18px;height:38px;font-size:7px}.table-topline>span:first-child>svg{width:12px}.table-topline>span:last-child{font-size:6px;gap:4px}.table-topline i{margin:0 2px}.table-area{width:calc(100% - 22px);height:calc(100dvh - 154px);min-height:585px}.table-surface{border-radius:67px;inset:0 0 104px;border-width:5px;box-shadow:0 0 0 1px #cdd5bf,0 0 0 3px #f5f6eb,0 0 0 4px #e3e7d6,0 6px 20px #36513a1c,inset 0 1px 15px #123c3427}.table-inner-border{border-radius:54px;inset:8px}.table-inner-border:before{border-radius:48px}.table-meta{left:31px;right:31px;top:24px}.table-mode-label{font-size:6px;letter-spacing:.5px}.table-multiplier{font-size:0;gap:0}.table-multiplier>b{font-size:15px;margin-left:0}.bottom-cards{top:18px;gap:7px}.bottom-cards-row>.small-card{width:32px;height:46px}.bottom-cards>span{font-size:5px;letter-spacing:.6px}.bottom-cards-row .card-corner>b{font-size:11px}.bottom-cards-row .card-corner>span{font-size:8px}.bottom-cards-row .card-pip{font-size:17px}.opponent{top:102px;width:64px;gap:7px}.opponent.left{left:3px}.opponent.right{right:3px}.opponent-avatar{height:51px;width:51px}.opponent .avatar.large{width:46px;height:46px;border-width:2px}.opponent .avatar.large>span{font-size:32px}.opponent-name{gap:3px;max-width:72px}.opponent-name b{font-size:7px;max-width:52px}.bot-tag{font-size:5px;padding:1px 2px}.opponent-role{font-size:5px;gap:3px}.opponent .active-player{outline-width:1px;outline-offset:2px}.opponent-timer{height:19px;width:19px;font-size:10px;right:-2px;bottom:-3px}.landlord-crown{height:16px;width:23px;border-width:1px;top:-6px}.landlord-crown>svg{height:12px;width:12px}.opponent-card-count{gap:5px;padding:4px 7px;min-width:48px;margin-top:5px}.opponent-card-count b{font-size:15px}.mini-card-back{height:14px;width:10px;margin-right:2px}.opponent-card-count>span:last-child{font-size:5px}.opponent-table-play{max-width:calc(50% - 76px);width:calc(50% - 76px);top:186px}.opponent-table-play.left{left:73px}.opponent-table-play.right{right:73px}.table-play-cards .small-card{width:35px;height:53px;margin-right:-25px}.table-play-cards .small-card .card-corner{left:2px;top:4px;gap:2px}.table-play-cards .small-card .card-corner>b{font-size:12px}.table-play-cards .small-card .card-corner>span{font-size:8px}.table-play-cards .small-card .card-pip{font-size:20px}.table-play-cards .small-card .card-bottom{font-size:6px;right:3px}.turn-status{top:104px}.turn-chip{font-size:6px;padding:6px 8px;gap:4px}.turn-chip>svg{width:10px;height:10px}.game-actions{bottom:213px;max-width:94%}.game-actions .button{padding:0 14px;font-size:9px;min-height:36px;gap:6px}.game-actions .play-button{width:95px}.game-actions .button>svg{width:13px}.play-actions,.bid-actions{gap:7px}.bid-actions .button{padding-inline:13px}.selected-caption{font-size:6px;top:45px}.turn-timer{width:29px;height:29px;bottom:217px;left:calc(50% - 156px)}.turn-timer>span{height:25px;width:25px;font-size:14px}.my-table-play{bottom:292px;max-width:71%}.my-table-play .table-play-cards .small-card{height:57px;width:39px;margin-right:-25px}.my-hand-area{width:calc(100% - 25px);bottom:40px;height:139px}.my-hand{padding-left:0}.my-hand .playing-card{width:59px;height:101px;margin-left:min(0px,(100% - var(--card-count) * 59px) / (var(--card-count) - 1));border-radius:5px}.my-hand .playing-card:first-child{margin-left:0}.my-hand .card-corner{left:3px;top:7px;gap:3px}.my-hand .card-corner>b{font-size:20px;letter-spacing:-1px}.my-hand .card-corner>span{font-size:13px}.my-hand .card-pip{font-size:31px}.my-hand .card-bottom{font-size:10px;right:6px;bottom:7px}.my-hand .playing-card.selected{transform:translateY(-18px)}.my-hand .playing-card:has(.joker-pip) .card-corner>span{font-size:5px;letter-spacing:1px}.my-hand .joker-pip{font-size:32px!important}.hand-count{bottom:1px;font-size:5px}.hand-count>b{font-size:7px}.clear-selection{right:-6px;bottom:0;z-index:7;height:24px;width:24px}.clear-selection>svg{width:12px}.my-seat{left:10px;bottom:0;gap:7px}.my-seat .avatar.large{width:32px;height:32px}.my-seat .avatar.large>span{font-size:22px}.my-seat b{font-size:7px;gap:5px}.my-seat b>span{font-size:5px;padding:1px 3px}.my-seat .my-role{font-size:5px}.my-seat>div:last-child{gap:4px}.waiting-center{top:76px;width:70%}.waiting-center .waiting-eyebrow{font-size:4px!important;letter-spacing:1px!important}.waiting-center h1{font-size:17px;line-height:1.8;margin-top:13px;white-space:nowrap}.waiting-center>p{font-size:7px;max-width:180px;line-height:2;margin-top:12px}.waiting-leaf{margin-bottom:8px}.waiting-leaf>svg{width:32px;height:32px}.room-code{min-height:57px!important;padding:9px 12px!important;gap:10px!important;margin-top:23px!important}.room-code>b{font-size:26px;letter-spacing:4px}.room-code>span{font-size:5px;letter-spacing:.5px}.room-code>svg{width:12px}.waiting-center-actions{gap:7px;margin-top:18px}.waiting-center-actions>.button{font-size:7px;min-height:32px;padding:0 10px;gap:4px}.waiting-center-actions>.button>svg{width:11px}.ready-button{min-width:180px;font-size:11px!important}.action-caption{font-size:7px}.empty-seat{top:123px;gap:10px}.empty-seat-avatar{height:43px;width:43px}.empty-seat-avatar>svg{width:18px}.empty-seat>b{font-size:7px;letter-spacing:.5px}.empty-seat>span{font-size:5px}.add-bot-text{font-size:6px;padding:4px 5px;gap:3px;margin-top:5px}.add-bot-text>svg{width:10px;height:10px}.opponent-ready{font-size:6px;gap:3px;flex-wrap:wrap}.opponent-ready>svg{height:10px;width:10px}.opponent-ready>button{height:15px;width:15px;margin-left:1px}.opponent-ready>button>svg{width:10px}.waiting-bottom-note{bottom:53px;font-size:6px;gap:6px}.waiting-bottom-note>svg{width:11px}.waiting-seat-count{font-size:7px;gap:5px;padding-left:11px;margin-left:5px}.waiting-seat-count>svg{width:11px}.game-footer{height:51px;padding:0 18px}.game-footer>span:first-child{font-size:6px;letter-spacing:.2px;gap:4px}.game-footer>span:first-child>svg{width:11px}.game-footer>div{gap:12px}.game-footer button{font-size:7px;gap:4px}.game-footer button:first-child{padding-right:13px}.game-footer button>svg{width:14px}.chat-dot{height:3px;width:3px;right:-5px}.chat-panel{bottom:64px;right:12px;width:calc(100% - 24px);max-width:325px}.chat-bubble{font-size:7px;max-width:130px;min-width:85px}.table-connection{font-size:8px;padding:10px 13px}.seat-disconnected{font-size:5px}.auto-playing{font-size:8px;gap:9px}.auto-playing>svg{width:17px}.auto-playing>span{margin-right:2px}.revealed-hand{top:310px;max-width:26%}.revealed-hand.left{left:15px}.revealed-hand.right{right:15px}.revealed-hand .playing-card{margin-right:-24px}}@media(max-height:760px)and (min-width:761px){.main-content{padding-top:27px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:27px}.hero{min-height:335px}.hero-copy{padding-top:25px}.hero-copy h2{font-size:43px;margin-top:15px}.hero-copy p{margin-top:10px;font-size:10px}.hero-cta{margin-top:18px}.hero-art .playing-card{width:118px;height:167px}.art-card{top:87px}.hero-art .card-pip{font-size:67px;left:49px;top:69px}.hero-art .card-corner>b{font-size:32px}.hero-art .card-corner>span{font-size:23px}.chip-one{bottom:60px}.chip-two{bottom:57px}.friends-card{padding-top:20px}.friends-illustration{height:88px;margin-top:3px}.friends-card h3{font-size:22px}.friends-card p{margin-top:8px}.friends-card>.button{margin-top:15px}.mode-section{margin-top:25px}.mode-card{min-height:115px;padding-block:20px}.lobby-bottom{margin-top:20px}.daily-tip,.history-prompt{padding-block:15px}.lobby-footer{margin-top:25px}.table-area{min-height:520px}.table-surface{bottom:77px}.game-actions{bottom:183px}.my-table-play{bottom:261px}.my-hand-area{bottom:15px}.turn-timer{bottom:185px}.my-seat{bottom:29px}.waiting-center{top:65px}.waiting-center h1{margin-top:11px}.waiting-center>p{margin-top:11px}.waiting-center .room-code{margin-top:18px}.waiting-center-actions{margin-top:14px}.waiting-leaf{margin-bottom:2px}.waiting-center .waiting-leaf>svg{height:35px}.opponent{top:112px}}@media(max-height:760px)and (min-width:761px){.table-surface{bottom:77px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:480px){.hero-copy h2{font-size:35px;letter-spacing:1px}.hero-art{transform:scale(.85);transform-origin:100% 50%;top:20px;right:-6px}}:root{--paper: #f6f5ef;--panel: #fffefa;--wash: #edeee7;--ink: #253f36;--muted: #7c8981;--green: #255c49;--green-deep: #194735;--gold: #b28e50;--line: #dedfd5;--shadow: 0 18px 60px #233f3610;--table: #235c49;--table-light: #34765a;color:var(--ink);background:var(--paper)}:root[data-theme=black]{--paper: #121413;--panel: #1a1d1b;--wash: #222722;--ink: #ece7d8;--muted: #989b8e;--green: #ceb074;--green-deep: #b39255;--gold: #cfaf70;--line: #363c33;--shadow: 0 18px 60px #0003;--table: #171818;--table-light: #292a27;color-scheme:dark}body{min-width:320px;background:var(--paper);color:var(--ink)}button{transition:background .2s,color .2s,box-shadow .2s,transform .2s,border-color .2s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:not(:disabled):active{transform:scale(.98)}.studio-app{min-height:100dvh;background:var(--paper)}.studio-nav{position:fixed;inset:0 auto 0 0;width:94px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;background:var(--paper);z-index:30;padding:27px 0 25px}.studio-logo{padding:0}.brand-mark{background:var(--green);color:var(--paper);border-radius:4px}.brand-mark i{display:none}.brand-copy b{font-size:19px;letter-spacing:4px;color:var(--ink)}.studio-nav nav{display:flex;flex-direction:column;gap:14px;margin-top:84px;width:100%;align-items:center}.studio-nav nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:64px;height:67px;border-radius:4px;color:var(--muted);font-size:10px;letter-spacing:2px;position:relative}.studio-nav nav button.active{background:var(--wash);color:var(--green)}.studio-nav nav button.active:before{content:"";position:absolute;width:2px;height:25px;background:var(--green);left:-15px}.studio-nav nav button:hover{background:var(--wash)}.nav-settings{margin-top:auto;color:var(--muted);padding:12px}.studio-header{height:94px;margin-left:94px;padding:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.header-location{display:flex;gap:16px;align-items:center;font-size:12px;letter-spacing:1px}.tiny-suit{color:var(--gold);font-size:22px}.studio-header-right{display:flex;gap:28px;align-items:center}.status-light{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.status-light.online svg{color:var(--green)}.bean-balance{display:flex;gap:8px;align-items:center;font-family:Georgia,serif;font-size:16px}.bean-balance svg{color:var(--gold)}.bean-balance>span{color:var(--muted);font:10px Noto Sans TC,sans-serif}.studio-profile{display:flex;align-items:center;gap:11px;font-size:12px}.studio-profile .avatar{width:36px;height:36px}.studio-profile .avatar>span{font-size:25px}.screen-stage{margin-left:94px;position:relative;overflow:clip;min-height:calc(100dvh - 94px)}.screen-stage.room-stage{margin-left:0;min-height:100dvh}.studio-main{max-width:1280px;margin:auto;padding:48px 60px 70px;animation:page-arrive .5s both}.studio-main.page-lobby{display:flex;flex-direction:column;min-height:calc(100dvh - 94px)}.quiet-label{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:400}.lobby-heading{margin-top:20px}.lobby-heading h1{font:500 clamp(48px,6vw,78px)/1.45 "Noto Serif TC",serif;letter-spacing:6px;margin-top:12px}.lobby-heading h1>span{color:var(--gold)}.lobby-caption{color:var(--muted);font-size:12px;letter-spacing:2px;margin-top:12px}.lobby-main{display:grid;grid-template-columns:1fr 1fr;gap:50px;flex:1;min-height:340px;align-items:center}.lobby-art{position:relative;height:320px;display:grid;place-items:center}.art-rule{position:absolute;left:4%;right:5%;top:52%;border-top:1px solid var(--line);transform:rotate(-25deg)}.lobby-cards{position:relative;width:240px;height:220px}.lobby-card{position:absolute;top:18px;left:60px;transition:transform .5s}.lobby-card .playing-card{width:126px;height:184px;border-radius:7px;border:1px solid #d5d2c3;box-shadow:0 16px 25px #102e2820}.lobby-card .card-corner>b{font-size:30px}.lobby-card .card-corner>span{font-size:21px}.lobby-card .card-pip{font-size:70px;left:40%;top:40%}.lobby-card.card-left{transform:translate(-62px,10px) rotate(-22deg)}.lobby-card.card-center{transform:translateY(-10px) rotate(-3deg);z-index:2}.lobby-card.card-right{transform:translate(65px,14px) rotate(19deg);z-index:3}.lobby-art:hover .card-left{transform:translate(-73px,5px) rotate(-26deg)}.lobby-art:hover .card-right{transform:translate(76px,9px) rotate(23deg)}.art-index{position:absolute;bottom:22px;left:20px;color:var(--muted);font:10px Georgia,serif;letter-spacing:3px}.art-cross{position:absolute;right:20px;top:30px;color:var(--gold);font-size:26px;font-weight:200}.lobby-choices{display:flex;flex-direction:column;gap:14px;max-width:480px}.lobby-action{width:100%;min-height:112px;display:flex;align-items:center;text-align:left;gap:20px;padding:24px 26px;border:1px solid var(--line);border-radius:3px;position:relative;overflow:hidden}.lobby-action:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#fff2 50%,transparent 60%);transform:translate(-140%);transition:transform .6s}.lobby-action:hover:after{transform:translate(140%)}.lobby-action.primary{color:var(--paper);background:var(--green);border-color:var(--green)}.lobby-action.secondary{background:var(--panel)}.action-index{font:12px Georgia,serif;opacity:.55;align-self:flex-start;margin-top:3px}.lobby-action>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:9px}.lobby-action b{font-size:20px;letter-spacing:2px;font-weight:500}.lobby-action small{font-size:10px;letter-spacing:1px;opacity:.6}.lobby-action:hover{transform:translate(5px);box-shadow:var(--shadow)}.browse-rooms{display:flex;align-items:center;gap:9px;align-self:flex-end;padding:14px 0;color:var(--muted);font-size:11px}.browse-rooms:hover{color:var(--green)}.lobby-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;border-top:1px solid var(--line);padding:20px 0 0;color:var(--muted);font-size:10px;gap:20px;letter-spacing:.5px}.lobby-footer>span{display:flex;align-items:center;gap:10px}.lobby-footer i{width:4px;height:4px;background:var(--gold);border-radius:50%}.lobby-footer>button{display:flex;align-items:center;gap:6px;white-space:nowrap}.theme-switch{position:fixed;right:18px;bottom:16px;border:1px solid var(--line);border-radius:30px;background:var(--panel);color:var(--gold);display:flex;align-items:center;gap:7px;padding:9px 13px;font-size:10px;z-index:45;box-shadow:0 3px 15px #00000008}.in-game .theme-switch{bottom:65px}.scene-wipe{position:absolute;inset:0;pointer-events:none;z-index:35;background:var(--green);clip-path:polygon(0 0,100% 0,75% 100%,0 100%);animation:scene-wipe .48s cubic-bezier(.6,0,.2,1) both}.opening{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;gap:26px;color:var(--gold);background:var(--paper);animation:opening-away .35s .8s forwards}.opening-suit{font-size:48px;animation:opening-mark .7s both}.opening-title{font:500 28px "Noto Serif TC",serif;letter-spacing:15px}.opening-line{width:60px;height:1px;background:var(--gold);animation:opening-line .6s both}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}.page-heading h1{font:500 36px "Noto Serif TC",serif;letter-spacing:4px;margin:9px 0 12px}.page-heading p{color:var(--muted);font-size:11px;line-height:1.8}.page-heading select,.board-toolbar select{width:auto;flex-shrink:0;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--ink);padding:11px 15px;font-size:12px}.wallet-card{display:grid;grid-template-columns:auto auto;gap:6px 12px;align-items:center;color:var(--gold)}.wallet-card b{font:26px Georgia,serif;white-space:nowrap}.wallet-card>span{grid-column:2;font-size:10px;color:var(--muted)}.wallet-card button{grid-column:1/-1;border-bottom:1px solid var(--gold);font-size:10px;padding:7px 0}.shop-toolbar{display:flex;flex-direction:column;gap:17px;margin-bottom:25px}.segmented{display:flex;gap:4px;padding:4px;background:var(--wash);border:1px solid var(--line);border-radius:4px;width:max-content;max-width:100%}.segmented>button{padding:10px 20px;border-radius:2px;font-size:11px;color:var(--muted);white-space:nowrap}.segmented>button.active{background:var(--panel);color:var(--green);box-shadow:0 2px 5px #00000008}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips button{padding:5px 13px;font-size:10px;color:var(--muted);border-bottom:1px solid transparent}.filter-chips button.active{color:var(--green);border-color:var(--green)}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.catalog-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;text-align:left;position:relative;padding:0}.catalog-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--shadow)}.catalog-art{height:143px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--wash),transparent)}.catalog-art .avatar.large{width:65px;height:65px}.catalog-art .avatar.large>span{font-size:41px}.catalog-label{display:flex;flex-direction:column;gap:7px;padding:15px}.catalog-label b{font-size:12px;font-weight:500;letter-spacing:1px}.catalog-label>span{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--muted)}.catalog-card.owned .catalog-label>span{color:var(--green)}.catalog-permanent{position:absolute;top:10px;right:10px;font-size:8px;color:var(--muted);letter-spacing:1px}.prop-glyph{font-size:54px;filter:drop-shadow(0 8px 8px #0001)}.shop-preview{display:flex;align-items:center;justify-content:center;min-height:175px}.shop-preview .avatar.large{width:94px;height:94px}.shop-preview .avatar.large>span{font-size:63px}.stats-grid{gap:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-right:0;border-bottom:0}.stats-grid>div{border:0;border-radius:0;display:flex;flex-direction:column;gap:15px;background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 20px}.stats-grid span{font-size:10px;color:var(--muted)}.stats-grid b{color:var(--ink);font:25px Georgia,serif}.trend-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);margin-bottom:30px}.trend-panel>div:first-child{display:flex;flex-direction:column;gap:12px}.trend-panel b{font-size:11px;font-weight:400}.trend-panel strong{font:22px Georgia,serif;color:var(--green);margin-left:8px}.trend-panel small{font-size:10px;color:var(--muted);margin-left:15px}.trend-bars{display:flex;align-items:flex-end;gap:5px;height:70px}.trend-bars>span{width:9px;background:#b4b4a7;border-radius:2px 2px 0 0}.trend-bars>span.win{background:var(--green)}.section-title{font-size:15px;letter-spacing:2px;font-weight:500;margin:24px 0 15px}.history-list{border-top:1px solid var(--line)}.history-list>button{display:flex;align-items:center;gap:20px;width:100%;padding:18px 5px;border-bottom:1px solid var(--line);text-align:left}.history-list>button:hover{background:var(--wash)}.history-result{width:37px;height:42px;display:grid;place-items:center;background:var(--wash);color:var(--muted);font:18px "Noto Serif TC",serif;border-radius:3px}.history-result.win{background:var(--green);color:var(--paper)}.history-list>button>div:nth-child(2){display:flex;flex-direction:column;gap:7px}.history-list b{font-size:12px;font-weight:500;display:flex;gap:12px}.history-list small,.history-list>button>div>span{font-size:10px;color:var(--muted);font-weight:400}.history-tags{display:flex;gap:6px;flex-wrap:wrap}.history-tags>span{padding:4px 7px;border:1px solid var(--line);font-size:9px!important;border-radius:3px;color:var(--muted)}.history-list strong{margin-left:auto;font:19px Georgia,serif}.negative{color:#a46c59}.round-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.round-detail-stats>span{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}.round-detail-stats b{font-size:16px;color:var(--ink)}.board-toolbar{display:flex;gap:12px;margin-bottom:23px}.leaderboard-list{border-top:1px solid var(--line)}.leaderboard-list>div{display:flex;align-items:center;gap:20px;padding:19px 18px;border-bottom:1px solid var(--line)}.leaderboard-list>div.is-me{background:var(--wash)}.rank{font:15px Georgia,serif;min-width:26px;color:var(--muted)}.rank-0{color:var(--gold)}.rank-1{color:#8c9ca2}.rank-2{color:#a9856f}.leaderboard-list>div>div{display:flex;flex-direction:column;gap:9px}.leaderboard-list b{font-size:12px;font-weight:500}.leaderboard-list b small{font-size:9px;color:var(--muted);margin-left:8px}.leaderboard-list>div>div>span{font-size:10px;color:var(--muted)}.leaderboard-list strong{margin-left:auto;font:22px Georgia,serif}.compare-note{padding:20px;background:var(--wash);font-size:11px;line-height:1.8;margin-top:24px}.empty-state{padding:55px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;color:var(--muted)}.empty-state h3{font-size:17px;color:var(--ink);font-weight:500}.empty-state p{font-size:12px}.fine-print{font-size:10px;color:var(--muted);line-height:1.9}.spaced{margin-top:24px}.button{border-radius:3px;min-height:43px;font-size:12px;letter-spacing:.5px}.button.green{background:var(--green);color:var(--paper)}.button.green:hover:not(:disabled){background:var(--green-deep);box-shadow:0 5px 15px #0001}.button.outline{border:1px solid var(--line);color:var(--ink);background:transparent}.button.outline:hover{background:var(--wash)}.text-button{color:var(--muted);font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 0}.text-button:hover{color:var(--green)}.modal-backdrop{background:#081b16a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:22px}.modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:0 30px 100px #0004;padding:33px;max-height:calc(100dvh - 44px);overflow-y:auto}.modal h2{font:500 26px "Noto Serif TC",serif;letter-spacing:3px}.modal-subtitle{color:var(--muted);font-size:11px;line-height:1.8}.modal-close{color:var(--muted);background:var(--wash)}.field-label{display:block;color:var(--muted);font-size:11px;margin:23px 0 10px;letter-spacing:1px}.studio-input{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:13px 14px;color:var(--ink);font-size:13px}.room-code-form{display:flex;gap:10px;margin:24px 0}.room-code-form input{flex:1;letter-spacing:3px}.room-picker-list{margin-bottom:15px;max-height:340px;overflow:auto}.room-picker-item{display:flex;align-items:center;gap:16px;padding:20px 4px;border-bottom:1px solid var(--line);width:100%;text-align:left}.room-picker-item>div{display:flex;flex-direction:column;gap:9px;margin-right:auto}.room-picker-item b{font-size:13px;font-weight:500}.room-picker-item small,.room-picker-item>span{font-size:10px;color:var(--muted)}.room-picker-item:hover{background:var(--wash)}.pill{background:var(--wash);border-radius:3px;color:var(--muted);padding:5px 8px}.profile-preview{display:flex;align-items:center;gap:22px;margin:20px 0}.profile-preview>div{display:flex;flex-direction:column;gap:9px}.profile-preview b{font:22px "Noto Serif TC",serif}.profile-preview small{color:var(--muted);font-size:10px}.cosmetic-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-height:300px;overflow-y:auto;margin-top:19px;padding:8px}.cosmetic-picker>button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 5px;border:1px solid transparent;border-radius:4px}.cosmetic-picker>button.chosen{border-color:var(--gold);background:var(--wash)}.cosmetic-picker>button small{font-size:9px;color:var(--muted)}.cosmetic-picker>button:disabled{opacity:.3}.identity-panel{font-size:12px;line-height:1.9;margin-top:20px}.identity-panel p{color:var(--muted);margin-bottom:18px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:25px 0;font-size:13px}.rules-copy{color:var(--muted);font-size:12px;line-height:2}.rules-copy h3{color:var(--ink);font-weight:500;margin:23px 0 8px;font-size:14px}.rules-copy>p{margin-top:14px}.waiting-room{min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);animation:page-arrive .5s both}.waiting-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 50px}.waiting-header>.text-button{min-width:105px;justify-content:flex-start}.waiting-content{width:100%;max-width:1110px;margin:auto;padding:48px 50px;flex:1}.waiting-title{text-align:center}.waiting-title h1{font:500 clamp(27px,3vw,38px) "Noto Serif TC",serif;letter-spacing:3px;margin:14px 0 8px}.waiting-title>.text-button{font-size:10px}.waiting-seats{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:36px 0 32px}.waiting-seat{position:relative;text-align:center;border:1px solid var(--line);border-radius:4px;min-height:264px;background:var(--panel);display:flex;flex-direction:column;align-items:center;padding:37px 20px 24px;transition:border-color .3s,transform .3s}.waiting-seat.seat-ready{border-color:var(--green)}.waiting-seat.seat-ready:after{content:"";position:absolute;bottom:-1px;width:30px;height:2px;background:var(--green)}.seat-number{position:absolute;left:16px;top:14px;font:10px Georgia,serif;color:var(--muted)}.seat-avatar{position:relative;margin-bottom:18px}.seat-avatar .avatar.large{width:76px;height:76px}.seat-avatar .avatar.large>span{font-size:49px}.seat-avatar>svg{position:absolute;top:-16px;right:-4px;color:var(--gold);transform:rotate(20deg)}.waiting-seat h2{font-size:16px;font-weight:500;letter-spacing:1px;margin-bottom:9px}.waiting-seat h2 small{font-size:9px;color:var(--muted);margin-left:8px}.ready-state{font-size:11px;color:var(--muted);margin-top:23px;display:flex;align-items:center;gap:5px;height:20px}.ready-state.yes{color:var(--green)}.remove-seat{position:absolute;right:12px;top:12px;color:var(--muted);padding:4px}.vacant-avatar{border:1px dashed var(--line);border-radius:50%;width:76px;height:76px;display:grid;place-items:center;margin-bottom:18px;color:var(--muted)}.waiting-seat:not(.occupied){background:transparent}.add-ai{margin-top:15px;font-size:10px}.waiting-controls{display:flex;flex-direction:column;align-items:center;gap:19px}.waiting-options{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.waiting-options b{font-weight:500;color:var(--ink);margin-left:7px}.waiting-options i{width:1px;height:12px;background:var(--line)}.waiting-options button{display:flex;padding:5px;color:var(--muted)}.start-game{min-width:228px;gap:30px;min-height:50px}.waiting-hint{font-size:10px;color:var(--muted);letter-spacing:1px}.waiting-footer{display:flex;align-items:center;justify-content:center;gap:22px;min-height:65px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.waiting-footer b{letter-spacing:3px;color:var(--ink);font:14px Georgia,serif;margin-left:9px}.waiting-footer button{display:flex;align-items:center;gap:6px}.avatar{position:relative;isolation:isolate;overflow:visible;background:var(--wash);border:2px solid var(--line);box-shadow:none}.avatar>span{position:relative;z-index:1}.avatar:before,.avatar:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:-4px;z-index:-1}.frame-plain:before,.frame-plain:after{display:none}.frame-line{border-color:var(--ink)}.frame-line:before{inset:-5px;border:1px solid var(--muted)}.frame-jade{border-color:#8aaf96;background:#d8e3d5}.frame-jade:before{border:1px solid #688f76;inset:-5px}.frame-laurel{border-color:#b69452}.frame-laurel:before{border:3px double #b69452;inset:-7px;border-radius:38% 62% 39% 61%;transform:rotate(35deg)}.frame-orbit{border-color:#708da5}.frame-orbit:before{border:1px solid #7b9dbb;inset:-8px -3px;border-radius:50%;transform:rotate(35deg)}.frame-orbit:after{width:5px;height:5px;background:#b7c9dd;inset:-6px auto auto 60%;border-radius:50%}.frame-foil{border-color:#c7a361;background:linear-gradient(125deg,#d6c38a,#f7efd5 45%,#b78c47 49%,#e5d3a4 55%)}.frame-foil:before{border:1px solid #b5904e;inset:-6px}.frame-prism{border-color:#a7a5d5}.frame-prism:before{border:2px solid transparent;background:conic-gradient(#8d8db7,#c9a89b,#7ea695,#8d8db7) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;inset:-6px;border-radius:24%;transform:rotate(16deg)}.frame-glitch{border-color:#4c6970;border-radius:20%!important}.frame-glitch:before{border:2px solid #e09587;clip-path:polygon(0 0,70% 0,70% 40%,100% 40%,100% 100%,0 100%);transform:translate(3px,-2px)}.frame-glitch:after{border:1px solid #5ca5a8;transform:translate(-3px,3px);border-radius:16%}.frame-void{background:#262333;border-color:#6d6488}.frame-void:before{border:1px dashed #8e84a4;inset:-7px;animation:frame-orbit 24s linear infinite}.frame-royal{border:3px double #b28e50;background:#31322b}.frame-royal:before{inset:-7px;border:1px solid #c2a462;transform:rotate(45deg);border-radius:21%}.frame-petal{border-color:#b7828b;background:#f0dadc}.frame-petal:before{border:1px solid #b7828b;border-radius:35% 65%;inset:-7px;transform:rotate(45deg)}.frame-electric{border-color:#7ca4b5;background:#d9e8e8}.frame-electric:before{inset:-6px;border:1px solid #8bbed3;clip-path:polygon(0 0,40% 0,55% 35%,100% 25%,100% 100%,0 100%);box-shadow:0 0 11px #7bb8cc88;transform:rotate(15deg)}.game-page,.game-header,.game-footer{background:var(--paper);border-color:var(--line);color:var(--muted)}.game-header{height:76px}.game-header-center,.room-heading>span,.game-header-center b,.room-heading>span>button,.back-button{color:var(--muted)}.game-header-divider,.game-header-center>i{background:var(--line)}.back-button{border-color:var(--line)}.back-button:hover{background:var(--wash)}.room-heading>b{color:var(--ink)}.table-topline{color:var(--muted);height:35px}.table-surface{background:radial-gradient(ellipse at 50% 20%,var(--table-light),var(--table));border:1px solid var(--gold);border-radius:100px;box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--line),0 14px 40px #102a2118}.table-inner-border{border-radius:87px;border-color:#dfd7ac26}.table-inner-border:before{border-radius:82px}.table-center-mark>b,.table-center-mark>small{display:none}.table-center-mark>span{font-size:80px;opacity:.16}.table-mode-label{font-size:9px;letter-spacing:2px}.game-footer{height:56px}.game-footer button,.game-footer>span{color:var(--muted)}.game-footer button:hover,.game-footer button.auto-active,.game-footer button.chat-active{color:var(--green)}.my-seat b{color:var(--ink)}.my-role,.hand-count,.hand-count>b,.clear-selection{color:var(--muted)}.my-seat b>span{background:var(--wash);color:var(--muted)}.table-area{height:calc(100dvh - 167px)}.table-cream,.table-gold{color:#25392d;background:#f2e6c9;border-color:#ddc58e}.table-cream:hover:not(:disabled),.table-gold:hover:not(:disabled){background:#fff3d7}.table-outline{color:#e2e6d6;border-color:#d9e0c84f}.table-outline:hover:not(:disabled){background:#ffffff12}.my-hand .playing-card{touch-action:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .18s,border-color .18s,box-shadow .18s}.my-hand .playing-card.selected,.my-hand .playing-card.selected:hover{transform:translateY(-26px);background:#fff6d9;border-color:#c5a667;box-shadow:0 0 0 2px #d2b370,0 10px 18px #071b2a30}.playing-card{color:#233f36;background:#fffdf5}.playing-card.red{color:#ab544f}.playing-card{animation:none}.table-play{animation:card-play .25s both}.card-back{background:var(--table);border-color:#d4c59d}.chat-panel{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.chat-header,.chat-input{border-color:var(--line)}.chat-welcome,.chat-system,.chat-message>span,.chat-phrases>button{color:var(--muted)}.chat-message>p,.chat-phrases>button,.chat-input>input{background:var(--wash);color:var(--ink);border-color:var(--line)}.chat-message.mine>p{background:var(--green);color:var(--paper)}.chat-input>button{color:var(--paper);background:var(--green)}.result-score small,.result-players>div>span>span{color:var(--muted)}.result-players>div{border-color:var(--line)}.result-players b{color:var(--ink)}.result-emblem{margin:20px auto 15px}.result-emblem>span{display:none}.result-breakdown{color:var(--muted)}.result-players small{font-size:10px;color:var(--muted)}.result-tags{justify-content:center;margin:16px 0}.toast{background:var(--ink);color:var(--paper);border:1px solid var(--line);z-index:600}.table-connection{background:var(--panel);color:var(--ink)}.opponent-avatar{padding:0}.opponent-avatar:hover>.avatar{box-shadow:0 0 0 5px #ead9a020}.opponent-avatar:focus-visible{outline:2px solid #ddc58e}.opponent-avatar{touch-action:manipulation}.table-quiet-note{font-size:9px;color:var(--muted)}.prop-picker{position:fixed;z-index:120;width:270px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px;box-shadow:0 20px 65px #0004;animation:modalIn .2s both}.prop-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px}.prop-picker-head span{color:var(--muted);font-size:9px}.prop-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:230px;overflow:auto}.prop-picker-grid button{display:flex;flex-direction:column;gap:4px;align-items:center;padding:9px 2px;border-radius:4px}.prop-picker-grid button:hover{background:var(--wash);transform:translateY(-3px)}.prop-picker-grid button>b{font-size:25px;font-weight:400}.prop-picker-grid button>small{font-size:9px;color:var(--muted)}.prop-picker p{font-size:9px;color:var(--muted);line-height:1.7;margin-top:12px}.table-effects{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.projectile{position:fixed;left:0;top:0;width:36px;height:36px;font-size:30px;line-height:36px;text-align:center;filter:drop-shadow(0 4px 5px #0004);will-change:transform}.projectile:after{content:"";position:absolute;width:20px;height:7px;top:14px;left:-9px;border-radius:50%;background:linear-gradient(90deg,transparent,#f7e6bd88);filter:blur(2px);transform:rotate(-24deg)}.prop-impact{position:fixed;left:0;top:0;width:80px;height:80px;transform:translate(-50%,-50%);border-radius:50%}.impact-glyph{position:absolute;left:50%;top:50%;font-size:43px;transform:translate(-50%,-50%);animation:impact-glyph 1s cubic-bezier(.16,1,.3,1) both}.impact-ring{position:absolute;inset:7px;border:2px solid var(--impact-color, #f1cf76);border-radius:50%;animation:impact-ring .86s cubic-bezier(.12,.72,.2,1) both}.impact-ring-inner{inset:18px;border-width:1px;animation-delay:80ms;animation-duration:.7s}.impact-particle{position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--impact-color, #f1cf76);border-radius:60% 20%;animation:impact-particle .85s cubic-bezier(.1,.7,.3,1) both}.impact-bomb{--impact-color: #e8b971}.impact-bomb .impact-ring{border-width:5px;box-shadow:0 0 15px #f0bb6670}.impact-water,.impact-snow{--impact-color: #90d9ea}.impact-egg{--impact-color: #f0d174}.impact-tomato{--impact-color: #dd6e64}.impact-flower,.impact-kiss{--impact-color: #e8a2b8}.impact-ufo,.impact-meteor{--impact-color: #a1b5f4}.impact-brick{--impact-color: #b77961}.combo-effect{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;color:#f6e9c9;min-width:210px;padding:25px 45px;animation:combo-float 1.55s both;text-shadow:0 3px 12px #14272155}.combo-effect:before,.combo-effect:after{content:"";position:absolute;left:-30%;right:-30%;height:1px;background:linear-gradient(90deg,transparent,#ebd39c,transparent);transform:rotate(-13deg)}.combo-effect:before{top:8px;animation:effect-line .8s both}.combo-effect:after{bottom:8px;animation:effect-line .8s .08s both}.combo-title{font:600 clamp(36px,5vw,64px)/1.3 "Noto Serif TC",serif;letter-spacing:8px;white-space:nowrap}.combo-detail{font-size:10px;letter-spacing:3px;margin-top:12px;color:#e8dcb7}.combo-number{font:italic 11px Georgia,serif;letter-spacing:5px;opacity:.65;margin-bottom:10px}.combo-shape{position:absolute;width:110px;height:110px;left:calc(50% - 55px);top:calc(50% - 55px);border:1px solid #edd9a34a;transform:rotate(45deg);z-index:-1;animation:combo-shape 1.5s both}.effect-rocket .combo-shape{width:150px;height:150px;left:calc(50% - 75px);top:calc(50% - 75px);border:2px double #edd9a3;border-radius:50%}.effect-straight .combo-shape{width:240px;height:45px;top:calc(50% - 22px);left:calc(50% - 120px);transform:skew(-25deg);border-left:0;border-right:0}.effect-plane .combo-shape{clip-path:polygon(0 0,100% 50%,0 100%,30% 50%);background:#e5d09725;border:none}.deal-overlay{position:absolute;left:50%;top:30%;transform:translate(-50%);display:flex;align-items:center;gap:13px;color:#e7dbbe;font-size:11px;letter-spacing:4px}.deal-deck{width:26px;height:36px;border:1px solid #d4be8a;border-radius:3px;box-shadow:3px 3px #2b4b3c,4px 4px #d4be8a;display:grid;place-items:center;font-size:19px}.deal-flight{position:absolute;width:27px;height:38px;left:50%;top:38%;background:var(--table);border:1px solid #d5bd83;border-radius:3px;animation:deal-flight .6s ease-out both;animation-delay:calc(var(--i) * .04s);box-shadow:0 2px 4px #0003}.is-dealing .my-hand .playing-card{animation:hand-deal .7s both;animation-delay:calc(var(--i) * 27ms)}.is-dealing .game-actions{opacity:.45}@keyframes page-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scene-wipe{0%{transform:translate(-120%)}30%{transform:translate(0)}to{transform:translate(140%)}}@keyframes opening-away{to{opacity:0;visibility:hidden}}@keyframes opening-mark{0%{opacity:0;transform:translateY(18px) rotate(-15deg)}to{opacity:1;transform:none}}@keyframes opening-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes frame-orbit{to{transform:rotate(360deg)}}@keyframes card-play{0%{opacity:.3;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}@keyframes impact-glyph{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(-12deg)}80%{opacity:.8}to{opacity:0;transform:translate(-50%,-65%) scale(.9)}}@keyframes impact-ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.9)}}@keyframes impact-particle{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--px),var(--py)) rotate(160deg)}}@keyframes combo-float{0%{opacity:0;transform:translate(-50%,-38%) scale(.9)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-68%) scale(1.025)}}@keyframes effect-line{0%{opacity:0;scale:.1 1}45%{opacity:1}to{opacity:.5;scale:1 1}}@keyframes combo-shape{0%{opacity:0;scale:.5;rotate:-20deg}30%{opacity:1}to{opacity:0;scale:1.8;rotate:15deg}}@keyframes deal-flight{0%{opacity:0;transform:translate(-50%,-50%) rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--dr))}}@keyframes hand-deal{0%{opacity:0;transform:translate(70px,-100px) rotate(8deg)}to{opacity:1;transform:none}}@media(min-width:1500px){.studio-main{padding-top:65px}.lobby-main{gap:85px}.lobby-action{min-height:125px}.lobby-art{height:390px}.lobby-cards{scale:1.15}}@media(max-width:1100px){.studio-header{padding:0 30px}.studio-main{padding:38px 35px 65px}.studio-header-right{gap:17px}.lobby-main{gap:20px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-header .status-light span{display:none}.lobby-heading h1{font-size:59px}.waiting-content{padding:38px 35px}.game-header{gap:15px}.game-header-center{gap:10px}}@media(max-width:760px){.studio-nav{inset:auto 0 0;width:auto;height:68px;flex-direction:row;justify-content:center;padding:0 16px;border-right:0;border-top:1px solid var(--line);background:var(--paper);padding-bottom:env(safe-area-inset-bottom);height:calc(68px + env(safe-area-inset-bottom))}.studio-logo{display:none}.studio-nav nav{margin:0;flex-direction:row;gap:0;justify-content:space-around;flex:1}.studio-nav nav button{width:64px;height:55px;gap:5px}.studio-nav nav button.active:before{left:calc(50% - 12px);top:-7px;width:24px;height:2px}.nav-settings{margin:0;padding:15px}.studio-header{margin-left:0;height:73px;padding:0 22px;gap:10px}.header-location{font-size:10px;gap:9px}.studio-header-right{gap:15px}.studio-header .status-light{display:none}.studio-profile>span:last-child{display:none}.bean-balance{font-size:15px;gap:5px}.bean-balance>span{font-size:8px}.screen-stage{margin-left:0;min-height:calc(100dvh - 73px)}.studio-main{padding:28px 24px 115px}.studio-main.page-lobby{min-height:calc(100dvh - 73px)}.lobby-heading{margin-top:5px}.lobby-heading h1{font-size:54px}.lobby-caption{font-size:10px;letter-spacing:1px}.lobby-main{grid-template-columns:1fr;gap:0;min-height:0}.lobby-art{height:235px;max-width:420px;width:100%;margin:auto}.lobby-cards{scale:.8;height:210px}.art-index{bottom:10px}.art-cross{top:20px}.lobby-choices{width:100%;max-width:none}.lobby-action{min-height:89px;padding:18px 21px;gap:17px}.lobby-action b{font-size:18px}.lobby-action small{font-size:9px}.browse-rooms{padding:9px 0}.lobby-footer{margin-top:22px;padding-top:17px;font-size:9px;line-height:1.8}.lobby-footer>span{align-items:baseline}.lobby-footer i{flex-shrink:0}.theme-switch{bottom:calc(81px + env(safe-area-inset-bottom));right:14px;padding:8px 10px}.theme-switch>span{display:none}.page-heading{gap:14px;align-items:flex-start;margin-bottom:25px}.page-heading h1{font-size:29px}.page-heading p{font-size:10px;max-width:260px}.page-heading .quiet-label{font-size:9px}.page-heading select{font-size:10px;padding:10px}.wallet-card{gap:4px 7px;margin-top:13px}.wallet-card b{font-size:22px}.wallet-card>span{font-size:9px}.wallet-card>svg{width:18px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-art{height:108px}.catalog-art .avatar.large{width:51px;height:51px}.catalog-art .avatar.large>span{font-size:34px}.catalog-label{padding:12px 10px;gap:7px}.catalog-label b{font-size:11px}.catalog-label>span{font-size:9px}.catalog-permanent{font-size:7px;top:6px;right:6px}.prop-glyph{font-size:44px}.segmented>button{padding:9px 15px;font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid>div{padding:20px}.stats-grid>div:nth-child(-n+2){background:var(--wash)}.stats-grid b{font-size:24px}.trend-panel{align-items:flex-start}.trend-panel b{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.trend-panel strong{margin:0}.trend-panel small{display:block;flex-basis:100%;margin:0}.trend-bars{max-width:50%;gap:3px}.trend-bars>span{width:6px}.history-list>button{gap:12px;padding-block:16px;flex-wrap:wrap}.history-list .history-tags{order:4;margin-left:49px;flex-basis:100%;margin-top:-3px}.history-list strong{font-size:19px}.history-list>button>svg{display:none}.history-list b{gap:7px}.history-result{width:35px}.leaderboard-list>div{padding:18px 8px;gap:12px}.leaderboard-list strong{font-size:20px}.leaderboard-list>div>div>span{font-size:9px}.waiting-header{height:75px;padding:0 23px}.waiting-header>.text-button{min-width:75px}.waiting-header .quiet-label{font-size:9px;letter-spacing:1px}.waiting-content{padding:30px 23px}.waiting-title h1{font-size:28px}.waiting-seats{gap:11px;margin:28px 0}.waiting-seat{padding:28px 8px 20px;min-height:225px}.seat-number{top:11px;left:10px}.seat-avatar .avatar.large,.vacant-avatar{width:57px;height:57px}.seat-avatar .avatar.large>span{font-size:37px}.waiting-seat h2{font-size:12px}.waiting-seat h2 small{display:block;margin:5px 0 0;font-size:8px}.waiting-seat .quiet-label{letter-spacing:1px;font-size:9px}.ready-state{font-size:9px;margin-top:17px}.vacant-avatar{margin-bottom:18px}.waiting-hint{font-size:9px;text-align:center;line-height:1.8}.waiting-footer{margin-top:auto;justify-content:flex-start;padding:0 24px;min-height:62px}.in-game .theme-switch{bottom:17px}.in-game:has(.game-page) .theme-switch{bottom:65px}.modal{padding:27px 22px}.modal-backdrop{padding:13px}.modal{max-height:calc(100dvh - 26px)}.cosmetic-picker{grid-template-columns:repeat(4,1fr);gap:7px}.room-picker-item{gap:10px}.room-picker-item b{font-size:12px}.room-picker-item>span{font-size:9px}.room-picker-item small{font-size:9px}.prop-picker{width:245px}.round-detail-stats{gap:9px}.opening-title{font-size:24px}.opening-line{width:30px}.combo-title{font-size:39px;letter-spacing:5px}.combo-effect{top:37%}.combo-detail{font-size:9px;letter-spacing:1px}}@media(max-width:420px){.studio-main,.studio-header{padding-inline:19px}.lobby-heading h1{font-size:46px}.lobby-art{height:210px}.lobby-action{min-height:86px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-art{height:125px}.page-heading .wallet-card{max-width:110px}.waiting-content{padding-inline:16px}.waiting-seats{gap:8px}.waiting-seat h2{font-size:11px}.waiting-seat .quiet-label{font-size:8px}.waiting-seat{padding-inline:4px}.seat-avatar .avatar.large,.vacant-avatar{width:49px;height:49px}.seat-avatar .avatar.large>span{font-size:31px}.waiting-title h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scene-wipe,.opening,.deal-flight{display:none}}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root[data-motion=off] .scene-wipe,:root[data-motion=off] .opening,:root[data-motion=off] .deal-flight{display:none}:root[data-motion=off] .combo-effect,:root[data-motion=off] .impact-glyph,:root[data-motion=off] .combo-shape{animation:none!important}@media(prefers-reduced-motion:reduce){.combo-effect,.impact-glyph,.combo-shape{animation:none!important}}.positive{color:var(--green)}.negative{color:#b97467}@media(max-width:760px){.opponent-name b{font-size:10px}.opponent-role,.bot-tag,.my-seat .my-role{font-size:8px}.my-seat b{font-size:10px}.turn-chip{font-size:9px}.game-actions .button{font-size:12px;min-height:40px}.selected-caption{font-size:9px}.hand-count{font-size:8px}.hand-count>b{font-size:10px}.table-mode-label,.bottom-cards>span{font-size:8px}.combo-label{font-size:10px}}@media(max-height:520px)and (orientation:landscape){.game-header{height:44px;padding:4px 18px}.game-header .brand{display:none}.game-header .back-button{width:30px;height:30px}.game-header .room-heading b{font-size:12px}.game-header .invite-button,.game-header-center,.table-topline{display:none}.game-footer{height:36px;padding:0 18px}.game-footer>span,.game-shortcuts{display:none}.game-footer>div{margin-left:auto}.table-area{height:calc(100dvh - 80px);min-height:280px;width:calc(100% - 26px)}.table-surface{inset:0 0 36px;border-radius:45px}.table-inner-border,.table-inner-border:before{border-radius:35px}.table-meta{top:15px;left:38px;right:38px}.table-mode-label{font-size:9px}.table-center-mark{display:none}.bottom-cards{top:8px;gap:3px}.bottom-cards-row .small-card{width:25px;height:35px}.bottom-cards .card-corner b{font-size:11px}.bottom-cards .card-corner span{font-size:8px}.bottom-cards .card-pip{font-size:15px}.bottom-cards>span{display:none}.opponent{top:44px;width:84px;gap:4px}.opponent.left{left:8px}.opponent.right{right:8px}.opponent-avatar,.opponent .avatar.large{width:44px;height:44px}.opponent .avatar.large>span{font-size:30px}.opponent-name b{font-size:10px}.opponent-role{font-size:8px}.opponent-card-count{min-width:45px;padding:3px 6px;margin-top:2px}.opponent-card-count b{font-size:14px}.turn-status{top:50px}.turn-chip{padding:4px 8px;font-size:9px}.opponent-table-play{top:72px;width:28%;max-width:28%}.opponent-table-play.left{left:100px}.opponent-table-play.right{right:100px}.table-play{gap:3px}.table-play-cards .small-card,.my-table-play .table-play-cards .small-card{width:32px;height:43px;margin-right:-21px}.table-play-cards .card-corner{top:3px!important;left:2px!important}.table-play-cards .card-corner>b{font-size:12px!important}.table-play-cards .card-corner>span{font-size:8px}.table-play-cards .card-pip{font-size:18px!important}.table-play-cards .card-bottom{display:none}.my-table-play{bottom:158px}.combo-label{font-size:8px}.game-actions{bottom:108px}.game-actions .button{min-height:34px;padding:0 18px;font-size:12px}.game-actions .play-button{width:105px}.game-actions kbd,.selected-caption{display:none}.my-hand-area{bottom:1px;height:94px;width:calc(100% - 190px);left:50%;transform:translate(-50%)}.my-hand .playing-card{width:49px;height:76px;margin-left:min(0px,(100% - var(--card-count) * 49px) / (var(--card-count) - 1))}.my-hand .playing-card:first-child{margin-left:0}.my-hand .card-corner{left:3px;top:5px;gap:1px}.my-hand .card-corner b{font-size:17px}.my-hand .card-corner>span{font-size:11px}.my-hand .card-pip{font-size:25px}.my-hand .card-bottom{font-size:9px}.my-hand .playing-card.selected{transform:translateY(-15px)}.hand-count{bottom:0;font-size:8px}.clear-selection{bottom:0;width:26px;height:26px}.my-seat{left:18px;bottom:7px;gap:7px}.my-seat .avatar.large{width:34px;height:34px}.my-seat .avatar.large>span{font-size:24px}.my-seat b{font-size:10px}.my-seat .my-role{font-size:8px}.turn-timer{bottom:109px;left:calc(50% - 190px);height:32px;width:32px}.turn-timer>span{height:28px;width:28px;font-size:15px}.in-game .theme-switch{right:13px;bottom:42px}.prop-picker{max-height:calc(100dvh - 24px);overflow:auto}.combo-effect{top:35%}.combo-title{font-size:42px}.waiting-center{top:35px}.waiting-center h1{font-size:24px}.waiting-center>p,.waiting-center .room-code,.waiting-center-actions{display:none}.revealed-hand{top:94px}}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.22, .68, .2, 1);--layer-cards: 6;--layer-turn: 12;--layer-transition: 40;--layer-effects: 100;--layer-popover: 120;--layer-dialog: 160}body,.studio-app,.studio-nav,.studio-header,.game-header,.game-footer,.waiting-header,.waiting-room,.lobby-action,.table-surface,.playing-card{transition:background-color .22s ease,color .22s ease,border-color .22s ease}button{-webkit-tap-highlight-color:transparent}.theme-mark{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;flex:0 0 48px;padding:4px;perspective:420px;border-radius:7px;touch-action:manipulation}.theme-mark-turn{display:block;position:relative;width:35px;height:42px;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.45,0,.55,1)}.theme-mark-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid;border-radius:4px;backface-visibility:hidden;box-shadow:0 3px 8px #00000012}.theme-mark-face:after{content:"";position:absolute;inset:3px;border:1px solid currentColor;opacity:.24}.theme-mark-face i{font: 27px Georgia,serif}.theme-mark-face small{position:absolute;top:2px;left:4px;font:8px Georgia,serif}.theme-mark-green{background:#255c49;color:#f6efd9;border-color:#255c49}.theme-mark-black{background:#171918;color:#dfbf7b;border-color:#b99b61;transform:rotateY(180deg)}.theme-mark:hover .theme-mark-face{box-shadow:0 4px 10px #0003}.theme-mark.is-flipping{cursor:progress}.theme-mark:not(:disabled):active{transform:none}.theme-announcement{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mobile-theme-mark{display:none}.page-lobby .lobby-footer>button{min-height:44px}.theme-black .playing-card{background:#252923;border-color:#8f7951;color:#ead7a3}.theme-black .playing-card.red{color:#edaa98}.theme-black .my-hand .playing-card.selected{background:#3b3528;border-color:#e4c88a;box-shadow:0 0 0 2px #d2b370,0 10px 18px #0004}.theme-black .card-back span{background:#252923;color:#dfbf7b}.waiting-navigation{display:flex;align-items:center;gap:16px}.waiting-wordmark{font:500 18px "Noto Serif TC",serif;letter-spacing:5px}.screen-content{min-height:inherit}.studio-main{animation:none}.studio-main>*{animation:none}.lobby-action,.catalog-card,.filter-chips button,.segmented button,.prop-picker-grid button{transition:transform .18s var(--ease-out),background-color .18s,color .18s,border-color .18s,box-shadow .18s}.lobby-action:hover{transform:translate(3px)}.lobby-action>svg{transition:transform .18s var(--ease-out)}.lobby-action:hover>svg{transform:translate(3px)}.modal{animation:panel-settle .22s var(--ease-out) both}.prop-picker{animation:panel-settle .18s var(--ease-out) both;z-index:var(--layer-popover)}@keyframes panel-settle{0%{opacity:0;translate:0 7px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@media(min-width:761px){.studio-main.page-lobby{height:calc(100dvh - 94px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(20px,3.8dvh,48px) clamp(28px,4vw,60px) 22px}.page-lobby .lobby-heading{margin-top:0}.page-lobby .lobby-heading h1{font-size:clamp(48px,6.7dvh,74px);line-height:1.25;margin-top:8px}.page-lobby .lobby-caption{margin-top:8px}.page-lobby .lobby-main{min-height:0;gap:clamp(18px,4vw,50px)}.page-lobby .lobby-art{height:min(100%,320px);min-height:0}.page-lobby .lobby-cards{scale:.9}.page-lobby .lobby-action{min-height:clamp(86px,12dvh,112px);padding:18px 22px}.page-lobby .lobby-action b{font-size:clamp(17px,1.9vw,20px)}.page-lobby .lobby-footer{margin-top:12px;padding-top:12px;min-height:44px}.page-lobby .lobby-footer>button{min-height:44px}}@media(min-width:761px)and (max-height:700px){.studio-header{height:76px}.screen-stage{min-height:calc(100dvh - 76px)}.studio-main.page-lobby{height:calc(100dvh - 76px);padding-top:18px}.page-lobby .lobby-heading h1{font-size:48px}.page-lobby .lobby-cards{scale:.7}.page-lobby .lobby-choices{gap:8px}.page-lobby .lobby-action{min-height:76px;padding-block:13px}.page-lobby .browse-rooms{padding-block:10px}}.game-page{height:100dvh;min-height:0}.game-header{height:56px;padding:0 22px;gap:14px}.game-header .theme-mark{width:44px;height:44px;flex-basis:44px}.game-header .theme-mark-turn{width:29px;height:35px}.game-header .theme-mark-face i{font-size:23px}.game-header .back-button,.game-header .icon-button{width:44px;height:44px;flex:0 0 44px}.game-header-divider{margin:0 2px}.game-header-center{font-size:10px}.game-header-center>span{display:inline-flex;align-items:center;gap:5px}.game-header-tools{gap:4px}.game-header-tools .invite-button{min-height:44px}.table-area{flex:1;height:auto;min-height:0;width:calc(100% - 48px);margin:12px auto 0}.game-footer{height:44px;min-height:44px;padding:0 24px}.game-footer button{min-height:44px}.game-footer>div{height:44px;align-items:center}.table-surface{z-index:-2}.my-hand-area{z-index:var(--layer-cards)}.turn-status,.turn-timer,.opponent.is-turn{z-index:var(--layer-turn)}.turn-status{pointer-events:none}.turn-chip{background:#173a30ed;border-color:#d9c48e70;color:#f2e7c9;box-shadow:0 3px 12px #0002}.turn-chip.your-turn{background:#f1e5c8;color:#273e32;border-color:#f1d9a0;font-weight:600}.opponent.is-turn .opponent-avatar{isolation:isolate}.table-effects{z-index:var(--layer-effects)}.modal-backdrop{z-index:var(--layer-dialog)}.chat-panel{z-index:var(--layer-popover)}.my-hand .playing-card{transition:transform .18s cubic-bezier(.2,.85,.25,1.12),background-color .18s,border-color .15s,box-shadow .18s;will-change:transform}.my-hand .playing-card.selected{box-shadow:0 0 0 2px #c7aa64,0 10px 18px #10281f38}.my-hand .playing-card.selected:active{transform:translateY(-22px) scale(.99)}.clear-selection{min-width:44px;min-height:44px}.game-actions .button{min-height:44px}.prop-picker-head>button{min-width:44px;min-height:44px;margin:-10px -10px -10px 0}.prop-picker-grid button{min-height:58px}.prop-picker-grid button:hover:not(:disabled){transform:translateY(-2px)}.combo-effect{animation:combo-resolve 1.45s var(--ease-out) both;padding:22px 34px}.combo-title{font-weight:700;letter-spacing:.075em;color:#fff0ca;text-shadow:0 2px 2px #13251f80,0 6px 20px #0005}.combo-title>span{display:inline-block;animation:title-strike 1.45s var(--ease-out) both}.combo-number{letter-spacing:.35em;opacity:.85}.combo-detail{color:#f5e5bf;font-weight:500}.combo-shape{animation:accent-expand .9s var(--ease-out) both}.combo-orbit{position:absolute;inset:-12px 18px;border:1px solid #ead49a70;transform:rotate(-8deg);z-index:-1;animation:accent-expand .85s 60ms var(--ease-out) both}.combo-tick{position:absolute;top:50%;width:16px;height:4px;background:#e5c78c;animation:tick-strike .7s var(--ease-out) both}.tick-left{left:-12px}.tick-right{right:-12px}.effect-rocket .combo-orbit{inset:-22px 10px;border:1px solid #f3da9b;transform:rotate(38deg)}.effect-bomb .combo-title>span,.effect-bombchain .combo-title>span{animation-name:bomb-strike}.effect-chain .combo-number{font-weight:700;color:#ffdf9d;animation:chain-count .4s var(--ease-out) both}.effect-straight .combo-orbit,.effect-plane .combo-orbit{border-width:1px 0;transform:skew(-18deg)}@keyframes combo-resolve{0%{opacity:0;translate:0 9px}13%,70%{opacity:1;translate:0 0}to{opacity:0;translate:0 -19px}}@keyframes title-strike{0%{scale:.92;letter-spacing:.15em}17%,72%{scale:1;letter-spacing:.075em}to{scale:1.025}}@keyframes bomb-strike{0%{scale:.75}12%{scale:1.055}22%,78%{scale:1}to{scale:1.02}}@keyframes accent-expand{0%{opacity:0;scale:.65}35%{opacity:1}to{opacity:.25;scale:1.1}}@keyframes tick-strike{0%{opacity:0;scale:.1 1}25%{opacity:1;scale:1 1}to{opacity:0;scale:1.8 1}}@keyframes chain-count{0%{opacity:0;translate:0 7px}to{opacity:.85;translate:0 0}}@media(max-width:1000px){.game-header-center>span:first-child,.game-header-center>i:first-of-type{display:none}.game-header-center{position:static;transform:none;margin-left:auto}.game-header-tools{margin-left:0}}@media(max-width:760px){.studio-nav .studio-logo{display:none}.mobile-theme-mark{display:inline-grid;width:44px;height:44px;flex-basis:44px}.mobile-theme-mark .theme-mark-turn{width:28px;height:35px}.studio-header{padding-inline:16px}.header-location{gap:6px}.studio-header-right{gap:10px}.studio-main.page-lobby{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.game-header{height:56px;gap:6px;padding-inline:8px}.game-header-divider,.game-header-center,.game-header-tools .invite-button{display:none}.game-header .room-heading b{font-size:12px}.game-header-tools{margin-left:auto}.table-area{width:calc(100% - 24px);margin-top:9px}.game-footer{padding-inline:14px}.game-footer .game-shortcuts{display:none}.waiting-navigation{gap:5px}.waiting-header{gap:10px;padding-inline:12px}.waiting-wordmark{display:none}.combo-title{font-size:clamp(32px,8vw,44px);letter-spacing:.06em}.combo-effect{min-width:190px;padding:20px 24px}}@media(max-width:760px)and (min-height:620px){.studio-main.page-lobby{height:calc(100dvh - 141px - env(safe-area-inset-bottom));min-height:0;padding-bottom:16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.page-lobby .lobby-art{height:clamp(140px,23dvh,210px)}.page-lobby .lobby-cards{scale:.7}.page-lobby .lobby-action{min-height:80px;padding-block:15px}.page-lobby .lobby-choices{gap:10px}.page-lobby .lobby-footer{margin-top:10px;padding-top:10px}}@media(max-width:760px)and (min-height:620px)and (max-height:759px){.studio-main.page-lobby{padding-top:16px}.page-lobby .lobby-heading h1{font-size:42px;margin-block:8px}.page-lobby .lobby-art{height:clamp(100px,17dvh,125px)}.page-lobby .lobby-cards{scale:.55}.page-lobby .lobby-action{min-height:70px;padding-block:10px}.page-lobby .lobby-footer{font-size:9px}}@media(max-height:520px)and (orientation:landscape){.studio-header{height:56px}.screen-stage:not(.room-stage){min-height:calc(100dvh - 56px)}.studio-main.page-lobby{height:calc(100dvh - 56px);min-height:0;padding:12px 28px 10px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.page-lobby .quiet-label,.page-lobby .lobby-caption,.page-lobby .lobby-art{display:none}.page-lobby .lobby-heading{margin:0}.page-lobby .lobby-heading h1{font-size:34px;line-height:1.2;margin:0}.page-lobby .lobby-main{display:flex;min-height:0;align-items:center}.page-lobby .lobby-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;max-width:none;width:100%}.page-lobby .lobby-action{min-height:72px;padding:12px 16px;gap:12px}.page-lobby .lobby-action b{font-size:17px}.page-lobby .browse-rooms{grid-column:1 / -1;min-height:44px;padding-block:8px}.page-lobby .lobby-footer{margin-top:0;padding-top:0;min-height:44px}.page-lobby .lobby-footer>button{min-height:44px}.game-header{height:48px;padding-inline:10px}.game-header .back-button{width:44px;height:44px}.game-footer{height:44px;min-height:44px}.table-area{height:auto;min-height:0;width:calc(100% - 26px);margin-top:4px}.game-actions .button{min-height:44px;padding-block:6px}.combo-effect{top:35%}}@media(min-width:761px)and (max-height:520px){.studio-nav{padding-block:10px}.studio-nav nav{margin-top:12px;gap:3px}.studio-nav nav button{height:51px;gap:4px}}@media(max-width:760px)and (max-height:520px)and (orientation:landscape){.studio-main.page-lobby{height:calc(100dvh - 124px - env(safe-area-inset-bottom));padding:8px 20px}.page-lobby .lobby-heading h1{font-size:26px}.page-lobby .lobby-action small{display:none}.page-lobby .lobby-action{min-height:52px;padding:6px 12px}}:root[data-motion=off] .theme-mark-turn{transition:none}:root[data-motion=off] .combo-title>span,:root[data-motion=off] .combo-orbit,:root[data-motion=off] .combo-tick,:root[data-motion=off] .combo-number{animation:none!important}:root[data-motion=off] .combo-tick{display:none}.cyber-only{display:none}.theme-mark-cyber{background:#090d20;color:#f3f05c;border-color:#48f6ed;box-shadow:2px 2px #ff4cb650}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.theme-choice{display:grid;gap:12px;justify-items:center;padding:16px 4px;min-height:88px;border:1px solid var(--line);background:var(--paper);border-radius:4px;font-size:11px}.theme-choice i{font: 24px Georgia}.theme-choice-green i{color:#42977c}.theme-choice-black i{color:#c8a86a}.theme-choice-cyber i{color:#eb54ba;text-shadow:2px 0 #48f6ed}.theme-choice[aria-pressed=true]{border-color:var(--gold);background:var(--wash);box-shadow:inset 0 -2px var(--gold)}:root[data-theme=cyber],.theme-cyber{--paper: #080c19;--panel: #10172a;--wash: #17243a;--ink: #e4f5f5;--muted: #91a8bb;--green: #48f6ed;--green-deep: #0ed4cd;--gold: #f3f05c;--line: #29404d;--table: #0b1427;--table-light: #183148;--shadow: 0 20px 60px #02040db0;--cyan: #48f6ed;--pink: #ff4cb6;--cut: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px) );color-scheme:dark}.theme-cyber{color:var(--ink);font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}.theme-cyber .cyber-only{display:block}.studio-app.theme-cyber{background:radial-gradient(ellipse at 26% 65%,#24123888,transparent 55%),var(--paper)}.cyber-atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;contain:strict}.theme-cyber .screen-stage,.theme-cyber .studio-header{position:relative;z-index:2}.theme-cyber .studio-nav{background:#080d1a;border-right:1px solid #48f6ed40}.theme-cyber .studio-nav nav button{border-radius:0;position:relative;color:var(--muted)}.theme-cyber .studio-nav nav button.active{color:var(--gold);background:#f3f05c0b;box-shadow:inset 3px 0 var(--gold)}.theme-cyber .studio-nav nav button.active:after{content:"";position:absolute;right:5px;top:10px;height:4px;width:4px;background:var(--cyan)}.theme-cyber .studio-header{background:#080c19e8;border-bottom:1px solid #48f6ed30}.theme-cyber .header-location>span{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan)}.theme-cyber .bean-balance{color:var(--gold)}.theme-cyber .studio-main.page-lobby{position:relative}.theme-cyber .cyber-kicker{font:10px Consolas,monospace;color:var(--cyan);letter-spacing:3px;margin-bottom:12px}.cyber-kicker i{display:inline-block;width:36px;height:1px;background:var(--pink);vertical-align:middle;margin:0 12px}.theme-cyber .lobby-heading>.quiet-label{display:none}.theme-cyber .lobby-heading h1{font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:900;font-style:italic;letter-spacing:-2px;color:var(--gold);text-shadow:3px 2px 0 #ff4cb64a,-2px -1px 0 #48f6ed3d;line-height:1.13}.theme-cyber .lobby-heading h1>span{color:var(--cyan)}.theme-cyber .lobby-caption{color:#91a8bb;font-size:12px;letter-spacing:2px}.theme-cyber .lobby-main{gap:clamp(24px,4vw,60px)}.theme-cyber .lobby-art{overflow:visible;isolation:isolate}.theme-cyber .lobby-cards{z-index:2}.theme-cyber .lobby-card{filter:none}.theme-cyber .lobby-card .playing-card{box-shadow:0 22px 32px #0007,0 0 0 1px #48f6ed55,3px 3px #ff4cb644}.theme-cyber .card-center .playing-card{background:linear-gradient(145deg,#192441,#0b1328 70%);border:1px solid #f3f05c;color:var(--gold)}.theme-cyber .art-rule{background:var(--cyan);opacity:.2}.theme-cyber .art-cross{color:var(--pink)}.theme-cyber .art-index{color:var(--cyan);font-family:Consolas,monospace}.cyber-scenery{position:absolute;inset:-55px -12px -30px;z-index:-1;overflow:hidden;pointer-events:none}.cyber-sun{position:absolute;left:21%;top:1%;width:56%;aspect-ratio:1;border-radius:50%;background:linear-gradient(#ff4cb626,#ff4cb68c 55%,#9a5af05c);-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 7px,transparent 7px 11px);mask-image:repeating-linear-gradient(to bottom,#000 0 7px,transparent 7px 11px)}.cyber-city{position:absolute;inset:auto 0 17%;width:100%;opacity:.8}.cyber-grid{position:absolute;width:180%;left:-40%;top:49%;height:80%;transform:perspective(240px) rotateX(62deg);background:linear-gradient(#48f6ed28 1px,transparent 1px),linear-gradient(90deg,#48f6ed28 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 65%,transparent);mask-image:linear-gradient(transparent,#000 20%,#000 65%,transparent)}.cyber-art-label{position:absolute;left:4%;bottom:7%;color:#81b4c4;letter-spacing:3px;font:9px Consolas,monospace}.cyber-art-label b{margin-left:24px;color:var(--pink);font-weight:400}.cyber-orbit{position:absolute;inset:13% 8% 12%;border:1px solid #48f6ed22;border-radius:50%;transform:rotate(-25deg)}.cyber-orbit:before{content:"";position:absolute;top:14%;left:12%;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 15px #48f6ed99}.theme-cyber .lobby-action{border-radius:0;clip-path:var(--cut);border:1px solid #48f6ed55;position:relative;min-height:102px}.theme-cyber .lobby-action:after{content:"";position:absolute;bottom:8px;right:12px;width:42px;height:3px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 4px);opacity:.5}.theme-cyber .lobby-action.primary{background:var(--gold);color:#0c1524;border-color:var(--gold)}.theme-cyber .lobby-action.primary small,.theme-cyber .lobby-action.primary .action-index{color:#374147}.theme-cyber .lobby-action.secondary{background:linear-gradient(120deg,#16273b,#0d1629);color:var(--cyan)}.theme-cyber .lobby-action b{font-weight:700;letter-spacing:2px}.theme-cyber .lobby-action:hover{transform:translate(5px)}.theme-cyber .lobby-action.secondary:hover{background:#1a3547}.theme-cyber .action-index{font:14px Consolas,monospace}.theme-cyber .browse-rooms{color:#92b1c5}.theme-cyber .lobby-footer{border-color:#48f6ed30;font-family:Consolas,Noto Sans TC,sans-serif}.theme-cyber .lobby-footer i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.theme-cyber .page-heading h1,.theme-cyber .waiting-title h1,.theme-cyber .modal h2{font-family:Noto Sans TC,sans-serif;font-weight:800;letter-spacing:1px;color:var(--ink)}.theme-cyber .page-heading h1:after{content:" /";color:var(--pink);font-weight:400}.theme-cyber .quiet-label{font-family:Consolas,Noto Sans TC,sans-serif;color:var(--cyan);letter-spacing:2px}.theme-cyber .wallet-card,.theme-cyber .stats-grid,.theme-cyber .trend-panel,.theme-cyber .catalog-card,.theme-cyber .identity-panel{background:#10192c;border-color:#2a4355;border-radius:0}.theme-cyber .catalog-art{background:radial-gradient(ellipse at center,#263049,#0b1225)}.theme-cyber .catalog-card:hover{border-color:var(--cyan);box-shadow:0 0 0 1px #48f6ed40}.theme-cyber .catalog-card.owned{border-color:#626b47}.theme-cyber .stats-grid b,.theme-cyber .wallet-card b{color:var(--gold);font-family:Consolas,monospace;font-weight:400}.theme-cyber .segmented,.theme-cyber .filter-chips button{border-radius:2px}.theme-cyber .segmented button.active{color:#0b1421;background:var(--cyan)}.theme-cyber .history-list>button,.theme-cyber .leaderboard-row{border-color:#2a4355}.theme-cyber .history-list>button:hover{background:#18293a}.theme-cyber .history-tags>span{background:#21372e;color:var(--gold);border:1px solid #f3f05c22;border-radius:0}.theme-cyber .modal-backdrop{background:#030713c7}.theme-cyber .modal{border-radius:0;border:1px solid #48f6ed70;border-top:3px solid var(--cyan);box-shadow:8px 8px #ff4cb61a,0 30px 100px #0009;background:linear-gradient(145deg,#152438,#0b1021 75%);padding-top:38px}.theme-cyber .modal:before{content:"◆  NIGHT SESSION";display:block;font:9px Consolas,monospace;color:var(--cyan);letter-spacing:4px;margin-bottom:14px}.theme-cyber .modal:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:3px;background:var(--pink);pointer-events:none}.theme-cyber .modal h2{margin-top:0}.theme-cyber .modal-close{border:1px solid #48f6ed45;border-radius:0;color:var(--cyan);background:#102132}.theme-cyber .studio-input,.theme-cyber select,.theme-cyber textarea,.theme-cyber input{background:#070e1c;color:var(--ink);border-color:#315366;border-radius:2px}.theme-cyber .button{border-radius:2px;font-weight:600;letter-spacing:1px}.theme-cyber .button.primary,.theme-cyber .button.table-gold,.theme-cyber .button.table-cream{background:var(--gold);color:#0b1323;border:1px solid var(--gold);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.theme-cyber .button.outline,.theme-cyber .button.table-outline{color:var(--cyan);border-color:#48f6ed60;background:#102137}.theme-cyber button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.theme-cyber .waiting-room{background:radial-gradient(ellipse at 50% 60%,#14243e,#080c19 75%)}.theme-cyber .waiting-header{background:#080c19;border-color:#48f6ed40}.theme-cyber .waiting-seat{background:#10192b;border:1px solid #48f6ed50;border-radius:0}.theme-cyber .seat-empty{border-style:dashed}.theme-cyber .waiting-room-code b{color:var(--gold);font-family:Consolas,monospace}.theme-cyber .ready-state.yes{color:var(--cyan)}.theme-cyber .game-page{background:radial-gradient(ellipse at 50% 48%,#111e35,#080c19 75%)}.theme-cyber .game-header,.theme-cyber .game-footer{background:#080c19ed;border-color:#48f6ed40}.theme-cyber .table-surface{border-radius:30px;border-color:#48f6ed90;background:linear-gradient(#48f6ed08 1px,transparent 1px),linear-gradient(90deg,#48f6ed08 1px,transparent 1px),radial-gradient(ellipse at 50% 30%,#1b2b49,#0a1224);background-size:40px 40px,40px 40px,100% 100%;box-shadow:0 0 0 5px #080c19,0 0 0 6px #ff4cb638,0 0 35px #48f6ed0d}.theme-cyber .table-inner-border{border-radius:22px;border-color:#f3f05c35}.theme-cyber .playing-card{background:linear-gradient(150deg,#172a3d,#0c1629);border:1px solid #46b9be;color:#9afff5;border-radius:5px}.theme-cyber .playing-card.red{color:#ff84c5;border-color:#956189}.theme-cyber .card-corner,.theme-cyber .card-bottom{font-family:Consolas,Noto Sans TC,monospace}.theme-cyber .playing-card.selected{background:#213d48;color:#edff9d;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 12px 24px #48f6ed25}.theme-cyber .card-back{background:#101d31;border-color:#3d8e99}.theme-cyber .card-back span{background:repeating-linear-gradient(135deg,#48f6ed12 0 1px,transparent 1px 7px),#101d31;color:var(--cyan);border-color:#48f6ed35}.theme-cyber .turn-chip{background:#0b2435;border-color:var(--cyan);color:var(--cyan);border-radius:2px}.theme-cyber .turn-chip.your-turn{background:var(--gold);border-color:var(--gold);color:#111a28}.theme-cyber .opponent.is-turn .avatar{box-shadow:0 0 0 2px var(--cyan),0 0 22px #48f6ed40}.theme-cyber .turn-timer{color:var(--gold);background:conic-gradient(var(--cyan) var(--progress),#29404d 0);border-color:var(--cyan);font-family:Consolas,monospace}.theme-cyber .turn-timer>span{background:#091424;color:var(--cyan);font-family:Consolas,monospace}.theme-cyber .turn-timer.urgent{background:conic-gradient(var(--pink) var(--progress),#29404d 0)}.theme-cyber .turn-timer.urgent>span{color:var(--pink)}.theme-cyber .opponent-timer{background:var(--gold);color:#0c1524;border-color:#163f52;font-family:Consolas,monospace}.theme-cyber .opponent-card-count{background:#102b3e;border-color:#48f6ed44;border-radius:2px}.theme-cyber .opponent-card-count b{color:var(--cyan);font-family:Consolas,monospace}.theme-cyber .opponent-card-count>span:last-child{color:#91bbc8}.theme-cyber .opponent-card-count.low-cards{background:#342532;border-color:var(--pink)}.theme-cyber .opponent-card-count.low-cards b{color:var(--pink)}.theme-cyber .mini-card-back{border-color:var(--cyan);box-shadow:2px 1px 0 -1px #102b3e,3px 1px #48f6ed88}.theme-cyber .active-player{outline-color:var(--cyan)}.theme-cyber .landlord-crown{background:var(--gold);color:#0c1524;border-color:var(--gold);border-radius:2px}.theme-cyber .prop-picker,.theme-cyber .chat-panel{background:#0c1729f7;border:1px solid #48f6ed70;border-radius:0;box-shadow:5px 5px #ff4cb61a}.theme-cyber .prop-picker-grid button{border-radius:2px;background:#14243a}.theme-cyber .prop-picker-grid button:hover{border-color:var(--pink);background:#29213e}.theme-cyber .combo-effect{color:var(--gold);text-shadow:3px 0 #ff4cb6,-2px 0 #48f6ed,0 6px 18px #0008}.theme-cyber .combo-title{font-family:Noto Sans TC,sans-serif;font-weight:900;font-style:italic;letter-spacing:1px}.theme-cyber .combo-number{font-family:Consolas,monospace;color:var(--cyan);letter-spacing:5px;opacity:1}.theme-cyber .combo-detail{color:#baf9ff;text-shadow:none}.theme-cyber .combo-shape{border-color:var(--cyan);box-shadow:0 0 18px #48f6ed22}.theme-cyber .combo-orbit{border-color:var(--pink)}.theme-cyber .combo-tick{background:var(--cyan)}.theme-cyber .combo-effect:before,.theme-cyber .combo-effect:after{background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent)}.theme-cyber .impact-ring{border-style:dashed;border-color:var(--cyan);box-shadow:0 0 14px #48f6ed60}.theme-cyber .impact-ring-inner{border-color:var(--pink)}.theme-cyber .impact-particle{background:var(--cyan);border-radius:0;box-shadow:0 0 8px #48f6ed80}.theme-cyber .impact-particle:nth-child(odd){background:var(--pink);box-shadow:0 0 8px #ff4cb680}.theme-cyber .toast{background:#102338;color:var(--cyan);border:1px solid var(--cyan);border-radius:0}.theme-cyber .opening{background:#080c19;color:var(--gold)}.motion-overlay[data-theme=cyber]{--curtain: #0d1c2e;--curtain2: #30311c;--on-curtain: #f3f05c;--cut-sheet: #1ca5ae;--cut-shadow: #ff4cb6;--shutter: #0b1528}.motion-overlay[data-theme=cyber] .axis-label{text-shadow:3px 0 #ff4cb6,-2px 0 #48f6ed}.motion-overlay[data-theme=cyber] .axis-label b{font-family:Noto Sans TC,sans-serif;font-style:italic}.motion-overlay[data-theme=cyber] .shutter{box-shadow:inset 0 0 45px #48f6ed0c}@media(max-width:760px){.theme-cyber .studio-nav{border-right:0;border-top:1px solid #48f6ed40}.theme-cyber .studio-nav nav button.active{box-shadow:inset 0 2px var(--gold)}.theme-cyber .lobby-action{min-height:80px}.theme-cyber .cyber-kicker{font-size:9px;letter-spacing:2px;margin-bottom:6px}.cyber-scenery{inset:-15px -20px}.theme-cyber .modal{padding:24px 20px}.theme-cyber .table-surface{border-radius:20px}}@media(max-height:600px){.theme-cyber .cyber-kicker{margin-bottom:4px}.theme-cyber .lobby-action{min-height:64px}.cyber-art-label{bottom:0}}@media(max-height:520px)and (orientation:landscape){.theme-cyber .cyber-kicker{display:none}.theme-cyber .lobby-action{min-height:52px}}.cyber-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.cyber-burst i{position:absolute;width:3px;height:17px;background:var(--cyan);box-shadow:0 0 8px #48f6ed88;animation:cyber-spark 1.05s cubic-bezier(.15,.7,.25,1) var(--delay) both}.cyber-burst i:nth-child(3n){background:var(--pink);height:7px;width:7px;box-shadow:0 0 8px #ff4cb688}.cyber-burst i:nth-child(5n){background:var(--gold);width:2px}.cyber-burst.small i{width:2px;height:8px;animation-duration:.85s}.cyber-pulse{position:absolute;left:-70px;top:-70px;width:140px;height:140px;border:1px solid var(--cyan);transform:rotate(45deg);animation:cyber-pulse 1.05s ease-out both}.cyber-pulse.second{border-color:var(--pink);animation-delay:.1s}.cyber-burst.small .cyber-pulse{width:50px;height:50px;left:-25px;top:-25px}@keyframes cyber-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}12%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--radius))) scale(.3)}}@keyframes cyber-pulse{0%{opacity:0;transform:rotate(45deg) scale(.3)}18%{opacity:.75}to{opacity:0;transform:rotate(65deg) scale(1.9)}}.theme-cyber .deal-flight{background:#153047;border-color:var(--cyan);box-shadow:0 0 12px #48f6ed55}.theme-cyber .deal-deck{color:var(--gold);border-color:var(--cyan);background:#102238}:root[data-motion=off] .cyber-burst{display:none}@media(prefers-reduced-motion:reduce){.cyber-burst{display:none!important}}.catalog-card{content-visibility:auto;contain-intrinsic-size:auto 240px}.history-list>button{content-visibility:auto;contain-intrinsic-size:auto 78px}.motion-view .catalog-card,.motion-view .history-list>button{content-visibility:visible}.motion-view [data-motion-part]{will-change:transform,opacity}.projectile,.impact-glyph,.impact-ring,.impact-particle,.combo-effect{backface-visibility:hidden}:root[data-theme=green],.theme-green{--paper: #f4f2e8;--panel: #fffdf5;--wash: #e8ede3;--ink: #233e34;--muted: #667c70;--green: #205747;--green-deep: #173e32;--gold: #b59358;--line: #d6d9c9;--table: #205747;--table-light: #397961;--shadow: 0 20px 60px #233f3615;--foil: #d4bf8e;--material-rgb: 32, 87, 71;color-scheme:light}:root[data-theme=black],.theme-black{--paper: #101113;--panel: #1b1c20;--wash: #25262b;--ink: #eee5d5;--muted: #a9a392;--green: #d0af73;--green-deep: #b69761;--gold: #d0af73;--line: #423d32;--table: #17181b;--table-light: #303034;--shadow: 0 20px 60px #0005;--foil: #e9d6a6;--material-rgb: 208, 175, 115;color-scheme:dark}:root[data-theme=baroque],.theme-baroque{--paper: #251017;--panel: #391c25;--wash: #49242e;--ink: #f2e7cf;--muted: #c1ab95;--green: #c6a15b;--green-deep: #a98444;--gold: #c6a15b;--line: #72523a;--table: #421b29;--table-light: #713248;--shadow: 0 20px 70px #10030770;--foil: #ead3a0;--material-rgb: 198, 161, 91;color-scheme:dark}.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.theme-choice{min-height:68px;padding:12px 14px;display:flex;gap:14px;justify-content:flex-start}.theme-choice-baroque i{color:#c6a15b}.theme-mark-baroque{background:linear-gradient(145deg,#68253a,#2a111d);color:#ead3a0;border-color:#c6a15b;box-shadow:inset 0 0 0 2px #2a111d,inset 0 0 0 3px #c6a15b66}.theme-mark-green{background:linear-gradient(145deg,#7ca48d,#205747 65%);border-color:#a28d56;box-shadow:inset 0 0 8px #bfd1a750}.theme-mark-black{background:linear-gradient(130deg,#101113 38%,#39362d 48%,#17181a 70%);border-color:#d0af73}.theme-baroque .theme-mark-face:after{border-radius:45% 45% 2px 2px}.atmosphere-green{opacity:.45}.atmosphere-black{opacity:.55}.atmosphere-baroque{opacity:.7}:is(.theme-green,.theme-black,.theme-baroque) .screen-stage{position:relative;z-index:2}:is(.theme-green,.theme-black,.theme-baroque) .studio-header{position:relative;z-index:3}:is(.theme-green,.theme-black,.theme-baroque) :is(.lobby-heading h1,.page-heading h1,.waiting-title h1,.modal h2){font-family:"Noto Serif TC",serif;font-weight:700}:is(.theme-green,.theme-black,.theme-baroque) :is(.lobby-action b,.waiting-seat h2){font-family:"Noto Serif TC",serif;font-weight:600}:is(.theme-green,.theme-black,.theme-baroque) :is(.action-index,.art-index,.card-corner,.card-bottom,.waiting-footer b){font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:600}:is(.theme-green,.theme-black,.theme-baroque) :is(.studio-main.page-lobby,.lobby-art,.modal,.waiting-seat){isolation:isolate}:is(.theme-green,.theme-black,.theme-baroque) .studio-main.page-lobby{position:relative}:is(.theme-green,.theme-black,.theme-baroque) .lobby-art{overflow:visible}:is(.theme-green,.theme-black,.theme-baroque) .lobby-cards{z-index:3}.heritage-scenery{position:absolute;inset:-60px -35px -45px;pointer-events:none;z-index:-1}.heritage-art-image{position:absolute;inset:-8% 0;background-position:0 50%;background-size:cover;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 35%,transparent 73%);mask-image:radial-gradient(ellipse at 50% 50%,#000 35%,transparent 73%)}.scenery-baroque .heritage-art-image{background-image:url(/themes/palace.webp);opacity:.68;inset:-16% -35%;background-position:28% 50%}.heritage-engraving{position:absolute;inset:0;width:100%;height:100%;stroke:var(--gold);stroke-width:.7;opacity:.4}.scenery-green .heritage-engraving{stroke:#477d60;opacity:.55}.scenery-baroque .heritage-engraving{stroke:#d3b478;stroke-width:.9;opacity:.75}.heritage-halo{position:absolute;width:65%;aspect-ratio:1;left:17%;top:8%;border:1px solid var(--gold);border-radius:50%;opacity:.2;transform:rotate(-25deg) scaleX(.9)}.heritage-halo.second{inset:14% auto auto 12%;width:75%;transform:rotate(28deg) scaleX(.9);opacity:.14}.scenery-black .heritage-halo{border-radius:2px;transform:rotate(45deg);width:50%;left:25%;top:14%}.scenery-black .heritage-halo.second{transform:rotate(45deg) scale(1.12)}.scenery-baroque .heritage-halo{border-radius:50% 50% 3px 3px;width:66%;height:85%;top:4%}.scenery-baroque .heritage-halo.second{display:none}.heritage-art-caption{position:absolute;bottom:2%;left:50%;transform:translate(-50%);font:10px Cormorant Garamond,serif;letter-spacing:4px;color:var(--gold);white-space:nowrap}.heritage-art-caption i{display:inline-block;width:36px;height:1px;background:currentColor;margin:0 12px;vertical-align:middle;opacity:.5}:is(.theme-green,.theme-black,.theme-baroque) .art-index{display:none}:is(.theme-green,.theme-black,.theme-baroque) .art-cross{color:var(--gold);font-size:16px}:is(.theme-green,.theme-black,.theme-baroque) .art-rule{opacity:.25}:is(.theme-green,.theme-black,.theme-baroque) .lobby-card{filter:none}:is(.theme-green,.theme-black,.theme-baroque) .lobby-card .playing-card{box-shadow:0 24px 32px #0003,0 3px 7px #0002}:is(.theme-green,.theme-black,.theme-baroque) .lobby-footer{border-top:1px solid var(--line)}:is(.theme-green,.theme-black,.theme-baroque) :is(.lobby-action,.button,.catalog-card){position:relative}:is(.theme-green,.theme-black,.theme-baroque) .lobby-action:before{content:"";position:absolute;inset:5px;border:1px solid currentColor;opacity:.15;pointer-events:none;border-radius:inherit}:is(.theme-green,.theme-black,.theme-baroque) .lobby-action:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff2 46%,transparent 64%);transform:translate(-110%);pointer-events:none}:is(.theme-green,.theme-black,.theme-baroque) .lobby-action{overflow:hidden}:is(.theme-green,.theme-black,.theme-baroque) .lobby-action:hover:after{animation:heritage-sheen .7s ease-out}@keyframes heritage-sheen{to{transform:translate(110%)}}.studio-app.theme-green{background:radial-gradient(ellipse at 24% 58%,#d6e2d166,transparent 56%),#f4f2e8}.theme-green .studio-nav{background:#f0f0e5;border-color:#c9d2bd}.theme-green .studio-header{background:#f4f2e8e8;border-color:#cdd4c4}.theme-green .studio-nav nav button.active{background:linear-gradient(145deg,#d8e4d8,#edf0e4);box-shadow:inset 0 0 0 1px #77917d35}.theme-green .lobby-heading h1{color:#204d3c;letter-spacing:6px;text-shadow:0 2px #fff8}.theme-green .quiet-label{color:#617b65}.theme-green .lobby-action.primary{background:linear-gradient(135deg,#658a70,#205747 45%,#1d493b);color:#f6f0df;border:1px solid #517b5e;box-shadow:0 12px 30px #24473417,inset 0 1px #a4bd8c66}.theme-green .lobby-action.primary :is(small,.action-index){color:#d1ddc9}.theme-green .lobby-action.secondary{background:linear-gradient(145deg,#fffdf7,#e9ede2);border-color:#b5c2a8}.theme-green .modal{background:linear-gradient(145deg,#fffdf6,#f0f0e4);border:1px solid #b6c4ad;border-radius:10px;box-shadow:0 28px 80px #193f3628}.theme-green .modal:before{content:"";position:absolute;right:30px;top:12px;width:95px;height:145px;background:url(/themes/ornaments/botanical.svg) center/contain no-repeat;opacity:.24;pointer-events:none;z-index:-1}.theme-green .button.green,.theme-green .button.primary{background:linear-gradient(135deg,#49765a,#205747);box-shadow:inset 0 1px #b5c09a66}.theme-green :is(.wallet-card,.stats-grid,.trend-panel,.catalog-card,.waiting-seat){background:linear-gradient(140deg,#fffdf6,#edf0e5);border-color:#c7d1ba;box-shadow:0 5px 20px #254d3410}.theme-green .catalog-art{background:radial-gradient(ellipse,#dbe7d5,#f4f2e8 72%)}.theme-green .waiting-room{background:radial-gradient(ellipse at 50% 45%,#e3ecdd,#f4f2e8 70%)}.theme-green .waiting-seat{border-radius:70px 70px 8px 8px}.theme-green .game-page{background:radial-gradient(ellipse,#d8e3d1,#e9eddf)}.theme-green .table-surface{background:radial-gradient(ellipse at 45% 30%,#3e8064,#235a46 65%,#173e32);border-color:#a48d52;box-shadow:0 0 0 5px #e5e6d7,0 0 0 6px #b49b68,0 20px 40px #173e3220}.theme-green .table-inner-border{border-color:#cfbd815c}.theme-green .button.table-outline{background:#214f3e;color:#f1ecd7;border-color:#b9c7a280}.theme-green :is(.button.table-cream,.button.table-gold){background:linear-gradient(130deg,#fff7de,#dcd9b5);color:#254d39;border-color:#d3c18c}.studio-app.theme-black{background:radial-gradient(ellipse at 22% 52%,#37332b55,transparent 58%),#101113}.theme-black .studio-nav{background:#0c0d0f;border-color:#77634645}.theme-black .studio-header{background:#101113ed;border-color:#77634645}.theme-black .studio-nav nav button.active{background:linear-gradient(130deg,#343026,#1e1f20);border:1px solid #77634666;border-radius:0}.theme-black .lobby-heading h1{color:#eee5d5;letter-spacing:7px;text-shadow:0 2px #000}.theme-black .lobby-heading h1>span{color:#d0af73}.theme-black .lobby-action{border-radius:1px}.theme-black .lobby-action.primary{background:linear-gradient(125deg,#dac18b,#b5965c 60%,#ddc38b);color:#1b1c20;border:1px solid #ead7ab;box-shadow:0 8px 32px #0004,inset 0 1px #fff5}.theme-black .lobby-action.primary :is(small,.action-index){color:#49402e}.theme-black .lobby-action.secondary{background:linear-gradient(140deg,#2b2b2d,#151619);border-color:#7e6848;color:#e9d6a6}.theme-black :is(.modal,.wallet-card,.stats-grid,.trend-panel,.catalog-card,.waiting-seat){background:linear-gradient(145deg,#242529,#141518);border:1px solid #706044;border-radius:2px;box-shadow:inset 0 0 0 4px #141518,0 12px 32px #0002}.theme-black .modal:before{content:"";position:absolute;inset:8px;border:1px solid #c5a76c45;clip-path:polygon(0 0,25% 0,25% 1%,1% 1%,1% 20%,0 20%,0 0,100% 100%,75% 100%,75% 99%,99% 99%,99% 80%,100% 80%,100% 100%);pointer-events:none}.theme-black .modal h2{letter-spacing:3px}.theme-black .catalog-art{background:radial-gradient(ellipse,#3a362b,#141518 75%)}.theme-black .catalog-card.owned{border-color:#7e6b46}.theme-black .button.green,.theme-black .button.primary{background:linear-gradient(120deg,#d9c18f,#b59660);color:#17181b;border-color:#d7bd85;border-radius:1px}.theme-black .waiting-room{background:radial-gradient(ellipse at 50% 45%,#2a2824,#101113 75%)}.theme-black .waiting-seat:before{content:"";position:absolute;inset:10px;border:1px solid #8c754744;pointer-events:none}.theme-black .game-page{background:#0c0d0f}.theme-black .table-surface{background:linear-gradient(135deg,#ffffff03 0 18%,transparent 18% 82%,#00000012 82%),linear-gradient(180deg,#222327,#191a1e 64%,#16171a);border-color:#b29763;box-shadow:0 0 0 4px #101113,0 0 0 5px #d0af7366,0 10px 40px #0005}.theme-black .table-surface:after{background-image:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px);background-size:4px 4px;opacity:1}.theme-black .table-inner-border{border-color:#b99b5b66}.theme-black .table-inner-border:before{border-color:#d0af7326}.theme-black .table-center-mark{color:#d0af73;opacity:.2}.theme-black .table-center-mark>span{opacity:.3}.theme-black .turn-chip{background:#16171bef;color:#ead7ab;border:1px solid #b19662;border-radius:2px}.theme-black .turn-chip.your-turn{background:linear-gradient(120deg,#e1c995,#b99a64);color:#191a1d;border-color:#f2deaf}.theme-black .button.table-outline{background:#1b1c20;color:#ead7ab;border-color:#927c53}.theme-black :is(.button.table-cream,.button.table-gold){background:linear-gradient(120deg,#e1c995,#b99a64);color:#191a1d;border:1px solid #e7d3a4;box-shadow:inset 0 0 0 3px #b99a6444}.theme-black :is(.game-header,.game-footer,.waiting-header,.waiting-footer){background:#101113;color:#a9a392;border-color:#574b354f}.studio-app.theme-baroque{background:radial-gradient(ellipse at 25% 55%,#6b2b3c66,transparent 70%),#251017}.theme-baroque .studio-nav{background:linear-gradient(90deg,#200d14,#32151d);border-right:1px solid #c6a15b66;box-shadow:inset -5px 0 #32151d,inset -6px 0 #c6a15b22}.theme-baroque .studio-nav nav button{border-radius:38px 38px 3px 3px}.theme-baroque .studio-nav nav button.active{background:linear-gradient(#754135,#40202a);color:#f1d8a2;box-shadow:inset 0 0 0 1px #c6a15b88,inset 0 0 0 4px #34161d}.theme-baroque .studio-header{background:#251017eb;border-color:#a780484d}.theme-baroque .header-location>span{font-family:"Noto Serif TC",serif;letter-spacing:3px;color:#ddc18c}.theme-baroque .page-lobby:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#25101733,#251017f2 85%),url(/themes/palace.webp) 25% 50% / cover;opacity:.3;z-index:-1;pointer-events:none}.theme-baroque .lobby-heading h1{color:#f2e7cf;letter-spacing:7px;text-shadow:0 2px 1px #16050c}.theme-baroque .lobby-heading h1>span{color:#c6a15b}.theme-baroque .lobby-caption{color:#c1ab95}.theme-baroque .quiet-label{color:#d2b57c;letter-spacing:3px}.theme-baroque .lobby-action{border:1px solid #a67f45;border-radius:3px 24px 3px 3px}.theme-baroque .lobby-action.primary{background:linear-gradient(130deg,#e0c28a,#bd9757 62%,#d4b476);color:#32121c;box-shadow:inset 0 1px #fff4,0 15px 28px #10030735}.theme-baroque .lobby-action.primary :is(small,.action-index){color:#624c30}.theme-baroque .lobby-action.secondary{background:linear-gradient(130deg,#6c3040,#391722);color:#f0dfbd;border-color:#ba925b}.theme-baroque .lobby-action.secondary small{color:#d5b89d}.theme-baroque .lobby-action:before{inset:6px;border-radius:2px 17px 2px 2px;opacity:.3}.theme-baroque .lobby-action b{letter-spacing:3px}.theme-baroque .browse-rooms{color:#d1baa0}.theme-baroque .modal-backdrop{background:#10050bc9}.theme-baroque .modal{background:linear-gradient(145deg,#f9f0db,#e9dbc0);color:#38221e;border:1px solid #bf9b5f;border-radius:5px;box-shadow:0 0 0 4px #381822,0 0 0 5px #b38e56,0 30px 80px #0b0209aa;padding-top:38px;--ink: #38221e;--muted: #82674f;--line: #bfaa80;--paper: #f7edda;--panel: #fff8e9;--wash: #e5d7b9;--green: #682a39;--gold: #8f662f}.theme-baroque .modal:before,.theme-baroque .modal:after{content:"";position:absolute;width:110px;height:110px;background:url(/themes/ornaments/corner.svg) center/contain no-repeat;pointer-events:none;z-index:-1;opacity:.72}.theme-baroque .modal:before{left:9px;top:9px}.theme-baroque .modal:after{right:9px;bottom:9px;transform:rotate(180deg)}.theme-baroque .modal h2{color:#4b2530;text-align:center;letter-spacing:4px;padding:0 24px}.theme-baroque .modal-subtitle{text-align:center}.theme-baroque .modal-close{background:#ebdcbf;border:1px solid #b18d59;color:#682a39;border-radius:50%}.theme-baroque .button{border-radius:2px;font-weight:600}.theme-baroque :is(.button.green,.button.primary){background:linear-gradient(135deg,#77394a,#4a1b2a);color:#f4e7c9;border:1px solid #a9814a;box-shadow:inset 0 0 0 3px #622938,inset 0 0 0 4px #c6a15b50}.theme-baroque :is(.button.outline,.text-button){color:var(--ink)}.theme-baroque :is(.studio-input,select,textarea,input){border-color:var(--line);border-radius:2px;background:var(--paper);color:var(--ink)}.theme-baroque :is(.wallet-card,.stats-grid,.trend-panel,.catalog-card,.identity-panel){border:1px solid #9d784a66;background:linear-gradient(135deg,#4b2530,#2d151f);border-radius:3px;box-shadow:inset 0 0 0 4px #311620,inset 0 0 0 5px #a9814a22}.theme-baroque .catalog-art{background:radial-gradient(ellipse,#77504455,#2d151f 75%)}.theme-baroque .catalog-card.owned{border-color:#b49a64}.theme-baroque .segmented{background:#341b24;border-color:#6e503a;border-radius:2px}.theme-baroque .segmented button.active{background:linear-gradient(120deg,#e0c28a,#b99254);color:#32121c}.theme-baroque .modal .segmented{background:#e8d9ba;border-color:#bfaa80}.theme-baroque .modal .segmented button{color:#775a43}.theme-baroque .modal .segmented button.active{background:linear-gradient(135deg,#77394a,#4a1b2a);color:#f4e7c9}.theme-baroque .modal .identity-panel{background:#ecdfc5;color:#38221e;box-shadow:inset 0 0 0 4px #f7edda;border-color:#bfaa80;padding:18px}:is(.theme-green,.theme-black,.theme-baroque) .trend-panel{padding:24px}.theme-baroque .theme-choice{background:#ecdfc4;color:#4b2530;border-color:#c2ab7f}.theme-baroque .theme-choice[aria-pressed=true]{background:#e3cfaa;box-shadow:inset 0 -2px #8d6434}.theme-baroque .theme-choice[aria-pressed=true]:after{content:"◆";margin-left:auto;color:#7c2b3d;font-size:14px}.theme-baroque .waiting-room{background:linear-gradient(#251017dd,#251017eb),url(/themes/palace.webp) center/cover}.theme-baroque :is(.waiting-header,.waiting-footer){background:#251017e8;border-color:#9a76464d}.theme-baroque .waiting-title h1{color:#f2e7cf}.theme-baroque .waiting-seat{background:linear-gradient(150deg,#62323b99,#30141e);border:1px solid #a9814a;border-radius:90px 90px 4px 4px;box-shadow:inset 0 0 0 6px #321821,inset 0 0 0 7px #b8915255}.theme-baroque .waiting-seat:before{content:"";position:absolute;bottom:14px;left:50%;width:55px;height:16px;transform:translate(-50%);background:url(/themes/ornaments/laurel.svg) center 78%/55px no-repeat;opacity:.7;pointer-events:none}.theme-baroque .seat-number{color:#d6b47a}.theme-baroque .ready-state.yes{color:#e7cd9b}.theme-baroque .game-page{background:radial-gradient(ellipse at 50% 40%,#502333,#211018 80%)}.theme-baroque :is(.game-header,.game-footer){background:#251017f0;border-color:#9b774b66;color:#c6ad8b}.theme-baroque .table-surface{background:radial-gradient(ellipse at 50% 25%,#713248,#421b29 65%,#32121c);border:1px solid #c6a15b;box-shadow:0 0 0 4px #361d20,0 0 0 5px #b28c50,0 0 0 9px #211017,0 14px 45px #14040b60}.theme-baroque .table-inner-border{border:1px solid #c6a15b55}.theme-baroque .table-inner-border:before,.theme-baroque .table-inner-border:after{content:"";position:absolute;width:120px;height:120px;background:url(/themes/ornaments/corner.svg) center/contain no-repeat;opacity:.6;pointer-events:none}.theme-baroque .table-inner-border:before{top:0;left:0}.theme-baroque .table-inner-border:after{right:0;bottom:0;transform:rotate(180deg)}.theme-baroque .table-center-mark{opacity:.12}.theme-baroque .table-center-mark>span{color:#e5c891}.theme-baroque :is(.table-mode-label,.table-multiplier,.bottom-cards>span,.opponent-role,.my-seat,.hand-label,.played-label){color:#dac39c}.theme-baroque .opponent-name{color:#f2e7cf}.theme-baroque .button.table-cream,.theme-baroque .button.table-gold{background:linear-gradient(120deg,#ead4a3,#c6a15b);color:#391822;border:1px solid #f4dfae;box-shadow:inset 0 0 0 3px #b9965b}.theme-baroque .button.table-outline{background:#361724;color:#f1dfb8;border-color:#ba945e}.theme-baroque .turn-chip{background:#351622ed;color:#f1dfb8;border:1px solid #bd9458;border-radius:3px}.theme-baroque .turn-chip.your-turn{background:#edd5a2;color:#431e26;border-color:#fff0c9}:is(.theme-black,.theme-baroque) .turn-timer{background:conic-gradient(var(--gold) var(--progress),#ffffff18 0)}:is(.theme-black,.theme-baroque) .turn-timer>span{background:var(--paper);color:var(--foil);font-family:Noto Sans TC,sans-serif;font-variant-numeric:tabular-nums}:is(.theme-black,.theme-baroque) .turn-timer.urgent{background:conic-gradient(#e58a7e var(--progress),#ffffff18 0)}:is(.theme-black,.theme-baroque) .turn-timer.urgent>span{color:#ffb0a4}:is(.theme-black,.theme-baroque) .opponent-timer{border-color:var(--paper);background:var(--gold);color:#251b13}:is(.theme-black,.theme-baroque) .opponent-card-count{border-color:#c6a15b60;background:#0002}:is(.theme-black,.theme-baroque) .opponent-card-count>span:last-child{color:var(--muted)}:is(.theme-black,.theme-baroque) .mini-card-back{border-color:var(--gold);box-shadow:2px 1px 0 -1px var(--paper),3px 1px 0 var(--gold)}:is(.theme-black,.theme-baroque) :is(.prop-picker,.chat-panel){background:var(--panel);color:var(--ink);border:1px solid var(--gold);box-shadow:0 8px 24px #0006}:is(.theme-black,.theme-baroque) .prop-picker-grid button{background:var(--wash);color:var(--ink);border-color:var(--line)}.theme-baroque .chat-bubble{background:#f2e7cf;color:#4b2530;border:1px solid #c6a15b}.theme-baroque .toast{background:#efdfbd;color:#4b2530;border:1px solid #c6a15b;border-radius:3px}.theme-baroque .opening{background:#32121c;color:#e4c88f}.court-portrait,.court-celestial{display:none}:is(.theme-green,.theme-black,.theme-baroque) .playing-card{isolation:isolate}:is(.theme-green,.theme-black,.theme-baroque) .playing-card:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;opacity:.18;border-radius:2px;pointer-events:none;z-index:0}:is(.theme-green,.theme-black,.theme-baroque) :is(.card-corner,.card-bottom){z-index:3}.theme-green .playing-card{background:linear-gradient(145deg,#fffdf4,#e8ebdc);color:#205747;border:1px solid #b6bb9b}.theme-green .playing-card.red{color:#a84f43}.theme-green .card-back{background:#205747;border-color:#ac955d}.theme-green .card-back span{background:url(/themes/ornaments/botanical.svg) center/70% 90% no-repeat,#205747;border:1px solid #c6b47e80;color:#eddfb7}.theme-black .playing-card{background:linear-gradient(130deg,#303033,#16171b 70%);border-color:#a0875c;color:#e8cf95}.theme-black .playing-card.red{color:#eda392}.theme-black .card-back{background:#131418;border-color:#b19662}.theme-black .card-back span{background:repeating-linear-gradient(45deg,transparent 0 8px,#b99c5e30 8px 9px),repeating-linear-gradient(-45deg,transparent 0 8px,#b99c5e30 8px 9px),#1d1e22;border-color:#c6a15b80;color:#ddc491}.theme-baroque .playing-card{background:linear-gradient(145deg,#fff5dc,#e8d7b4);border:1px solid #b99a60;color:#241b19;border-radius:4px}.theme-baroque .playing-card.red{color:#832b42}.theme-baroque .playing-card:after{inset:4px;border-color:#916a35;opacity:.35;background:url(/themes/ornaments/corner.svg) left top/40% auto no-repeat}.theme-baroque .playing-card:has(.court-portrait) .card-pip,.theme-baroque .playing-card:has(.court-celestial) .card-pip{opacity:0}.theme-baroque .court-portrait{display:block;position:absolute;inset:4px 5px;overflow:hidden;pointer-events:none;z-index:1}.court-11{--portrait: url(/themes/jack.webp)}.court-12{--portrait: url(/themes/queen.webp)}.court-13{--portrait: url(/themes/king.webp)}.court-portrait i{position:absolute;left:10%;top:0;width:88%;height:52%;background-image:var(--portrait);background-position:center 3%;background-size:auto 172%;background-repeat:no-repeat}.court-portrait i:nth-child(2){top:auto;bottom:0;left:2%;transform:rotate(180deg)}.theme-baroque .card-corner{padding:1px 3px;background:linear-gradient(90deg,#f7ebd0 66%,#f7ebd000);border-radius:2px}.theme-baroque .card-bottom{background:#efdfbfcc}.theme-baroque .court-celestial{display:block;position:absolute;inset:23% 13%;z-index:1;color:#b58c37}.theme-baroque .court-celestial.moon{color:#66727c}.court-celestial svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.2}.court-celestial.sun path{fill:currentColor;fill-opacity:.3}.theme-baroque .card-back{background:#481e2d;border-color:#c6a15b}.theme-baroque .card-back span{color:#e4c98e;border:0;background:none;font-size:0;width:30%;height:30%}.theme-green .card-back:before{border-color:#c6b47e88;background:url(/themes/ornaments/botanical.svg) center/80% 95% no-repeat}.theme-black .card-back:before{border-color:#c6a15b88;background:repeating-linear-gradient(45deg,transparent 0 8px,#b99c5e40 8px 9px),repeating-linear-gradient(-45deg,transparent 0 8px,#b99c5e40 8px 9px)}.theme-baroque .card-back:before{inset:1px;border:0;border-radius:2px;background:url(/themes/ornaments/court-back.svg) center/100% 100% no-repeat,radial-gradient(ellipse,#682b3d,#371624)}.theme-baroque .card-back span:before{content:"♦";font:18px Cormorant Garamond,serif}.theme-baroque .my-hand .playing-card.selected{background:#fff3d3;border-color:#f1d792;box-shadow:0 0 0 2px #dfb965,0 14px 24px #11060b55}.theme-green .my-hand .playing-card.selected{background:#fcffec;border-color:#b49b5f;box-shadow:0 0 0 2px #a89252,0 14px 24px #173e3233}.theme-black .my-hand .playing-card.selected{background:#39362d;border-color:#e9ce91;box-shadow:0 0 0 2px #d0af73,0 14px 24px #0006}.heritage-burst{position:absolute;left:50%;top:50%;height:0;width:0;pointer-events:none}.theme-cyber .heritage-burst{display:none}.heritage-wave{position:absolute;left:-100px;top:-100px;width:200px;height:200px;border:1px solid var(--foil);border-radius:50%;animation:heritage-wave 1.15s ease-out both}.heritage-wave.second{animation-delay:.12s}.heritage-spark{position:absolute;left:0;top:0;width:3px;height:9px;background:var(--foil);border-radius:1px;animation:heritage-spark 1.15s cubic-bezier(.15,.7,.3,1) var(--delay) both}.heritage-spark:nth-child(3n){width:5px;height:5px}.heritage-laurel{display:none;position:absolute;left:-160px;top:-110px;width:320px;height:230px;background:url(/themes/ornaments/laurel.svg) center/contain no-repeat;animation:heritage-crown 1.25s ease-out both}.heritage-event-seal{display:none;position:absolute;left:-24px;top:-115px;width:48px;font:30px "Noto Serif TC",serif;color:var(--foil);animation:heritage-crown 1.25s both}.theme-green .heritage-wave{border-width:2px;border-color:#bcd3a9;box-shadow:0 0 0 6px #9abd7f13}.theme-green .heritage-spark{border-radius:8px 1px;background:#c7d99d}.theme-black .heritage-wave{border-radius:2px;rotate:45deg;border-color:#dbc087}.theme-black .heritage-wave.second{rotate:60deg}.theme-baroque .heritage-wave{border-color:#dfbe7c;border-style:double;border-width:3px}.theme-baroque .heritage-laurel{display:block}.heritage-twins{display:none}.theme-baroque .effect-rocket .heritage-twins{display:block;position:absolute;left:-118px;top:-90px;width:236px;height:70px;animation:heritage-crown 1.25s both}.theme-baroque .heritage-twins .court-celestial{inset:0 auto 0 0;width:65px;color:#dfc38b}.theme-baroque .heritage-twins .court-celestial.moon{left:auto;right:0;color:#c9d0d1}.effect-bomb .heritage-wave{animation-duration:.8s}.effect-straight .heritage-wave{width:280px;height:3px;top:0;left:-140px;border-radius:0;border-width:1px 0;rotate:-8deg}.effect-chain .heritage-wave{width:130px;height:130px;left:-65px;top:-65px;border-radius:20%}.effect-spring .heritage-spark{width:7px;height:10px;border-radius:100% 0}.theme-baroque :is(.effect-rocket,.effect-spring,.effect-bomb,.effect-chain) .heritage-event-seal{display:block}.heritage-burst.small :is(.heritage-laurel,.heritage-event-seal){display:none}.heritage-burst.small .heritage-wave{width:60px;height:60px;left:-30px;top:-30px;animation-duration:.85s}.heritage-burst.small .heritage-spark{animation-duration:.85s}.theme-baroque .combo-title{font-family:"Noto Serif TC",serif;font-weight:800;letter-spacing:4px;color:#f3dfac;text-shadow:0 3px #4e1e2a,0 0 16px #9f693b40}.theme-black .combo-title{font-family:"Noto Serif TC",serif;font-weight:800;color:#f2dca9;text-shadow:0 3px #000}.theme-green .combo-title{color:#fff5d8;text-shadow:0 3px #1b4936;font-family:"Noto Serif TC",serif}:is(.theme-green,.theme-black,.theme-baroque) .combo-number{font-family:Cormorant Garamond,serif;font-weight:600;color:var(--foil);font-size:15px}:is(.theme-black,.theme-baroque) .combo-detail{color:#e7cfa0}.theme-baroque .combo-shape{border-color:#c6a15b;border-radius:50% 50% 4px 4px}.theme-baroque .combo-orbit{border-color:#dbbd82}:is(.theme-black,.theme-baroque) .impact-ring{border-color:#c6a15b}:is(.theme-black,.theme-baroque) .impact-particle{background:#e8c986;border-radius:1px}.theme-green .impact-particle{background:#c2d8a0;border-radius:50% 0}:is(.theme-black,.theme-baroque) .deal-flight{background:var(--panel);border-color:var(--gold);box-shadow:inset 0 0 0 3px var(--paper)}.theme-baroque .deal-deck{background:#642b3d;color:#e6cb93;border-color:#c6a15b}.theme-black .rank{font-family:Cormorant Garamond,serif}.theme-black :is(.rank-0,.rank-1,.rank-2){border:1px solid #c6a15b88;background:linear-gradient(135deg,#494030,#1a1b1f);color:#e7cf99;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}.theme-baroque :is(.rank-0,.rank-1,.rank-2){background:#6b3040;color:#ead3a0;border:1px solid #c6a15b;box-shadow:inset 0 0 0 3px #401c28;border-radius:50%}:is(.theme-black,.theme-baroque) .leaderboard-list>div{border-color:var(--line)}:is(.theme-black,.theme-baroque) .leaderboard-list>div.is-me{background:var(--wash)}.theme-baroque .history-result{background:#502530;color:#c3a78a;border:1px solid #9f7548}.theme-baroque .history-result.win{background:#ddbf83;color:#48202b}.theme-baroque .history-tags>span{background:#633044;color:#e7cfaa;border:1px solid #a77f4544}.theme-baroque .modal .history-tags>span{background:#e1cba5;color:#4b2530}.theme-baroque .modal .fine-print,.theme-baroque .modal .setting-row>span{color:#7b634e}.theme-baroque .modal .quiet-label{color:#89683e}.theme-baroque .positive{color:#e2cf8d}.theme-baroque .negative{color:#f3aaa4}.theme-baroque .modal .positive{color:#416647}.theme-baroque .modal .negative{color:#a4464e}.theme-baroque .result-emblem{background:url(/themes/ornaments/laurel.svg) center/contain no-repeat;color:#966b35;border:0}.theme-black .positive{color:#d4c397}.theme-black .negative{color:#e5988c}@keyframes heritage-wave{0%{opacity:0;transform:scale(.3)}15%{opacity:.7}to{opacity:0;transform:scale(1.5)}}@keyframes heritage-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(15px) scale(.4)}15%{opacity:.9}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--r))) rotate(90deg) scale(.25)}}@keyframes heritage-crown{0%{opacity:0;transform:translateY(12px) scale(.8)}22%,65%{opacity:.8;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(1.03)}}.motion-overlay[data-theme=black]{--curtain: #232428;--curtain2: #554a36;--cut-sheet: #c6aa72;--cut-shadow: #25262a;--shutter: #17181b}.motion-overlay[data-theme=baroque]{--curtain: #431c2b;--curtain2: #704135;--on-curtain: #f2dfb8;--cut-sheet: #672c3e;--cut-shadow: #c6a15b;--shutter: #351623}.motion-overlay[data-theme=baroque] .shutter{background-image:url(/themes/ornaments/corner.svg);background-repeat:no-repeat;background-size:180px}.motion-overlay[data-theme=baroque] .right-shutter{background-position:100% 100%}@media(max-width:760px){.heritage-scenery{inset:-25px -15px}.heritage-art-caption{font-size:9px;letter-spacing:3px;bottom:-2%}:is(.theme-green,.theme-black,.theme-baroque) .lobby-heading h1{letter-spacing:3px}.theme-baroque .studio-nav{border-right:0;border-top:1px solid #c6a15b66;box-shadow:none}.theme-baroque .studio-nav nav button{border-radius:2px}.theme-baroque .modal{padding-top:30px}.theme-baroque .modal h2{font-size:23px;letter-spacing:2px}.theme-baroque .waiting-seat{border-radius:28px 5px 5px 28px}.theme-green .waiting-seat{border-radius:22px 5px 5px 22px}.theme-baroque .table-inner-border:before,.theme-baroque .table-inner-border:after{width:65px;height:65px}.heritage-laurel{left:-130px;top:-100px;width:260px;height:200px}.heritage-wave{width:150px;height:150px;left:-75px;top:-75px}}@media(max-height:600px){.heritage-scenery{inset:-20px}.heritage-art-caption{bottom:-3%}.theme-choices{margin:12px 0}.theme-choice{min-height:55px;padding:8px 12px}}:root[data-motion=off] :is(.heritage-burst,.lobby-action:after){display:none}@media(prefers-reduced-motion:reduce){.heritage-burst{display:none!important}:is(.theme-green,.theme-black,.theme-baroque) .lobby-action:after{display:none}}.monogram-card .card-pip{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:90px;line-height:1}.monogram-card .card-corner b{font-size:32px}.monogram-card .card-bottom{font-size:22px}.playing-card.joker-card{--joker-silver: #738086;--joker-gold: #a18345}.theme-black .playing-card.joker-card,.theme-cyber .playing-card.joker-card{--joker-silver: #bac8d1;--joker-gold: #dec58d}.theme-black .playing-card.joker-card[data-rank="16"]{color:#c2c9ca}.theme-baroque .playing-card.joker-card{--joker-silver: #727d85;--joker-gold: #9d7938}.playing-card.joker-card .card-corner>b,.playing-card.joker-card .card-bottom{font-family:Cormorant Garamond,Georgia,serif;font-weight:600}.playing-card.joker-card .card-corner>span{writing-mode:vertical-rl;text-orientation:upright;font:600 11px/1 "Noto Serif TC",PMingLiU,serif;letter-spacing:2px}.playing-card.joker-card .card-bottom{font-size:15px;letter-spacing:0}.joker-emblem{position:absolute;left:55%;top:55%;width:56%;height:62%;transform:translate(-50%,-50%);color:var(--joker-silver);pointer-events:none;display:flex;flex-direction:column;align-items:center}.joker-emblem.royal-crown{color:var(--joker-gold)}.joker-emblem svg{width:100%;height:calc(100% - 10px);stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.joker-emblem>span{font:600 6px/1 Cormorant Garamond,Georgia,serif;letter-spacing:1.6px;margin-top:2px;padding-left:1.6px}.small-card.joker-card .card-corner>span{font-size:8px;letter-spacing:1px}.small-card.joker-card .card-bottom{font-size:10px}.small-card.joker-card .joker-emblem{width:53%;height:58%;left:58%}.small-card.joker-card .joker-emblem svg{height:100%}.small-card.joker-card .joker-emblem>span{display:none}@media(max-width:600px){.my-hand .playing-card.joker-card .card-corner{left:2px;padding-inline:0}.my-hand .playing-card.joker-card .card-corner>span{font-size:10px;letter-spacing:1px}}@media(max-height:520px)and (orientation:landscape){.my-hand .playing-card.joker-card .card-corner>span{font-size:9px;letter-spacing:1px}}.avatar>span:has(.avatar-flag){width:82%;height:82%;display:grid;place-items:center}.avatar-flag{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:2px;box-shadow:0 1px 3px #0003}.avatar-filters{margin:0 0 20px}.avatar-filters button{min-height:40px}.avatar .frame-ornament{position:absolute;inset:-12%;width:124%;height:124%;overflow:visible;stroke:var(--frame-color, #d4bd83);stroke-width:1.8;pointer-events:none;stroke-linejoin:round;z-index:2}.avatar:is(.frame-eclipse,.frame-aurora,.frame-pixel,.frame-sovereign,.frame-sakura,.frame-comic,.frame-holo,.frame-wings){border-color:transparent;box-shadow:inset 0 0 0 2px #ffffff25,0 3px 12px #0002}.frame-eclipse{--frame-color: #c9b9ff;background:#27253e}.frame-eclipse .frame-ornament>path{stroke:#f5cd7a;stroke-width:4}.frame-eclipse .frame-satellite{fill:#fff4cf;stroke:#fff4cf}.frame-eclipse .frame-ornament{animation:collection-orbit 22s linear infinite}.frame-aurora{--frame-color: #65dfcf;background:linear-gradient(145deg,#35465e,#65518c)}.frame-aurora .frame-ornament>path:nth-child(2){stroke:#d6a1ff;stroke-width:3}.frame-aurora .frame-ornament{animation:collection-breathe 5s ease-in-out infinite alternate}.frame-pixel{--frame-color: #87edaf;background:#253b42;border-radius:8px}.frame-pixel .frame-ornament{stroke-width:3;stroke-linejoin:miter}.frame-sovereign{--frame-color: #d6b56d;background:#40272e}.frame-sovereign .frame-ornament{stroke-width:1.6;fill:#b7934733}.frame-sakura{--frame-color: #f2a9c8;background:#6b425d}.frame-sakura .frame-ornament g{fill:#f4bfd3;stroke:#fce5ef;stroke-width:.8}.frame-sakura .frame-ornament{animation:collection-orbit 60s linear infinite}.frame-comic{--frame-color: #ffe488;background:#443966}.frame-comic .frame-ornament{stroke-width:3}.frame-holo{--frame-color: #92e1f1;background:linear-gradient(145deg,#285054,#4b3e67)}.frame-holo .frame-ornament>path:nth-child(2){stroke:#e9aaf3;stroke-width:3}.frame-holo .frame-ornament{animation:collection-breathe 4s ease-in-out infinite alternate-reverse}.frame-wings{--frame-color: #c6e6ff;background:#31496c}.frame-wings .frame-ornament{fill:#86b7de55;stroke-width:1.5}:is(.catalog-card,.cosmetic-picker button):not(:hover):not(:focus-visible) .frame-ornament{animation-play-state:paused}@keyframes collection-orbit{to{transform:rotate(360deg)}}@keyframes collection-breathe{0%{opacity:.65;transform:scale(.98)}to{opacity:1;transform:scale(1.03)}}.projectile-poop{font-size:36px}.projectile-poop:after{background:linear-gradient(90deg,transparent,#a2b34aaa);width:30px;height:10px}.impact-poop{--impact-color: #ac7a42}.impact-poop .impact-particle{width:9px;height:12px;border-radius:50% 50% 55% 15%;animation-duration:1.1s;box-shadow:inset 2px 2px #e3b56c80}.impact-poop .impact-particle:nth-child(3n){background:#c6a86b;width:5px;height:7px}.impact-poop .impact-ring{border-color:#c4d37299;border-width:3px}.impact-poop .impact-glyph{z-index:2;animation:poop-hit 2.25s both;font-size:48px}.poop-scene{position:absolute;inset:0}.poop-splat{position:absolute;inset:-18%;width:136%;height:136%;color:#825428;animation:poop-splat 2.2s both}.poop-drip{position:absolute;left:calc(12% + var(--n) * 13%);top:55%;width:6px;height:27px;background:#916032;border-radius:0 0 60% 60%;transform-origin:center top;animation:poop-drip 1.7s calc(.1s + var(--n) * 45ms) both}.poop-odor{position:absolute;left:calc(-12% + var(--n) * 31%);top:-28px;width:21px;height:75px;fill:none;stroke:#b6ce79;stroke-width:2.5;stroke-linecap:round;animation:poop-odor 1.65s calc(.16s + var(--n) * 90ms) both}.poop-fly{position:absolute;top:calc(12px + var(--n) * 22px);left:calc(-18px + var(--n) * 45px);width:7px;height:9px;border-radius:50%;background:#363d29;box-shadow:0 0 0 1px #f2e6c580;animation:poop-fly 1.7s calc(.22s + var(--n) * .1s) both}.poop-fly b{position:absolute;width:8px;height:5px;background:#edf7d6d9;border-radius:60%;top:-2px;left:-5px;transform:rotate(35deg)}.poop-fly b+b{left:4px;transform:rotate(-35deg)}.poop-sticker{position:absolute;top:88%;left:50%;white-space:nowrap;color:#fff5db;background:#5a4828;border:1px solid #d3c18d;padding:3px 7px;border-radius:3px;font:700 10px Noto Sans TC,sans-serif;letter-spacing:1px;animation:poop-sticker 1.9s .1s both}@keyframes poop-hit{0%{transform:translate(-50%,-60%) scale(1.5,.6);opacity:0}10%{transform:translate(-50%,-50%) scale(.8,1.15);opacity:1}22%,70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-25%) scale(.85);opacity:0}}@keyframes poop-splat{0%{transform:scale(.1) rotate(-20deg);opacity:0}8%{transform:scale(1.12,.9) rotate(4deg);opacity:.95}20%,72%{transform:scale(1);opacity:.85}to{transform:scale(.95) translateY(12px);opacity:0}}@keyframes poop-drip{0%{transform:scaleY(0);opacity:0}25%{opacity:.9}70%{transform:scaleY(1.3);opacity:.8}to{transform:translateY(24px) scaleY(.5);opacity:0}}@keyframes poop-odor{0%{transform:translateY(22px) scale(.7);opacity:0}30%{opacity:.8}to{transform:translateY(-38px) scale(1.15);opacity:0}}@keyframes poop-fly{0%{transform:translate(-10px,15px);opacity:0}20%{transform:translate(14px,-17px) rotate(30deg);opacity:1}45%{transform:translate(-14px,-26px) rotate(-35deg)}70%{transform:translate(11px) rotate(15deg);opacity:1}to{transform:translate(26px,-35px);opacity:0}}@keyframes poop-sticker{0%{transform:translate(-50%) rotate(-8deg) scale(.6);opacity:0}15%,70%{transform:translate(-50%,4px) rotate(-5deg) scale(1);opacity:1}to{transform:translate(-50%,15px);opacity:0}}:root[data-motion=off] :is(.frame-ornament,.poop-scene,.impact-poop .impact-glyph){animation:none!important}:root[data-motion=off] :is(.poop-scene,.impact-poop .impact-particle){display:none}@media(prefers-reduced-motion:reduce){.avatar .frame-ornament{animation:none!important}.poop-scene,.impact-poop .impact-particle{display:none}.impact-poop .impact-glyph{animation:none}}