:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#173b38;background:#f5efe2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5efe2}form{display:flex;flex-direction:column;gap:.75rem;max-width:320px}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,440px);align-items:center;justify-content:center;gap:clamp(3rem,9vw,9rem);padding:clamp(2rem,6vw,6rem);background-color:#f5efe2;background-image:radial-gradient(#d8cdb6 .8px,transparent .8px);background-size:18px 18px}.login-intro{max-width:420px;padding:1rem 0}.brand-mark{width:54px;height:54px;display:grid;place-items:center;margin-bottom:2.5rem;color:#f8f2e7;background:#16736b;border:5px solid #e2b866;box-shadow:8px 8px #d8cdb6;transform:rotate(-7deg);font-family:Georgia,serif;font-size:1.6rem}.eyebrow{margin:0 0 .7rem;color:#b15c43;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.login-intro h1{margin:0;color:#173b38;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,9vw,7.5rem);font-weight:400;letter-spacing:-.04em;line-height:.9}.intro-copy{max-width:290px;margin:1.5rem 0 0;color:#56706a;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1.45}.tile-row{display:flex;gap:.55rem;margin-top:3rem}.tile-row span{width:42px;height:52px;display:grid;place-items:center;color:#b15c43;background:#fffaf0;border:1px solid #d8cdb6;border-radius:4px;box-shadow:3px 3px #d8cdb6;font-family:Georgia,serif;font-size:1.3rem}.tile-row span:nth-child(2){color:#16736b;transform:translateY(-8px) rotate(4deg)}.login-card{width:100%;padding:clamp(1.6rem,4vw,2.7rem);background:#fffaf0f0;border:1px solid #ded3bf;border-top:5px solid #16736b;box-shadow:14px 14px #d8cdb6b3}.login-card-heading h2{margin:0;color:#173b38;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400}.login-card-heading>p:last-child{margin:.65rem 0 2rem;color:#71817a;font-size:.92rem;line-height:1.5}.login-card form{max-width:none;gap:1.1rem}.login-card label{color:#385852;font-size:.78rem;font-weight:800;letter-spacing:.04em}.login-card input{width:100%;margin-top:.45rem;padding:.85rem .95rem;color:#173b38;background:#fffdf8;border:1px solid #cfc4af;border-radius:3px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-card input::placeholder{color:#a7a094}.login-card input:focus{border-color:#16736b;box-shadow:0 0 0 3px #16736b24}.login-error{margin:-.25rem 0 0;padding:.7rem .8rem;color:#8d3f31;background:#fae8df;border-left:3px solid #b15c43;font-size:.85rem}.primary-action{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;padding:.9rem 1rem;color:#fffaf0;background:#16736b;border:0;border-radius:3px;font-weight:800;transition:background .15s ease,transform .15s ease}.primary-action:hover{background:#105c56;transform:translateY(-2px)}.primary-action span:last-child{font-size:1.25rem}.guest-action{width:100%;margin-top:.75rem;padding:.85rem 1rem;color:#16736b;background:#fffdf8;border:1px solid #16736b;border-radius:3px;font-weight:800;transition:background .15s ease,transform .15s ease}.guest-action:hover{background:#edf7f3;transform:translateY(-2px)}.login-switch{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;color:#71817a;font-size:.82rem}.login-switch button{padding:0;color:#b15c43;background:transparent;border:0;font-weight:800}.login-switch button:hover{color:#8d3f31;text-decoration:underline}@media (max-width: 760px){.login-page{grid-template-columns:1fr;gap:2rem;padding:2rem 1.25rem 3rem}.login-intro{max-width:440px;margin:0 auto;text-align:center}.brand-mark{margin:0 auto 1.6rem}.login-intro h1{font-size:clamp(4rem,20vw,6rem)}.intro-copy{margin-right:auto;margin-left:auto}.tile-row{justify-content:center;margin-top:1.5rem}.login-card{max-width:440px;margin:0 auto;box-shadow:8px 8px #d8cdb6b3}}label{display:flex;flex-direction:column;gap:.25rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.table-card{border:1px solid #ccc;border-radius:8px;padding:1rem}.seat-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.seat-list .add-bot-button{margin-top:.25rem;font-size:.8rem;opacity:.85}[role=alert]{color:#b00020}.reconnecting-banner{color:#b00020;font-weight:600}.turn-countdown{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.turn-countdown-track{width:160px;height:8px;background:#eee;border-radius:4px;overflow:hidden}.turn-countdown-fill{height:100%;background:#2e7d32;transition:width .2s linear}.call-prompt{position:fixed;left:50%;bottom:1.5rem;z-index:20;width:min(320px,calc(100% - 2rem));border:2px solid #f57c00;border-radius:8px;padding:.75rem;background:#fffdf8;box-shadow:0 8px 24px #173b383d;transform:translate(-50%)}.call-prompt-actions{display:flex;gap:.5rem;flex-wrap:wrap}.call-discarded-tile{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;color:#71817a;font-size:.75rem;font-weight:800}.call-countdown{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;color:#8d3f31;font-weight:800}.call-countdown-track{flex:1;height:8px;background:#f2d8c8;border-radius:4px;overflow:hidden}.call-countdown-fill{height:100%;background:#b15c43;transition:width .2s linear}.settlement-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#173b38a6;padding:1rem}.settlement-modal{position:relative;width:min(420px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;background:#fffdf8;border-radius:12px;border:2px solid #e2b866;padding:1.5rem;box-shadow:0 16px 40px #173b3859}.settlement-modal-winner{border-color:#f5c518;animation:settlement-glow 1.6s ease-in-out infinite}.settlement-celebration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.settlement-celebration span{position:absolute;top:-1rem;left:calc((var(--piece, 0) + 1) * 7.7%);width:8px;height:16px;background:#f5c518;animation:settlement-confetti 2.4s linear infinite;animation-delay:calc(var(--piece, 0) * -.17s)}.settlement-celebration span:nth-child(3n+1){background:#16736b;transform:rotate(24deg)}.settlement-celebration span:nth-child(3n+2){background:#b15c43;transform:rotate(-18deg)}.settlement-celebration span:nth-child(1){--piece: 0}.settlement-celebration span:nth-child(2){--piece: 1}.settlement-celebration span:nth-child(3){--piece: 2}.settlement-celebration span:nth-child(4){--piece: 3}.settlement-celebration span:nth-child(5){--piece: 4}.settlement-celebration span:nth-child(6){--piece: 5}.settlement-celebration span:nth-child(7){--piece: 6}.settlement-celebration span:nth-child(8){--piece: 7}.settlement-celebration span:nth-child(9){--piece: 8}.settlement-celebration span:nth-child(10){--piece: 9}.settlement-celebration span:nth-child(11){--piece: 10}.settlement-celebration span:nth-child(12){--piece: 11}@keyframes settlement-confetti{0%{translate:0 -1rem;opacity:0}10%{opacity:1}to{translate:18px 440px;rotate:360deg;opacity:0}}@keyframes settlement-glow{0%,to{box-shadow:0 16px 40px #173b3859}50%{box-shadow:0 16px 48px #f5c518a6}}.settlement-announcement{text-align:center;margin-bottom:1.25rem}.settlement-trophy{display:inline-block;font-size:2.5rem;animation:settlement-bounce 1s ease-in-out infinite}@keyframes settlement-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.settlement-announcement-you h2{color:#b15c43}.settlement-score{color:#5c5142;font-weight:600}.settlement-patterns{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.65rem 0 0;padding:0;list-style:none}.settlement-patterns li{padding:.25rem .45rem;color:#155d57;background:#e1f0e9;border:1px solid #91bdb1;border-radius:2px;font-size:.72rem;font-weight:800}.settlement-ranking{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.settlement-ranking th,.settlement-ranking td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid #e6dcc6}.settlement-row-you{background:#fdf3df;font-weight:700}.settlement-delta-positive{color:#2e7d32;font-weight:700}.settlement-delta-negative{color:#b3261e;font-weight:700}.room-page{width:min(1180px,calc(100% - 3rem));min-height:100vh;margin:0 auto;padding:2rem 0 4rem}.room-leaderboard{margin:0 0 1.5rem;padding:0 0 1rem;border-block:1px solid #d8cdb6;border-top:0}.room-leaderboard ol{display:grid;grid-template-columns:1fr;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none}.room-leaderboard li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;padding:.5rem 0;border-bottom:1px solid #e6dcc6}.room-leaderboard li>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-rank{color:#8d3f31;font-weight:800}.leaderboard-you{color:#16736b}.room-banner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 1.5rem;color:#f8f2e7;background:#173b38;border-bottom:4px solid #e2b866}.room-banner h1,.section-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.room-banner h1{font-size:2rem}.room-kicker,.room-account-label{margin:0 0 .3rem;color:#d9b970;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.room-account{display:flex;align-items:center;gap:1.4rem}.room-account>div{display:flex;flex-direction:column;gap:.15rem}.room-account strong{font-size:.92rem}.room-balance strong{color:#f0ca78}.logout-button{padding:.55rem .8rem;color:#f8f2e7;background:transparent;border:1px solid rgba(248,242,231,.55);border-radius:3px;font-size:.8rem;font-weight:800}.logout-button:hover{color:#173b38;background:#f8f2e7}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0 1.25rem}.room-toolbar>p{margin:0;color:#71817a}.info-board-toggle{width:2.25rem;height:2.25rem;display:grid;flex:0 0 auto;place-items:center;padding:0;color:#173b38;background:#fffaf0;border:1px solid #b9aa8e;border-radius:50%;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;line-height:1}.info-board-toggle:hover,.info-board-toggle[aria-expanded=true]{color:#fffaf0;background:#16736b;border-color:#16736b}.info-board-toggle:focus-visible{outline:3px solid rgba(226,184,102,.7);outline-offset:2px}.tutorial-ribbon{width:fit-content;display:flex;align-items:center;gap:.55rem;margin-left:auto;padding:.65rem 1.1rem .65rem .85rem;color:#173b38;background:#e2b866;box-shadow:4px 4px #c99c4d;font-weight:800;text-decoration:none;transform:translateY(-2px)}.tutorial-ribbon small{padding-left:.55rem;border-left:1px solid rgba(23,59,56,.35);font-size:.68rem;font-weight:700}.tutorial-page{width:min(1120px,calc(100% - 3rem));margin:0 auto;padding:2rem 0 5rem}.tutorial-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);color:#f8f2e7;background:#173b38;border-bottom:5px solid #e2b866}.tutorial-hero h1{max-width:720px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,6vw,4.8rem);font-weight:400;line-height:1}.tutorial-hero p:last-child{max-width:650px;margin:1rem 0 0;color:#d7e1dc}.tutorial-hero a{flex:0 0 auto;color:#f0ca78;font-weight:800}.tutorial-jump-links{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem 0 2rem}.tutorial-jump-links a{padding:.55rem .75rem;color:#155d57;background:#e1f0e9;border:1px solid #91bdb1;font-weight:800;text-decoration:none}.tutorial-section{padding:2rem 0;border-bottom:1px solid #d8cdb6;scroll-margin-top:1rem}.tutorial-section h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:400}.tutorial-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1.25rem}.tutorial-cards article{display:grid;gap:.45rem;padding:1rem;background:#fffaf0;border:1px solid #ded3bf;border-top:3px solid #16736b}.tutorial-cards span,.tutorial-scoring-guide>p:last-child{color:#56706a;font-size:.86rem;line-height:1.5}.tutorial-scoring-guide ol{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;counter-reset:scoring-step;list-style:none}.tutorial-scoring-guide li{padding:1rem;background:#e8f1e9;counter-increment:scoring-step}.tutorial-scoring-guide li:before{content:counter(scoring-step,decimal-leading-zero);display:block;margin-bottom:.6rem;color:#b15c43;font-weight:800}.tutorial-pattern-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.tutorial-pattern-heading>span{padding:.45rem .7rem;color:#f8f2e7;background:#16736b;font-weight:800}.fan-group{padding-top:2rem}.fan-group h3{margin:0 0 .8rem;color:#b15c43;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.pattern-card{min-width:0;display:flex;flex-direction:column;gap:.65rem;padding:1rem;background:#fffaf0e0;border:1px solid #ded3bf;border-top:3px solid #16736b}.pattern-card header{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:baseline;gap:.65rem}.pattern-number{color:#b15c43;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.pattern-grid h4{margin:0;color:#173b38;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:400}.pattern-card header strong{padding:.25rem .45rem;color:#173b38;background:#f0ca78;border-radius:2px;font-size:.68rem;white-space:nowrap}.pattern-grid p{min-height:2.3em;margin:0;color:#71817a;font-size:.78rem;line-height:1.45}.pattern-example{min-height:52px;display:flex;align-items:flex-end;gap:3px;overflow-x:auto;padding:.45rem .45rem .55rem;background:#e8f1e9;border:1px solid #c5d7cb}.pattern-example .tutorial-tile{width:30px;height:43px;flex:0 0 30px;padding:.2rem;border-radius:3px;box-shadow:1px 2px #b7aa92}.pattern-example .tutorial-tile .tile-character-mark{font-size:.82rem}.pattern-example .tutorial-tile .tile-character-mark small{font-size:.36rem}.pattern-example .tutorial-tile .tile-honor-mark{font-size:1rem}.pattern-example .tutorial-tile .tile-flower-mark{color:#b15c43}.pattern-card>small{color:#56706a;font-size:.69rem;line-height:1.4}.mcr-tutorial{margin:0 0 2rem;padding:clamp(1rem,2.5vw,1.5rem);background:#fffaf0;border:1px solid #ded3bf;border-top:4px solid #e2b866;box-shadow:6px 6px #d8cdb68c}.mcr-tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mcr-tutorial-heading .room-kicker{color:#b15c43}.mcr-tutorial-heading h2{margin:0;color:#173b38;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.mcr-tutorial-heading>div>p:last-child{margin:.35rem 0 0;color:#71817a}.mcr-tutorial-stamp{width:58px;height:58px;flex:0 0 auto;display:grid;place-content:center;color:#f8f2e7;background:#16736b;border:3px double #e2b866;border-radius:50%;font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-weight:800;line-height:1.05;text-align:center}.mcr-turn-rule{margin:0 0 1rem;padding:.7rem .85rem;color:#38534f;background:#e8f1e9;border-left:3px solid #16736b;font-size:.84rem;line-height:1.5}.mcr-tutorial-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:tutorial}.mcr-tutorial-step{min-width:0;padding:.9rem;background:#f7f1e6;border:1px solid #e0d5c2;counter-increment:tutorial}.mcr-step-number{width:2rem;height:2rem;display:grid;place-items:center;color:#fffaf0;background:#16736b;border-radius:50%;font-size:.75rem;font-weight:800}.mcr-tutorial-step h3{margin:.65rem 0 .35rem;color:#173b38;font-family:Georgia,Times New Roman,serif;font-size:1.13rem;font-weight:400}.mcr-tutorial-step p{margin:0;color:#56706a;font-size:.8rem;line-height:1.5}.mcr-tile-examples,.mcr-shape-example{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}.mcr-tile-examples span{padding:.35rem .45rem;color:#173b38;background:#fffdf8;border:1px solid #c9bda7;border-bottom:3px solid #c9bda7;border-radius:3px;font-size:.66rem;font-weight:800}.mcr-shape-example span{min-width:2.1rem;display:grid;place-items:center;padding:.32rem;color:#155d57;background:#e1f0e9;border:1px solid #91bdb1;border-radius:3px;font-size:.68rem;font-weight:800}.mcr-tutorial-step>small{display:block;margin-top:.45rem;color:#71817a;font-size:.68rem;line-height:1.4}.mcr-fan-example{display:flex;align-items:center;justify-content:space-between;gap:.2rem;margin-top:.8rem}.mcr-fan-example>span{min-width:0;display:grid;justify-items:center;gap:.12rem;padding:.4rem;color:#173b38;background:#fffdf8;border:1px solid #ded3bf;border-radius:3px}.mcr-fan-example>span strong{color:#16736b;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.mcr-fan-example>span small{color:#56706a;font-size:.57rem;text-align:center;white-space:nowrap}.mcr-fan-example>b{color:#b15c43;font-size:.9rem}.mcr-fan-example .mcr-fan-total{background:#fff0c8;border-color:#e2b866}.mcr-tutorial-step-win{background:#e8f1e9;border-color:#a9c5b6}.mcr-tutorial-step-win .mcr-step-number{color:#173b38;background:#f0ca78}.mcr-eight-badge{display:inline-block;margin-top:.8rem;padding:.45rem .55rem;color:#173b38;background:#f0ca78;border-radius:3px;font-size:.72rem;font-weight:800}.mcr-tutorial-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:.85rem;padding-top:.8rem;border-top:1px solid #ded3bf}.mcr-tutorial-footer p{margin:0;color:#71817a;font-size:.72rem;line-height:1.5}.mcr-tutorial-footer a{color:#155d57;font-size:.78rem;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.room-toolbar .rules-reference-panel{margin-left:auto}.room-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:2rem;align-items:start}.section-heading{margin-bottom:1rem}.section-heading h2{color:#173b38;font-size:1.8rem}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.table-card{min-width:0;padding:1.1rem;background:#fffaf0c2;border:1px solid #ded3bf;border-top:3px solid #16736b;border-radius:3px;box-shadow:5px 5px #d8cdb68c}.table-card h2{margin:0;color:#173b38;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:400}.table-card>p{margin:.35rem 0 1rem;color:#71817a;font-size:.82rem}.table-card>button{margin-bottom:.8rem;padding:.45rem .65rem;color:#8d3f31;background:#fae8df;border:1px solid #dfaa96;border-radius:3px;font-size:.78rem;font-weight:800}.table-card>.setup-hands-button{margin-right:.5rem;color:#155d57;background:#e1f0e9;border-color:#91bdb1}.room-chat-area{min-width:0}.room-chat-area .chat-panel{height:390px;display:flex;flex-direction:column;padding:1rem;background:#fffaf0e6;border:1px solid #ded3bf;border-top:3px solid #b15c43}.room-chat-area .chat-messages{flex:1;min-height:0;overflow-y:auto;margin:0 0 1rem;padding:0 .2rem}.room-chat-area .chat-panel form{max-width:none;display:grid;grid-template-columns:1fr auto;gap:.5rem}.room-chat-area .chat-panel label{grid-column:1 / -1;color:#71817a;font-size:.75rem}.room-chat-area .chat-panel input{min-width:0;padding:.65rem;border:1px solid #cfc4af}.room-chat-area .chat-panel button{padding:.65rem .8rem;color:#fffaf0;background:#16736b;border:0;border-radius:3px;font-weight:800}@media (max-width: 820px){.room-page{width:min(100% - 2rem,600px)}.room-banner,.room-toolbar{align-items:flex-start;flex-direction:column}.room-account{width:100%;justify-content:space-between}.room-content{grid-template-columns:1fr}.mcr-tutorial-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.mcr-tutorial-footer{grid-template-columns:1fr}.tutorial-hero{align-items:flex-start;flex-direction:column}.tutorial-cards,.tutorial-scoring-guide ol{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.room-page{width:calc(100% - 1.25rem);padding-top:.75rem}.room-banner{padding:1rem}.room-account{align-items:flex-start;flex-wrap:wrap;gap:.8rem 1rem}.room-grid,.mcr-tutorial-flow{grid-template-columns:1fr}.tutorial-page{width:calc(100% - 1.25rem);padding-top:.75rem}.tutorial-cards,.tutorial-scoring-guide ol,.pattern-grid{grid-template-columns:1fr}.tutorial-ribbon small{display:none}}.hand-setup-page{width:min(1100px,calc(100% - 3rem));min-height:100vh;margin:0 auto;padding:2rem 0 5rem}.hand-setup-banner,.hand-setup-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;color:#f8f2e7;background:#173b38;border-bottom:4px solid #e2b866}.hand-setup-banner h1,.hand-setup-banner p{margin:0}.hand-setup-banner button,.hand-setup-actions button{padding:.65rem .9rem;color:#173b38;background:#f4d58d;border:1px solid #d8ab4d;border-radius:3px;font-weight:800}.hand-setup-message{padding:.75rem 1rem;background:#fff4cf;border-left:4px solid #c58a21}.seat-hand-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0 1rem;border-bottom:2px solid #16736b}.seat-hand-tabs button{display:flex;justify-content:space-between;padding:.8rem 1rem;color:#38534f;background:#e8e3d8;border:0;border-right:1px solid #cfc4af}.seat-hand-tabs button.active{color:#fffaf0;background:#16736b}.configured-hand,.tile-palette{padding:1.25rem;background:#fffaf0d1;border:1px solid #d7cbb5}.hand-setup-heading{display:flex;align-items:center;justify-content:space-between}.hand-setup-heading h2,.tile-palette h2,.tile-suit-row h3{margin:0;color:#173b38}.hand-setup-heading button{color:#8d3f31;background:transparent;border:0;font-weight:800}.configured-tiles{display:grid;grid-template-columns:repeat(13,minmax(42px,1fr));gap:.35rem;margin-top:1rem;overflow-x:auto}.configured-tiles button,.empty-tile-slot{min-width:42px;height:62px;border-radius:3px}.configured-tiles button{padding:.2rem;color:#173b38;background:#fffdf7;border:1px solid #b9ad97;font-weight:800}.empty-tile-slot{display:block;background:#eee8dc;border:1px dashed #c8bca7}.tile-palette{margin-top:1rem}.tile-suit-row{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:center;margin-top:.8rem}.tile-suit-row h3{font-size:.9rem}.tile-suit-row>div{display:flex;flex-wrap:wrap;gap:.4rem}.tile-suit-row button{width:58px;height:52px;display:grid;place-items:center;padding:.25rem;color:#173b38;background:#fffdf7;border:1px solid #b9ad97;border-radius:3px}.tile-suit-row button span{color:#71817a;font-size:.68rem}.tile-suit-row button:disabled{opacity:.35}.hand-setup-actions{margin-top:1rem;padding:1rem 1.25rem}.hand-setup-actions button:disabled{opacity:.45}@media (max-width: 640px){.hand-setup-page{width:calc(100% - 1.25rem);padding-top:.75rem}.hand-setup-banner,.hand-setup-actions{align-items:flex-start;flex-direction:column}.seat-hand-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-suit-row{grid-template-columns:1fr}}.table-page{width:min(1180px,calc(100% - 3rem));min-height:100vh;margin:0 auto;padding:2rem 0 4rem}.table-banner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 1.5rem;color:#f8f2e7;background:#173b38;border-bottom:4px solid #e2b866}.table-banner h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400}.table-account{display:flex;align-items:center;gap:1.5rem;color:#dfe9df;font-size:.85rem}.table-account strong{color:#fffaf0}.table-account .table-balance strong{color:#f0ca78}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0 1.25rem}.table-toolbar>p{margin:0;color:#71817a}.table-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:2rem;align-items:start}.game-area{min-width:0;padding:clamp(1rem,3vw,1.75rem);background:#fffaf0c2;border:1px solid #ded3bf;border-top:3px solid #16736b;box-shadow:6px 6px #d8cdb68c}.game-area h2{color:#173b38;font-family:Georgia,Times New Roman,serif;font-weight:400}.hand{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0 1rem}.tile-button{width:58px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.3rem .25rem .35rem;color:#173b38;background:linear-gradient(145deg,#fffdf8,#eee5d3);border:1px solid #c9bda7;border-radius:4px;box-shadow:2px 3px #c9bda7;cursor:grab;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.tile-face{width:58px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.45rem .35rem;color:#173b38;background:linear-gradient(135deg,#fffef9,#f5eddd 72%,#e8dcc7);border:1px solid #c9bda7;border-radius:5px;box-shadow:inset -2px -2px #aa947033,2px 3px #c9bda7}.tile-button .tile-face{width:100%;height:100%;padding:0;background:transparent;border:0;box-shadow:none}.tile-button:hover:not(:disabled),.tile-button.tile-selected{border-color:#16736b;box-shadow:2px 5px #16736b;transform:translateY(-3px)}.tile-button:disabled{cursor:default}.tile-button.tile-dimmed{filter:grayscale(1);opacity:.46}.tile-button.tile-drawn{border-color:#e2b866;box-shadow:2px 5px #e2b866;transform:translateY(-3px)}.tile-button.tile-dragging{cursor:grabbing;opacity:.62;transform:translateY(-6px) rotate(-1deg)}.tile-character-mark{display:flex;width:100%;height:100%;flex:1;flex-direction:column;align-items:center;justify-content:space-evenly;color:#111;font-family:"Noto Serif CJK SC",Microsoft YaHei,serif;font-size:1.8rem;font-weight:700;line-height:.95}.tile-character-mark small{color:#b3312d;font-size:1.5rem;line-height:1}.tile-honor-mark{display:grid;place-items:center;height:100%;color:#b3312d;font-family:"Noto Serif CJK SC",Microsoft YaHei,serif;font-size:2.4rem;font-weight:700}.tile-dragons .tile-honor-mark{color:#13745f}.tile-dragons .tile-dragon-3{color:#303c42}.tile-pattern{width:100%;height:100%;position:relative}.tile-pip{position:absolute;transform:translate(-50%,-50%)}.tile-pip .tile-mark{display:block;width:.8rem;height:.8rem}.tile-dots-pattern .tile-mark{border:.16rem solid #416d8b;border-radius:50%;background:#e9f0ee}.tile-dots-pattern .tile-mark.mark-green{border-color:#26734f;background:#ebf3ea}.tile-dots-pattern .tile-mark.mark-red{border-color:#b3312d;background:#f7ece9}.tile-dot-one{display:block;width:100%;height:100%}.tile-bamboo-pattern .tile-mark{width:.38rem;height:1.05rem;border:1px solid #26734f;border-radius:.35rem .35rem .2rem .2rem;background:linear-gradient(90deg,#75ae65 0,#75ae65 35%,#e2c862 36%,#e2c862 50%,#26734f 51%,#26734f);transform:rotate(-12deg)}.tile-bamboo-pattern .tile-mark.mark-red{border-color:#8f2b28;background:linear-gradient(90deg,#c25650 0,#c25650 35%,#e2c862 36%,#e2c862 50%,#8f2b28 51%,#8f2b28)}.tile-bamboo-pattern .tile-mark.mark-blue{border-color:#2f536e;background:linear-gradient(90deg,#628dab 0,#628dab 35%,#e2c862 36%,#e2c862 50%,#2f536e 51%,#2f536e)}.tile-bamboo-one{display:block;width:100%;height:100%}.player-tile-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.75rem 0 1.25rem}.player-tile-group{min-width:0;padding:.75rem;border:1px solid #d8cfbd;border-radius:6px;background:#fffdf7b8}.player-tile-group-own{border-color:#16736b;box-shadow:inset 0 0 0 2px #16736b2e;background:#e2f2ebd1}.player-tile-group h3{margin:0 0 .65rem;color:#314a45;font-size:.85rem}.meld-list{display:flex;flex-wrap:wrap;gap:.75rem}.meld{display:flex;flex-direction:column;gap:.35rem}.meld-type{color:#71817a;font-size:.68rem;line-height:1;text-transform:capitalize}.meld-tiles,.discard-pile{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.35rem}.empty-tile-group{margin:0;color:#87928d;font-size:.75rem}.discard-entry{display:flex;flex-direction:column;align-items:center;gap:.2rem}.table-tile{width:44px;height:60px;padding:.28rem .2rem .25rem;box-shadow:2px 2px #c9bda7}.table-tile .tile-rank{font-size:1.05rem}.table-tile .tile-character-mark{font-size:1.25rem}.table-tile .tile-character-mark small{font-size:1.05rem}.table-tile .tile-honor-mark{font-size:1.7rem}.table-tile .tile-pip .tile-mark{width:.55rem;height:.55rem}.table-tile .tile-dots-pattern .tile-mark{border-width:.11rem}.table-tile .tile-bamboo-pattern .tile-mark{width:.25rem;height:.7rem}.discard-meta{color:#71817a;font-size:.68rem;line-height:1}.table-chat-area{min-width:0}.table-chat-area .chat-panel{height:390px;display:flex;flex-direction:column;padding:1rem;background:#fffaf0e6;border:1px solid #ded3bf;border-top:3px solid #b15c43}.table-chat-area .chat-messages{flex:1;min-height:0;overflow-y:auto;margin:0 0 1rem;padding:0 .2rem}.table-chat-area .chat-panel form{max-width:none;display:grid;grid-template-columns:1fr auto;gap:.5rem}.table-chat-area .chat-panel label{grid-column:1 / -1;color:#71817a;font-size:.75rem}.table-chat-area .chat-panel input{min-width:0;padding:.65rem;border:1px solid #cfc4af}.table-chat-area .chat-panel button{padding:.65rem .8rem;color:#fffaf0;background:#16736b;border:0;border-radius:3px;font-weight:800}@media (max-width: 820px){.table-page{width:min(100% - 2rem,600px)}.table-banner,.table-toolbar{align-items:flex-start;flex-direction:column}.table-account{width:100%;justify-content:space-between}.table-content{grid-template-columns:1fr}}@media (max-width: 480px){.table-page{width:calc(100% - 1.25rem);padding-top:.75rem}.table-banner{padding:1rem}.table-account{align-items:flex-start;flex-wrap:wrap;gap:.8rem 1rem}}.audio-controls{position:relative;color:#173b38;font-size:.9rem}.audio-controls summary{cursor:pointer;list-style:none;padding:.45rem .9rem;border:1px solid #ded3bf;border-radius:999px;background:#fffaf0e6;box-shadow:3px 3px #d8cdb68c;-webkit-user-select:none;user-select:none}.audio-controls summary:hover{background:#f6ecd8}.audio-controls[open] summary{border-color:#16736b}.audio-controls-body{position:absolute;right:0;top:calc(100% + .5rem);z-index:30;width:16.5rem;padding:.8rem .9rem;display:grid;gap:.6rem;background:#fffaf0;border:1px solid #ded3bf;border-top:3px solid #16736b;box-shadow:6px 6px #d8cdb68c}.audio-control-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem .6rem}.audio-control-row span{color:#54655f}.audio-control-row input[type=range]{grid-column:1 / -1;width:100%;accent-color:#16736b}.audio-control-row output{font-variant-numeric:tabular-nums;color:#173b38}.audio-toggle{padding:.25rem .85rem;border:1px solid #16736b;border-radius:999px;background:#16736b;color:#fffaf0;cursor:pointer}.audio-toggle[aria-pressed=false]{background:transparent;color:#16736b}.audio-controls-body>button{justify-self:start;padding:.3rem .9rem;border:1px solid #ded3bf;border-radius:999px;background:#fffaf0e6;color:#173b38;cursor:pointer}.audio-controls-body>button:hover{background:#f6ecd8}.own-fan{min-height:1.4rem;margin:0 0 .5rem;display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .6rem;border:1px solid #d8cfbd;border-radius:999px;background:#fffdf7b8;font-size:.9rem}.own-fan>strong{color:var(--fan-badge-short, #8a6d1f)}.own-fan>strong.enough-fan{color:var(--fan-badge-ok, #1b7d3f)}.own-fan>.fan-none{color:#8d8677;font-style:italic}