:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f0df;background:#103c30;font-synthesis:none;font-weight:400;line-height:1.5;--cream:#f5f0df;--sage:#b6cabe;--gold:#edcc7a;--green:#103c30;--dark:#082a22;--line:#ffffff26;--red:#bd343e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100dvh;background:radial-gradient(ellipse at 50% 30%,#155441,#103c30 46%,#082a22);background-attachment:fixed}button,input{font:inherit}button{touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border-radius:9px;padding:12px 20px;min-height:46px;font-size:16px;font-weight:600;border:1px solid transparent;transition:background .15s,transform .15s}button:disabled:not(.playing-card){opacity:.48}button:not(:disabled):active{transform:translateY(1px)}.primary{color:var(--dark);background:linear-gradient(130deg,#f5dc9b,var(--gold));box-shadow:0 3px 12px #00000012}.primary:not(:disabled):hover{background:#f7dfa2}.outline{color:var(--cream);border-color:#d5e1cc80;background:transparent}.outline:not(:disabled):hover{background:#ffffff0c}.text-button{background:transparent;color:var(--cream);font-weight:400;text-decoration:underline;text-underline-offset:4px;padding:10px 8px;border:0}.muted{color:var(--sage)}.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h2{font:500 28px/1.2 Georgia,serif}h3{font-size:17px;margin-bottom:9px}p{margin-bottom:16px}.divider{color:#a6bbac;display:inline-block;margin:0 7px}.home{min-height:100dvh;display:grid;place-items:center;padding:32px 20px}.home-content{text-align:center;width:min(100%,410px)}.home h1{font:500 clamp(76px,10vw,116px)/1 Georgia,serif;letter-spacing:-5px;margin:0 0 8px}.suit-line{display:flex;align-items:center;justify-content:center;gap:10px;font-size:26px}.suit-line:before,.suit-line:after{content:"";height:1px;width:44px;background:var(--gold);margin:0 8px}.suit-line .red{color:#da535b}.home-subtitle{font:400 22px/1.4 Georgia,serif;margin:12px 0 0}.card-fan{height:210px;display:flex;align-items:center;justify-content:center;margin:30px 0 20px;pointer-events:none}.card-fan .playing-card{width:125px;height:178px;flex-basis:125px;transform:rotate(-12deg);box-shadow:0 14px 30px #0005}.card-fan .playing-card+.playing-card{transform:rotate(12deg);margin-left:-25px}.card-fan .pip{font-size:78px}.card-fan .corner{font-size:30px}.home-actions{display:grid;gap:12px;max-width:310px;margin:0 auto}.home-actions button{font:600 23px/1.4 Georgia,serif;min-height:57px}.rules-link{margin-top:25px;color:var(--sage)}.rules-link span{display:inline-block;margin-left:12px}.entry-form{text-align:left;margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.form-title h2{font-size:25px;margin:0}.entry-form label{display:block;font-size:14px;color:var(--sage);margin-bottom:18px}.entry-form input:not([type=radio]){display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #7d9c8980;border-radius:8px;background:#092e27;color:var(--cream);font-size:18px;min-height:49px}.entry-form input::placeholder{color:#8caa99}.entry-form .code-input{letter-spacing:5px;font-weight:600}.entry-form>.primary{width:100%;margin-top:6px}.entry-form fieldset{padding:0;border:0;margin:0}.entry-form legend{color:var(--sage);font-size:14px;margin-bottom:8px}.mode-options{display:grid;gap:8px}.mode-options label{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;margin:0;cursor:pointer}.mode-options label.chosen{border-color:var(--gold);background:#edcc7a0b}.mode-options input{accent-color:var(--gold);width:18px;height:18px}.mode-options b{display:block;color:var(--cream);font-size:17px}.mode-options small{font-size:13px}.app-header{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 max(20px,calc((100% - 1040px)/2));gap:16px}.wordmark{font:500 31px Georgia,serif;letter-spacing:-1px}.room-label{font-size:14px;color:var(--sage)}.room-label b{color:var(--cream);letter-spacing:2px;margin-left:4px}.game-layout{max-width:1000px;margin:auto;padding:0 24px 24px}.round-bar{display:flex;justify-content:space-between;color:var(--sage);font-size:14px;padding:17px 0}.round-bar>span:first-child{color:var(--cream);font-weight:500}.card-table{height:420px;position:relative;margin:0 auto;max-width:820px}.card-table:before{content:"";position:absolute;inset:20px 14%;border:1px solid #bbd9b715;border-radius:50%;background:#18513c55;box-shadow:inset 0 0 70px #082a2225}.seat{position:absolute;text-align:center;z-index:2;max-width:160px;width:150px;padding:10px 6px;border:1px solid transparent;border-radius:12px;font-size:13px}.seat.top{top:0;left:50%;transform:translate(-50%)}.seat.bottom{bottom:0;left:50%;transform:translate(-50%)}.seat.left{left:0;top:50%;transform:translateY(-50%)}.seat.right{right:0;top:50%;transform:translateY(-50%)}.seat-identity{display:flex;justify-content:center;align-items:center;gap:8px}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#44745d60;color:#eee8d6;border:1px solid #e4dcaf30;font:500 17px Georgia,serif;flex-shrink:0}.seat-name{font-size:15px;font-weight:600;line-height:1.2;overflow-wrap:anywhere;min-width:0}.seat-name small{font-size:11px;font-weight:400;color:var(--sage);display:block;margin-top:3px}.seat-stats{color:var(--sage);margin-top:6px;font-size:12px}.seat-stats strong{color:var(--cream);font-size:15px}.seat-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:10px;color:var(--sage);margin-top:3px;min-height:15px;text-transform:uppercase;letter-spacing:.6px}.dealer{color:var(--gold)}.current-turn{border-color:var(--gold);background:#123e31;box-shadow:0 0 0 3px #edcc7a0c}.disconnected{border-style:dashed;border-color:#a8ad8d66}.disconnect-label{color:#f0ba99;display:block}.gift-ready{color:var(--gold);display:block}.empty-seat .avatar{margin-bottom:6px;background:transparent;border-style:dashed;font-family:inherit}.empty-seat strong,.empty-seat>span{display:block}.empty-seat strong{font-size:14px;font-weight:500}.empty-seat>span{font-size:11px;color:var(--sage)}.table-center{position:absolute;inset:112px 165px;display:grid;place-items:center;text-align:center}.lobby-center{display:grid;justify-items:center}.lobby-center>.muted{font-size:12px;letter-spacing:1px;text-transform:uppercase}.room-code{font-size:35px;letter-spacing:6px;color:var(--gold);font-weight:500;line-height:1.5;margin:2px 0 7px}.compact{font-size:13px;padding:8px 12px;min-height:40px}.lobby-actions{text-align:center;display:grid;justify-items:center;gap:4px;padding:10px 0 18px}.lobby-actions p{margin-bottom:12px;font-size:14px}.lobby-actions .primary{min-width:270px}.lobby-actions .text-button{font-size:13px;color:var(--sage)}.gift-center h2{font-size:25px;margin:6px 0 9px}.gift-center p{font-size:14px;margin-bottom:9px}.gift-center .muted{font-size:12px}.mini-suits{font-size:25px;letter-spacing:6px;color:#d6d9be}.mini-suits span{color:#e06c6e}.table-watermark{font:italic 64px Georgia,serif;color:#eee4b826}.center-empty p{font-size:13px;color:var(--sage);margin:0}.trick-cards{position:relative;width:235px;height:220px}.trick-card{position:absolute;z-index:1}.trick-card.top{top:0;left:calc(50% - 31px)}.trick-card.bottom{bottom:0;left:calc(50% - 31px)}.trick-card.left{left:0;top:calc(50% - 47px)}.trick-card.right{right:0;top:calc(50% - 47px)}.trick-card>span{display:block;font-size:10px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sage);margin-top:2px}.playing-card{position:relative;display:block;width:76px;min-width:0;height:108px;flex:0 0 76px;background:#fcfcf8;border:1px solid #e8e9df;border-radius:7px;box-shadow:0 3px 5px #0003;color:#16241e;padding:0;font-family:Georgia,Times New Roman,serif;-webkit-user-select:none;user-select:none;text-align:left;transition:transform .12s,box-shadow .12s,opacity .12s;overflow:hidden}.playing-card.red{color:#b42b38}.corner{position:absolute;top:5px;left:7px;display:flex;flex-direction:column;align-items:center;font-size:23px;line-height:1}.corner b{font-weight:600;letter-spacing:-1px}.corner>span{font-size:.85em;margin-top:1px}.corner.reverse{inset:auto 6px 5px auto;transform:rotate(180deg)}.pip{position:absolute;inset:0;display:grid;place-items:center;font-size:43px;padding-top:3px}.playing-card.small{width:62px;height:87px}.playing-card.small .corner{font-size:20px;left:5px}.playing-card.small .reverse{display:none}.playing-card.small .pip{font-size:36px;left:8px;top:7px}.special-card{border-bottom:3px solid #c6a75b}.hand-section{max-width:860px;margin:8px auto 0}.turn-banner{text-align:center;font-weight:500;font-size:15px;min-height:31px;color:var(--cream);width:fit-content;margin:0 auto 12px;padding:3px 20px;border:1px solid transparent;border-radius:24px}.turn-banner.active{color:var(--gold);border-color:var(--gold)}.hand-caption{display:flex;justify-content:space-between;font-size:12px;color:var(--sage);padding:0 8px}.hand-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:20px 6px 10px;scrollbar-width:thin;scrollbar-color:#779382 #0c3126}.hand{display:flex;width:max-content;min-width:100%;justify-content:center;padding:0 5px}.hand .playing-card+.playing-card{margin-left:-13px}.hand .playing-card:not(:disabled):hover{box-shadow:0 0 0 2px var(--gold)}.hand .playing-card.selected{transform:translateY(-13px);box-shadow:0 0 0 3px var(--gold),0 5px 12px #0005;z-index:2}.hand .playing-card.selected:active{transform:translateY(-13px)}.playing-card.dimmed{opacity:.38}.playing-card.conflict{box-shadow:0 0 0 3px #f57878}.playing-card.received{border-top:3px solid var(--gold)}.hand-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 8px 0}.hand-actions .primary{min-width:170px;flex-shrink:0}.validation{font-size:13px;color:var(--sage);margin:0;max-width:480px;min-height:20px}.validation.error-text{color:#ffc3b6}.received-note{font-size:12px;color:var(--sage);text-align:center;margin:14px 0 0}.table-footer{max-width:860px;margin:24px auto 0;border-top:1px solid var(--line);padding-top:5px}.table-footer details{font-size:13px;border-bottom:1px solid #ffffff10}.table-footer summary{cursor:pointer;min-height:44px;padding:12px 4px;color:var(--sage)}.table-footer details>p{color:var(--sage);padding:0 8px}.activity-log{padding:0 12px 5px 30px;margin:0;max-height:210px;overflow:auto;color:var(--sage);font-size:13px}.activity-log li{padding:4px}.round-summary{max-width:720px;margin:35px auto;padding:32px 0;text-align:center}.round-summary h2{font-size:34px}.round-summary>p{color:var(--sage)}.round-summary>.primary{margin:10px auto 12px;min-width:240px}.score-scroll{overflow-x:auto;margin:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.score-table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}.score-table caption{font-size:12px;padding:10px;color:var(--sage);text-align:left}.score-table th,.score-table td{padding:14px 10px;border-bottom:1px solid #ffffff0f;white-space:nowrap}.score-table thead{font-size:12px;color:var(--sage)}.score-table th:first-child{text-align:left;white-space:normal;overflow-wrap:anywhere;max-width:180px}.score-table tbody th{font-weight:500}.your-row{background:#edcc7a0a}.transfer-actions{margin-top:28px}.button-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0}.waiting{padding:20px;color:var(--gold)}.connection-banner,.error-banner{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 16px;text-align:center;font-size:14px;background:#735726;color:#fff4d4}.error-banner{background:#703d34;color:#ffeddd}.connection-banner .text-button,.error-banner .text-button{font-size:13px;white-space:nowrap}.rules-dialog{border:1px solid #70927e;border-radius:16px;background:#103c30;color:var(--cream);padding:28px;max-width:580px;width:calc(100% - 32px);max-height:85dvh;box-shadow:0 20px 80px #0008;line-height:1.65}.rules-dialog::backdrop{background:#021e19bd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.dialog-header h2{margin:0}.dialog-header button{font-size:13px}.rules-dialog h3{color:var(--gold);margin-top:25px}.rules-dialog p{font-size:14px}.point-guide{display:flex;justify-content:space-between;gap:10px;border-block:1px solid var(--line);padding:14px 0;margin-bottom:16px}.point-guide span{font-size:18px}.point-guide b{color:var(--gold);margin-left:9px}@media(min-width:800px){.lobby-table{height:450px}.hand-section{margin-top:24px}.card-table:before{inset:22px 8%}.card-fan{margin-top:35px;margin-bottom:28px}.home-actions{max-width:330px}}@media(max-width:600px){.home{padding:25px 22px}.home h1{font-size:82px}.home-subtitle{font-size:21px}.card-fan{height:185px;margin:27px 0 22px}.card-fan .playing-card{width:111px;height:158px;flex-basis:111px}.home-actions button{font-size:22px;min-height:53px}.app-header{height:59px;padding:0 16px;gap:8px}.wordmark{font-size:28px}.room-label{font-size:12px}.room-label b{letter-spacing:1px}.app-header .text-button{font-size:14px}.game-layout{padding:0 12px 20px}.round-bar{font-size:12px;padding:13px 3px}.card-table{height:363px}.card-table:before{inset:25px 12%;border-radius:45%}.seat{max-width:95px;width:95px;padding:7px 3px;font-size:12px}.seat-identity{gap:0;flex-direction:column}.avatar{display:none}.empty-seat .avatar{display:inline-grid}.seat-name{font-size:13px;line-height:1.2}.seat-name small{font-size:10px;margin-top:3px}.seat-stats{font-size:10px;margin-top:5px}.seat-stats strong{font-size:13px}.seat-stats .divider{margin:0 3px}.seat-tags{font-size:9px;letter-spacing:.3px;gap:3px}.seat.left{left:0}.seat.right{right:0}.seat.top{top:2px;max-width:140px;width:140px}.seat.bottom{bottom:0;max-width:140px;width:140px}.disconnect-label,.gift-ready{font-size:10px}.table-center{inset:81px 89px}.trick-cards{width:181px;height:190px}.trick-card.left{left:0}.trick-card.right{right:0}.trick-card.top,.trick-card.bottom{left:calc(50% - 27px)}.playing-card.small{width:54px;height:77px}.playing-card.small .corner{font-size:18px}.playing-card.small .pip{font-size:30px}.trick-card>span{font-size:9px;max-width:54px}.trick-card.left,.trick-card.right{top:calc(50% - 38px)}.room-code{font-size:25px;letter-spacing:3px}.compact{font-size:11px;padding:7px 9px}.gift-center{min-width:170px}.gift-center h2{font-size:21px}.gift-center p{font-size:12px}.gift-center .muted{font-size:11px}.mini-suits{font-size:23px;letter-spacing:4px}.center-empty{min-width:160px}.center-empty p{font-size:11px}.hand-section{margin-top:5px}.turn-banner{font-size:13px;margin-bottom:8px;min-height:28px;padding:3px 16px}.hand-scroll{margin:0 -12px;padding:20px 12px 10px}.hand{justify-content:flex-start;padding:0 5px}.hand .playing-card{width:69px;flex-basis:69px;height:101px}.hand .playing-card+.playing-card{margin-left:-13px}.hand-actions{padding:10px 3px 0;gap:12px;align-items:center}.hand-actions .primary{min-width:132px;padding:11px 12px;font-size:14px}.validation{font-size:11px;line-height:1.5}.received-note{font-size:11px;margin-top:12px}.hand-caption{font-size:11px;padding:0 3px}.table-footer{margin-top:20px}.lobby-actions .primary{width:min(100%,300px);font-size:15px}.lobby-actions p{font-size:12px}.round-summary{margin:15px auto;padding:22px 2px}.round-summary h2{font-size:28px}.round-summary>p{font-size:13px}.score-table{font-size:12px}.score-table th,.score-table td{padding:12px 5px}.score-table thead{font-size:11px}.score-table th:first-child{max-width:95px}.score-scroll{margin:20px -3px}.rules-dialog{padding:20px}.dialog-header h2{font-size:26px}.connection-banner,.error-banner{font-size:12px}}@media(max-width:360px){.table-center{inset:85px 75px}.seat.left,.seat.right{max-width:78px}.trick-cards{width:156px}.playing-card.small{width:49px;height:71px}.trick-card.top,.trick-card.bottom{left:calc(50% - 24px)}.gift-center{min-width:150px}.gift-center h2{font-size:18px}.hand-actions{gap:8px}.room-label{font-size:11px}.home h1{font-size:72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.playing-card.dimmed{opacity:1;background:#83988b;border-color:#789082;color:#3b5148;box-shadow:0 2px 4px #0002}.playing-card.dimmed.red{color:#78545a}.seat .bot-control{font-size:12px;min-height:44px;padding:8px 10px;margin-top:5px;white-space:nowrap}.seat .bot-tag{color:var(--sage);border:1px solid var(--line);border-radius:3px;padding:0 3px}.departed-player{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--sage)}@media(max-width:600px){.seat .bot-control{font-size:11px;padding:7px 8px}.lobby-table .empty-seat .avatar{display:none}}@media(max-width:600px),(max-width:1000px)and (pointer:coarse){.game-layout{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}.hand-scroll{overflow:visible;margin:0;padding:28px 0 6px}.hand{--hand-card-width:clamp(52px,16vw,64px);--hand-card-height:calc(var(--hand-card-width) * 1.48);position:relative;display:block;min-width:0;width:min(100%,calc(var(--hand-count) * var(--hand-card-width)));height:var(--hand-card-height);margin:0 auto;padding:0;isolation:isolate}.hand .playing-card{position:absolute;top:0;left:calc(var(--hand-index) * (100% - var(--hand-card-width)) / max(1,var(--hand-count) - 1));width:var(--hand-card-width);height:var(--hand-card-height);margin:0;border-radius:5px;z-index:var(--hand-index);transition:left .16s ease,transform .12s ease,box-shadow .12s ease}.hand .playing-card+.playing-card{margin-left:0}.hand .corner{left:1px;top:5px;font:20px/1 Arial,sans-serif}.hand .corner b{letter-spacing:-1px}.hand .corner .rank-ten{letter-spacing:-2.5px}.hand .corner>span{font-size:17px;margin-top:2px}.hand .corner.reverse{display:none}.hand .pip{font-size:32px;opacity:.18;place-items:end;padding:0 4px 4px 0}.hand .playing-card.only-legal{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold);transform:translateY(-8px)}.hand .playing-card.selected,.hand .playing-card.selected:active{z-index:var(--hand-index);transform:translateY(-24px);box-shadow:0 0 0 2px var(--gold),0 5px 12px #0005}.hand .playing-card.conflict{box-shadow:0 0 0 2px #f57878}.card-table:not(.lobby-table){height:clamp(280px,calc(100svh - 340px),330px)}.card-table:not(.lobby-table) .table-center{inset:80px clamp(75px,17vw,145px) 76px}.card-table:not(.lobby-table) .seat{padding-top:3px;padding-bottom:3px}.card-table:not(.lobby-table) .avatar{display:none}.trick-cards{width:146px;height:118px}.trick-card.top,.trick-card.bottom{left:calc(50% - 24px)}.trick-card.left,.trick-card.right{top:calc(50% - 34px)}.trick-card .playing-card.small{width:48px;height:68px}}