:root{font-family:Arial,Helvetica,sans-serif;color:#183638;background:#f3ebdd;font-synthesis:none;font-size:15px;--paper:#f3ebdd;--ink:#183638;--gold:#a97a34;--line:#d6cbb8;--muted:#67716a;--white:#faf7ef;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#87785b0c .7px,transparent .7px);background-size:5px 5px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input,summary{touch-action:manipulation}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #a97a34;outline-offset:4px}button:disabled:not(.hand-tile){opacity:.45}input{width:100%;min-width:0;background:#fffdf6;border:1px solid #c9c1ae;padding:15px 17px;border-radius:4px;color:var(--ink)}input::placeholder{color:#7c8178}input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0}label{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:clamp(48px,5.8vw,88px);line-height:1.04;letter-spacing:-3.8px}h1 em,h2 em{font-weight:400;color:var(--gold)}h2{font-size:38px;line-height:1.12;letter-spacing:-1.3px}h3{font-size:25px;letter-spacing:-.5px}p{line-height:1.65}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;display:flex;align-items:center;gap:9px}.small-dot{width:6px;height:6px;display:inline-block;background:var(--gold);border-radius:50%;flex-shrink:0}.pulse{box-shadow:0 0 0 5px #a97a341a;animation:pulse 2s ease-in-out infinite}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ink);padding:16px 22px;min-height:52px;border-radius:4px;background:var(--ink);color:var(--paper);font-weight:600;font-size:13px;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.primary:hover:not(:disabled){background:#284c4b;transform:translateY(-2px);box-shadow:0 6px 15px #18363813}.primary>span{font-size:19px;font-weight:400}.secondary{background:transparent;color:var(--ink);border-color:#c8bea9;justify-content:center}.secondary:hover:not(:disabled){background:#e7ddcb}.text-button{background:transparent;border:0;padding:5px 0;font-size:12px;font-weight:600;white-space:nowrap}.text-button:hover{color:var(--gold)}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;padding:0 64px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;border:0;background:none;text-align:left;padding:0}.brand svg{width:31px;height:39px;color:var(--gold)}.brand>span{font:20px Georgia,serif;letter-spacing:2.7px}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2.8px;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:32px}.sound-button{background:none;border:1px solid #d0c6b3;border-radius:30px;padding:10px 13px;display:flex;align-items:center;gap:8px}.sound-button>span:first-child{font-size:18px}.sound-label{font-size:9px;font-weight:700;letter-spacing:1.2px}.sound-button.on{background:#e3dbc7}.home{max-width:1440px;margin:auto;padding:0 64px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;min-height:640px;align-items:center;padding:64px 0 58px}.hero-copy>.eyebrow{margin-bottom:25px}.hero-description{font-size:16px;color:#5b675f;margin-top:28px;line-height:1.7}.entry-form{margin-top:32px;max-width:500px}.entry-form label,.invited label{font-size:9px;letter-spacing:1.7px;font-weight:700;margin-bottom:10px}.entry-row{display:flex;gap:8px}.entry-row input{padding:16px 13px;font-size:13px}.entry-row .primary{gap:18px;padding:14px 19px}.entry-under{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.entry-under>span{font-size:10px;color:var(--muted)}.entry-under .text-button{font-size:10px}.join-row{margin-top:8px}.learn-link{display:flex;gap:12px;align-items:center;background:none;border:0;padding:0;margin-top:29px;text-align:left;color:var(--muted);font-size:11px}.learn-link strong{display:block;font-size:12px;margin-top:4px;color:var(--ink)}.learn-link>span:last-child{margin-left:16px;color:var(--ink);font-size:19px}.play-circle{border:1px solid #c9bda7;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:var(--ink)}.hero-art{height:530px;position:relative;isolation:isolate}.hero-table{position:absolute;inset:39px 12px 29px 24px;border-radius:160px 160px 8px 8px;background:#183638;box-shadow:8px 18px #ddd0b9,0 30px 50px #2c372619;overflow:hidden;border:7px solid #284746;transform:rotate(-6deg)}.hero-table:after{content:"";position:absolute;inset:15px;border:1px solid #b8915940;border-radius:140px 140px 2px 2px;pointer-events:none}.hero-table-title{position:absolute;top:75px;left:0;right:0;text-align:center;color:#e5d4b1;font-size:9px;letter-spacing:3px}.hero-table .city{position:absolute;width:94%;height:auto;left:3%;top:106px;color:#bb9b6260}.hero-gates{position:absolute;bottom:37px;display:flex;gap:11px;justify-content:center;width:100%;color:#c6a066}.hero-gates svg{width:26px}.hero-tile{position:absolute;width:170px;filter:drop-shadow(0 13px 7px #0005);transition:transform .6s var(--ease);z-index:3}.hero-tile img{width:100%;display:block;border-radius:9px}.tile-one{top:141px;left:39px;transform:rotate(-18deg)}.tile-two{top:213px;left:172px;transform:rotate(8deg)}.tile-three{top:307px;left:68px;transform:rotate(-9deg)}.hero-art:hover .tile-one{transform:rotate(-22deg) translateY(-8px)}.hero-art:hover .tile-two{transform:rotate(12deg) translateY(-4px)}.hero-art:hover .tile-three{transform:rotate(-5deg) translateY(-4px)}.art-stamp{position:absolute;top:20px;right:-7px;border:1px solid #c4ad83;background:var(--paper);border-radius:50%;width:93px;height:93px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;line-height:1.4;letter-spacing:1.2px;text-align:center;transform:rotate(10deg);color:var(--gold)}.art-stamp span{font:34px Georgia;line-height:1.2}.art-label{position:absolute;left:32px;bottom:0;background:var(--white);border:1px solid var(--line);padding:14px 18px;box-shadow:0 4px 18px #18363809;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.25px;transform:rotate(-3deg)}.edition{position:absolute;right:-22px;top:233px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.6px;color:#84775f}.orbit{position:absolute;border:1px solid #ad8d5430;border-radius:50%;z-index:-1}.orbit-one{width:460px;height:460px;top:0;left:0}.orbit-two{width:350px;height:350px;top:92px;left:105px}.home-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 32px}.home-bottom>div{padding-left:36px;position:relative}.home-bottom>div+div{border-left:1px solid var(--line);padding-left:63px}.feature-number{position:absolute;left:0;top:5px;font-size:9px;letter-spacing:1px;color:var(--gold)}.home-bottom>div+div .feature-number{left:26px}.home-bottom p{font-size:11px;color:var(--muted);margin-top:7px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0;font-size:8px;letter-spacing:1.2px;color:#7e8275}.site-footer>span:nth-child(2){letter-spacing:.2px;font-size:10px}.site-footer>div{display:flex;gap:13px}.clan{width:26px;height:26px;display:block}.site-footer .clan{width:16px;height:16px}.face{width:100%;display:block;user-select:none}.city{width:100%;height:auto;display:block}.error{color:#a14031;font-size:13px;margin-top:13px;max-width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:15px 24px;border-radius:6px;box-shadow:0 10px 30px #0003;z-index:20;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;font-size:13px}.toast.visible{opacity:1;transform:translate(-50%)}.loading{height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.loading svg{width:46px;color:var(--gold);animation:pulse 2s ease-in-out infinite}.loading p{font:24px Georgia}.invited{max-width:520px;margin:30px auto 80px;padding:32px;text-align:center}.invited>.city{height:120px;color:var(--gold);margin-bottom:25px}.invited>.eyebrow{justify-content:center;margin-bottom:24px}.invited>p{color:var(--muted);margin:25px 0}.invited form{max-width:340px;margin:30px auto;text-align:left}.invited .primary{width:100%;margin-top:12px}.invited small{color:var(--muted)}.lobby{max-width:1280px;margin:auto;padding:45px 64px 60px}.lobby-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.lobby-heading h1{font-size:58px;letter-spacing:-2px;margin-top:16px}.invite-box{border:1px solid var(--line);border-radius:6px;background:#faf7ef80;padding:21px 24px;min-width:300px}.invite-box .eyebrow{font-size:8px;letter-spacing:1.6px}.invite-box .primary{width:100%;margin:13px 0}.invite-box small{font-size:10px;color:var(--muted)}.lobby-layout{display:grid;grid-template-columns:1fr 265px;gap:60px;align-items:center}.lobby-table{height:550px;position:relative;margin-top:20px}.lobby-center{position:absolute;inset:113px 90px 100px;background:var(--ink);border:6px solid #2d4c48;border-radius:45%;box-shadow:0 9px #ddd0b9,0 18px 28px #172d2b17;text-align:center;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.lobby-center>.city{position:absolute;width:92%;color:#b9985c45}.lobby-center>span{font-size:8px;letter-spacing:2px;position:relative}.lobby-center p{font:26px/1.4 Georgia;margin-top:12px;position:relative}.lobby-seat{position:absolute;width:180px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.lobby-seat-0{bottom:0;left:50%;transform:translate(-50%)}.lobby-seat-1{top:205px;left:-24px}.lobby-seat-2{top:0;left:50%;transform:translate(-50%)}.lobby-seat-3{top:205px;right:-24px}.avatar{width:45px;height:45px;border:1px solid #b9ac91;background:var(--paper);border-radius:9px;display:grid;place-items:center;font:23px Georgia;box-shadow:0 4px 10px #1836380a}.team-1 .avatar{border-radius:50%}.is-you .avatar{background:var(--gold);border-color:var(--gold);color:var(--white)}.seat-number{position:absolute;top:16px;left:46px;font-size:8px;color:var(--gold)}.lobby-seat strong{font-size:13px;background:var(--paper);padding:2px 8px;border-radius:3px;max-width:180px;overflow-wrap:anywhere}.lobby-seat strong small{font-size:8px;margin-left:7px;color:var(--gold)}.seat-meta{font-size:9px;background:var(--paper);padding:3px 5px;border-radius:3px}.lobby-seat .text-button{font-size:9px}.lobby-notes h2{margin:18px 0;font-size:36px}.lobby-notes p,.lobby-notes li{color:var(--muted);font-size:12px;line-height:1.7}.lobby-notes b{color:var(--ink)}.lobby-notes ol{padding-left:17px;margin:23px 0}.lobby-notes li{padding-left:4px;margin-bottom:10px}.lobby-ready{display:flex;flex-direction:column;gap:9px}.lobby-ready small{text-align:center;font-size:10px;color:var(--muted)}.leave{font-size:10px;margin-top:30px;color:var(--muted)}.connection-banner{padding:12px 24px;text-align:center;background:#e7d8b7;border-bottom:1px solid #c9b388;font-size:12px}.connection-banner button{border:0;background:transparent;text-decoration:underline;margin-left:8px}.match{max-width:1400px;margin:auto;padding:22px 64px 16px}.match-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.match-top .eyebrow{font-size:9px}.slash{color:#c5b797;padding:0 10px}.match-dealer{font-size:10px;color:var(--muted)}.match-dealer b{color:var(--ink)}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:36px}.scoreboard{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.team-score{display:flex;align-items:center;justify-content:space-between;width:40%;gap:20px}.team-score>span{font-size:8px;letter-spacing:1.3px;font-weight:700;position:relative;padding-left:22px}.team-score>span small{font-size:8px;display:block;color:var(--muted);margin-top:7px;font-weight:400}.team-shape{position:absolute;left:0;top:3px;width:9px;height:9px;border:1px solid var(--muted)}.team-shape.round{border-radius:50%;background:var(--ink)}.team-score.mine .team-shape{border-color:var(--gold)}.team-score strong{font:42px Georgia;display:flex;align-items:baseline;gap:6px}.team-score strong small{font:13px Georgia;color:#858576}.score-divider svg{width:25px;color:var(--gold)}.court{position:relative;background:radial-gradient(ellipse at center,#214544,#183638 75%);height:410px;border-radius:40px;border:7px solid #284947;box-shadow:0 7px #d3c5ac,0 12px 25px #18363814;isolation:isolate;color:var(--paper)}.court-border{position:absolute;inset:14px;border:1px solid #b19a6636;border-radius:23px;pointer-events:none}.court-watermark{position:absolute;left:20%;top:20%;width:60%;opacity:.09;color:#e1c795;z-index:-1}.ruling-bar{position:absolute;left:50%;top:19px;transform:translate(-50%);display:flex;gap:25px}.ruling-bar>div{position:relative;padding:5px;border:1px solid transparent;border-radius:50%;opacity:.55}.ruling-bar>div.ruling{border-color:#cba363;opacity:1;background:#f3ebdd}.ruling-bar .clan{width:20px;height:20px;filter:brightness(1.8) saturate(.5)}.ruling-bar .ruling .clan{filter:none}.ruling-bar>div>span{display:none}.court-player{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;width:116px;background:#183638eb;border:1px solid #a48f632b;border-radius:5px;padding:8px 9px;z-index:4;transition:box-shadow .3s,border .3s}.court-player strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:83px}.court-player small{display:block;font-size:7px;color:#b4c3b3;letter-spacing:1px;width:100%;text-align:center}.presence{width:4px;height:4px;border-radius:50%;background:#697774}.presence.online{background:#b8c9a0}.court-player.active-turn{border-color:#cba363;box-shadow:0 0 0 3px #cba36320}.court-player.inactive{opacity:.55}.court-player.position-0{bottom:54px;left:50%;transform:translate(-50%)}.court-player.position-2{top:73px;left:50%;transform:translate(-50%)}.court-player.position-1{left:12px;top:46%;transform:translateY(-50%)}.court-player.position-3{right:12px;top:46%;transform:translateY(-50%)}.court-center{position:absolute;left:50%;top:52%;width:275px;height:174px;transform:translate(-50%,-50%);display:grid;place-items:center}.offer{display:flex;flex-direction:column;align-items:center;gap:12px}.offer .face{width:126px;transform:rotate(-7deg);filter:drop-shadow(0 9px 6px #0004)}.offer .eyebrow{font-size:8px;color:#ccba93}.offer>svg{width:28px;color:#ae9159}.offer p{font-size:11px;color:#bfccb9}.empty-court{text-align:center;color:#c8b990}.empty-court>svg{width:34px;margin:auto auto 15px}.empty-court>span{display:block;font-size:10px;letter-spacing:2px}.empty-court p{font:italic 12px Georgia;margin-top:10px;color:#b4c3b3}.played-tiles{position:relative;width:100%;height:100%}.played{position:absolute;width:105px;filter:drop-shadow(0 5px 4px #0003);animation:tile-in .32s var(--ease)}.played .face{border-radius:6px}.played small{font-size:7px;text-align:center;display:block;margin-top:4px;color:#d9d0bb;white-space:nowrap;max-width:105px;overflow:hidden;text-overflow:ellipsis}.played.position-0{bottom:-8px;left:85px;z-index:3}.played.position-2{top:-21px;left:85px;z-index:1}.played.position-1{top:37px;left:0;transform:rotate(-10deg);z-index:2}.played.position-3{top:37px;right:0;transform:rotate(10deg);z-index:2}.played.winning-tile .face{outline:2px solid #e3bd75;outline-offset:3px;box-shadow:0 0 20px #ebc07955}.capture-row{position:absolute;bottom:15px;left:30px;right:30px;display:flex;justify-content:space-between;gap:25px}.capture-row>div{display:flex;align-items:center;gap:10px;min-width:35%;padding-top:9px;border-top:1px solid #b19a6636}.capture-row>div>span{font-size:7px;letter-spacing:1.2px}.capture-gates{display:flex;gap:2px;flex:1}.capture-gates svg{width:15px;height:18px;color:#d1b17b}.capture-gates i{font-size:12px;color:#91a89c}.capture-row strong{font:18px Georgia;color:#d9c59e}.hand-area{padding:25px 2px 0}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.hand-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.hand-heading>span:last-child{font-size:9px;color:var(--muted)}.hand{display:flex;align-items:flex-start;justify-content:center;gap:12px;min-height:106px}.hand-tile{background:none;border:0;padding:0;width:calc((100% - 60px)/6);max-width:130px;position:relative;transition:transform .22s var(--ease),filter .22s var(--ease);transform-origin:50% 100%}.hand-tile .face{border-radius:5px;box-shadow:0 5px #b7a88e,0 10px 15px #1836381c}.hand-tile:disabled{opacity:1}.hand-tile:disabled:not(.legal) .face{filter:saturate(.82)}.hand-tile.legal:not(:disabled){cursor:pointer}.hand-tile.legal:not(:disabled):hover{transform:translateY(-9px)}.hand-tile.selected{transform:translateY(-13px)!important}.hand-tile.selected .face{outline:2px solid var(--gold);outline-offset:4px}.tile-note{font-size:7px;letter-spacing:1.1px;display:block;min-height:12px;margin-top:13px;color:var(--gold);font-weight:700}.action-panel{border-left:1px solid var(--line);padding-left:30px;padding-top:9px;display:flex;flex-direction:column;gap:24px}.action-status .eyebrow{font-size:8px;letter-spacing:1.5px}.action-status h2{font-size:34px;line-height:1.08;margin:19px 0 14px;overflow-wrap:anywhere}.action-status p{font-size:12px;color:var(--muted);line-height:1.65}.call-controls,.play-controls,.hand-result{display:flex;flex-direction:column;gap:10px}.call-controls .primary,.play-controls .primary,.hand-result .primary{width:100%;font-size:12px;white-space:normal;padding:14px 15px}.call-controls .secondary{font-size:12px;min-height:45px;padding:12px}.clan-options{display:flex;gap:7px}.clan-options button{border:1px solid var(--line);border-radius:5px;background:#faf7ef;display:flex;flex:1;align-items:center;flex-direction:column;padding:13px 7px;gap:7px;font-size:10px}.clan-options button.chosen{border:1px solid var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#ebe0cc}.clan-options .clan{width:25px}.alone-toggle{display:flex;gap:8px;align-items:center;margin:9px 0;font-size:12px}.alone-toggle small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.selection-preview{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c9bda7;border-radius:5px;padding:15px;margin-bottom:3px;gap:8px}.selection-preview .face{width:100px}.selection-preview svg{width:24px;color:#baa579}.selection-preview span{font-size:7px;letter-spacing:1.5px;color:var(--muted)}.waiting-illustration{display:flex;gap:6px;color:#c2af8a;padding:14px 0}.waiting-illustration svg{width:32px}.contract{border-top:1px solid var(--line);padding-top:18px}.contract>.eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.contract>div{display:flex;gap:12px;align-items:center;margin-top:12px}.contract strong{font:21px Georgia}.contract strong small{display:block;font:9px Arial;margin-top:5px;color:var(--muted)}.contract p{font-size:10px;margin-top:10px;color:var(--muted)}.table-tip{padding-top:17px;border-top:1px solid var(--line);margin-top:auto}.table-tip .eyebrow{font-size:7px;letter-spacing:1.6px;color:var(--gold)}.table-tip p{font-size:10px;color:var(--muted);margin-top:8px}.points-award{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0 20px}.points-award svg{width:32px;color:var(--gold)}.points-award strong{font:52px Georgia}.points-award span{font-size:10px;letter-spacing:1px}.hand-result>small{text-align:center;font-size:10px;color:var(--muted)}.table-announcement{text-align:center;font-size:10px;color:var(--muted);margin:13px 0 0;min-height:17px}dialog{border:1px solid #d6cbb8;border-radius:10px;padding:28px 34px 32px;color:var(--ink);background:var(--paper);width:min(570px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 30px 90px #0004;overscroll-behavior:contain}dialog::backdrop{background:#102a2c99;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.modal-head .eyebrow{font-size:8px;letter-spacing:1.6px}dialog h2{font-size:36px;margin-bottom:17px}dialog>p{font-size:13px;color:var(--muted)}.rule-list{margin-top:25px}.rule-list details{border-top:1px solid var(--line);padding:15px 0}.rule-list summary{list-style:none;display:flex;gap:13px;cursor:pointer;font:18px Georgia;align-items:center}.rule-list summary::-webkit-details-marker{display:none}.rule-list summary span{font:9px Arial;color:var(--gold)}.rule-list summary b{margin-left:auto;font:20px Arial;color:var(--gold)}.rule-list details[open] summary b{transform:rotate(45deg)}.rule-list p{font-size:12px;margin:15px 0 3px 26px;color:var(--muted)}.tutorial-visual{height:190px;border-radius:6px;background:#e9e0d0;margin-bottom:27px;display:grid;place-items:center;overflow:hidden}.tutorial-seats{text-align:center;font-size:10px;letter-spacing:1px}.tutorial-seats>div{display:flex;gap:28px;align-items:center;margin:8px 0}.tutorial-seats svg{width:60px;color:var(--gold)}.tutorial-seats i{font-style:normal;color:var(--muted);font-size:9px}.alliance-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.alliance-demo>div{display:flex;align-items:center;flex-direction:column;gap:12px;font:16px Georgia}.alliance-demo>div:nth-child(2){margin-right:20px}.alliance-demo img{width:35px;height:35px}.ranking-demo{display:flex;align-items:center;gap:8px;padding:20px}.ranking-demo img{width:100px;box-shadow:0 6px 5px #0001;border-radius:5px}.ranking-demo b{font-size:25px;color:var(--gold);font-weight:400}.quiz-tiles{display:flex;gap:13px;padding:20px}.quiz-tiles button{border:0;background:none;padding:0;width:112px;border-radius:5px;transition:transform .2s}.quiz-tiles button:hover{transform:translateY(-8px)}.quiz-tiles button.chosen{outline:2px solid var(--gold);outline-offset:5px}.quiz-result{margin-top:13px;font-size:12px!important;color:#a14031!important}.quiz-result.correct{color:#38674c!important}.score-demo{display:flex;flex-direction:column;gap:8px;align-items:center}.score-demo>.eyebrow{font-size:8px}.gate-counter{display:flex;gap:10px}.gate-counter button{background:none;border:0;width:32px;padding:0;color:#c3b89e}.gate-counter button.filled{color:var(--gold)}.score-demo .switch{display:flex;align-items:center;font-size:11px;gap:5px}.score-demo strong{font:23px Georgia}.tutorial-city{width:80%;color:var(--gold)}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;margin-top:30px;gap:10px}.tutorial-footer .primary{min-height:42px;padding:10px 15px;font-size:11px;gap:14px}.step-dots{display:flex;gap:6px}.step-dots i{width:4px;height:4px;border-radius:50%;background:#cebea2}.step-dots i.active{background:var(--gold)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@keyframes tile-in{0%{opacity:0;scale:.8;translate:0 15px}to{opacity:1;scale:1;translate:0 0}}@keyframes pulse{50%{opacity:.45}}@media(min-width:1500px){.hero{min-height:710px}.hero-art{height:550px}.hero-table{inset:30px 18px 36px 34px}.hero-tile{width:190px}.tile-two{left:190px}.tile-three{top:330px}.hero-table .city{top:95px}.court{height:440px}}@media(max-width:1100px){.site-header{padding:0 36px;height:90px}.home{padding:0 36px}.hero{gap:28px;padding-top:50px;min-height:600px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-art{height:470px}.hero-tile{width:142px}.tile-one{left:18px;top:145px}.tile-two{left:125px;top:218px}.tile-three{left:50px;top:294px}.hero-table{inset:40px 10px 24px}.hero-table .city{top:125px}.hero-table-title{top:88px}.hero-gates{bottom:28px}.orbit-one{width:340px;height:340px}.orbit-two{width:260px;height:260px;left:68px}.art-stamp{width:75px;height:75px;top:30px}.art-stamp span{font-size:26px}.edition{right:-13px}.art-label{font-size:6px;padding:13px 10px;left:12px}.entry-row{flex-wrap:wrap}.entry-row input{flex:1;min-width:160px}.entry-row .primary{flex:1;justify-content:center;min-width:160px}.entry-under{flex-wrap:wrap}.home-bottom{gap:20px}.home-bottom h3{font-size:22px}.home-bottom>div+div{padding-left:40px}.home-bottom>div+div .feature-number{left:10px}.home-bottom p{font-size:10px}.match{padding:20px 30px}.match-layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.action-panel{padding-left:22px}.action-status h2{font-size:30px}.court{height:390px}.court-player{width:90px;padding:7px 4px}.court-player strong{max-width:65px;font-size:10px}.court-player.position-1{left:8px}.court-player.position-3{right:8px}.court-center{width:230px}.played{width:86px}.played.position-0,.played.position-2{left:72px}.played.position-1{left:3px}.played.position-3{right:3px}.played.position-2{top:-6px}.played.position-0{bottom:3px}.played.position-1,.played.position-3{top:49px}.lobby{padding:35px 40px}.lobby-layout{gap:38px;grid-template-columns:1fr 230px}.lobby-center{inset:130px 60px 120px}.lobby-seat-1{left:-38px}.lobby-seat-3{right:-38px}.lobby-heading h1{font-size:52px}.lobby-table{height:530px}}@media(max-width:760px){.site-header{height:78px;padding:0 22px}.brand{gap:9px}.brand>span{font-size:16px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:2.4px}.brand svg{width:25px;height:32px}.site-header nav{gap:18px}.site-header nav>.text-button{font-size:10px}.sound-label,.invite-nav{display:none}.sound-button{padding:5px 9px}.site-header nav>.text-button:first-of-type:not(.invite-nav){display:none}.home{padding:0 24px}.hero{grid-template-columns:1fr;gap:0;padding:40px 0 34px;min-height:auto}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:23px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-description{font-size:14px;margin-top:22px}.entry-form{max-width:none;margin-top:26px}.entry-row{flex-wrap:nowrap}.entry-row input{min-width:0}.entry-row .primary{min-width:0;flex:none;padding:14px 16px;font-size:12px}.entry-under{gap:4px}.entry-under>span,.entry-under .text-button{font-size:9px}.learn-link{margin-top:23px}.hero-art{max-width:480px;width:100%;height:450px;margin:24px auto 0}.hero-table{inset:26px 25px 32px;border-radius:140px 140px 8px 8px}.hero-table-title{top:66px}.hero-table .city{top:100px}.hero-tile{width:150px}.tile-one{left:38px;top:127px}.tile-two{left:167px;top:202px}.tile-three{left:74px;top:275px}.orbit-one{width:340px;height:340px;left:20px}.orbit-two{width:280px;height:280px;left:85px}.art-label{left:30px;font-size:7px;bottom:0}.art-stamp{right:13px;top:10px}.edition{right:-3px;top:220px}.home-bottom{grid-template-columns:1fr;padding:25px 0;gap:24px}.home-bottom>div,.home-bottom>div+div{border:0;padding-left:40px}.home-bottom>div+div .feature-number{left:0}.home-bottom p{font-size:11px}.home-bottom h3{font-size:24px}.site-footer{flex-wrap:wrap;gap:19px;padding:25px 0}.site-footer>span:nth-child(2){order:3;width:100%;font-size:9px}.lobby{padding:30px 24px 50px}.lobby-heading{flex-direction:column;align-items:flex-start;gap:24px}.lobby-heading h1{font-size:49px}.invite-box{min-width:0;width:100%;padding:17px 20px}.invite-box .primary{width:auto;min-width:200px;margin-bottom:10px}.invite-box small{display:block}.lobby-layout{display:flex;flex-direction:column;gap:22px}.lobby-table{width:100%;max-width:500px;height:460px;margin-top:15px}.lobby-center{inset:110px 40px 98px}.lobby-center p{font-size:22px}.lobby-center>span{font-size:6px}.lobby-seat{width:125px}.lobby-seat-1{left:-15px;top:180px}.lobby-seat-3{right:-15px;top:180px}.lobby-seat strong{max-width:125px;font-size:11px}.seat-number{left:21px}.seat-meta{font-size:8px}.lobby-notes{width:100%;max-width:500px;border-top:1px solid var(--line);padding-top:24px}.lobby-notes h2{font-size:31px}.lobby-notes h2 br{display:none}.lobby-notes ol{margin:17px 0}.lobby-notes p,.lobby-notes li{font-size:13px}.leave{margin-top:20px}.match{padding:17px 16px 25px}.match-top{margin-bottom:16px}.match-layout{display:flex;flex-direction:column;gap:20px}.arena{width:100%}.scoreboard{padding:0 5px;margin-bottom:12px}.team-score strong{font-size:34px}.team-score>span{font-size:7px;letter-spacing:1px;padding-left:17px}.team-score>span small{font-size:7px;margin-top:5px}.score-divider svg{width:23px}.court{height:380px;border-width:5px;border-radius:28px}.court-border{inset:10px;border-radius:16px}.ruling-bar{top:15px;gap:20px}.ruling-bar .clan{width:18px;height:18px}.court-player{width:83px;padding:6px 3px}.court-player strong{font-size:9px;max-width:65px}.court-player small{font-size:6px;letter-spacing:.6px}.court-player.position-2{top:64px}.court-player.position-0{bottom:49px}.court-player.position-1{top:44%;left:8px}.court-player.position-3{top:44%;right:8px}.court-center{top:51%;width:222px;height:170px}.played{width:85px}.played.position-0,.played.position-2{left:69px}.played.position-0{bottom:5px}.played.position-2{top:-1px}.played.position-1,.played.position-3{top:54px}.played.position-1{left:12px}.played.position-3{right:12px}.played small{font-size:6px}.capture-row{left:17px;right:17px;bottom:14px;gap:20px}.capture-row>div{gap:6px;min-width:40%}.capture-row>div>span{font-size:6px}.capture-gates svg{width:12px;height:15px}.capture-row strong{font-size:16px}.offer .face{width:108px}.empty-court p{font-size:10px}.empty-court>span{font-size:9px}.hand-area{padding:22px 0 0}.hand-heading{margin-bottom:16px;align-items:flex-start}.hand-heading>span:last-child{font-size:8px;max-width:160px;text-align:right}.hand-heading .eyebrow{font-size:7px;letter-spacing:1px}.hand{gap:7px;min-height:80px}.hand-tile{width:calc((100% - 35px)/6);max-width:105px}.hand-tile .face{border-radius:4px;box-shadow:0 4px #b7a88e,0 8px 12px #18363815}.tile-note{font-size:5.5px;letter-spacing:.2px;margin-top:10px}.action-panel{border-left:0;border-top:1px solid var(--line);padding:22px 6px 0;display:grid;grid-template-columns:1fr 1fr;gap:19px}.action-status h2{font-size:27px;letter-spacing:-.8px;margin:12px 0}.action-status p{font-size:11px}.action-status .eyebrow{font-size:7px;letter-spacing:1px}.call-controls,.play-controls,.hand-result{gap:8px}.clan-options button{padding:8px 5px;font-size:9px}.clan-options .clan{width:22px;height:22px}.clan-options{gap:5px}.alone-toggle{font-size:10px;gap:3px;margin:3px 0}.alone-toggle small{font-size:8px;line-height:1.4}.call-controls .primary,.play-controls .primary,.hand-result .primary{font-size:10px;min-height:42px;padding:12px;gap:5px}.call-controls .secondary{font-size:10px;min-height:37px;padding:10px}.selection-preview{padding:10px;min-height:84px}.selection-preview .face{width:88px}.selection-preview span{font-size:6px;letter-spacing:.5px}.contract{grid-column:1;border:0;padding:0}.contract>.eyebrow{font-size:7px}.contract strong{font-size:18px}.contract .clan{width:23px}.contract p{font-size:9px}.table-tip{grid-column:2;border:0;padding:0}.table-tip p{font-size:9px}.table-tip .eyebrow{font-size:6px;letter-spacing:.9px}.waiting-illustration{align-items:center;gap:3px}.waiting-illustration svg{width:25px}.points-award{padding:0 0 12px;gap:8px}.points-award strong{font-size:36px}.points-award svg{width:24px}.points-award span{font-size:8px}.table-announcement{margin-top:18px;font-size:9px}.connection-banner{font-size:10px;padding:10px 15px}.invited{padding:24px;margin-top:20px}.invited h1{font-size:60px}dialog{padding:20px 23px 25px}dialog h2{font-size:30px}.tutorial-visual{height:170px}.ranking-demo img{width:80px}.ranking-demo{gap:6px;padding:12px}.quiz-tiles{gap:9px;padding:14px}.quiz-tiles button{width:84px}.alliance-demo{gap:14px}.alliance-demo>div{font-size:13px}.alliance-demo>div:nth-child(2){margin-right:9px}.alliance-demo img{width:28px}.tutorial-footer{margin-top:25px}.tutorial-footer .primary{font-size:10px;padding:10px 12px}.step-dots{gap:4px}}@media(max-width:370px){.hero h1{font-size:55px}.entry-row{flex-wrap:wrap}.entry-row .primary{width:100%}.tile-two{left:137px}.hero-tile{width:135px}.court-player.position-1,.court-player.position-3{top:40%}.court-player{width:75px}.ruling-bar{gap:13px}.site-header nav{gap:11px}.brand>span{font-size:14px}.match-top .eyebrow{font-size:8px;letter-spacing:1px}.action-panel{gap:12px}.played{width:78px}.played.position-0,.played.position-2{left:72px}.capture-row{left:11px;right:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art:hover .hero-tile{transform:none}}.hand-tile{flex:1;width:auto}@media(max-width:760px){.hand-tile{max-width:105px}.court-player.position-1,.court-player.position-3{top:32%}.play-controls{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:10;background:var(--paper);padding:8px;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 35px #18363826}.play-controls .selection-preview{display:none}.play-controls .primary{min-height:47px;font-size:13px}.match:has(.play-controls){padding-bottom:95px}.action-panel:has(.play-controls) .action-status{grid-column:1/-1}.action-panel:has(.play-controls) .action-status h2{margin:10px 0}.action-panel:has(.play-controls) .action-status p{max-width:300px}}