/* MAX9 Club — shared visual language for home, table, rooms and dialogs. */
:root{--navy:#16253d;--blue:#294c70;--gold:#e5c68e;--muted:#7c8490;--line:#e5e2dc;background:#f7f6f2;color:#202e42;font-family:Inter,"Segoe UI",system-ui,sans-serif}body{background:radial-gradient(ellipse at 0 0,#eeeae030,transparent 50%),#f7f6f2}.site-header{max-width:1240px;height:95px;border-bottom:1px solid #e5e2dc;padding:0 28px;gap:28px}.wordmark{font-size:35px;letter-spacing:-2px;color:#192b46}.wordmark span,.wordmark i{color:#b08b4f}.wordmark i{top:-12px;font-size:17px}.header-note{color:#929189;letter-spacing:2.2px;font-size:10px}.icon-btn{border-color:#e1ded7;background:transparent;color:#6d737c;width:42px;height:42px}.icon-btn:hover{background:#ebe7df}main{max-width:1240px;padding:35px 28px 25px}.eyebrow{color:#a08453;font-size:10px;letter-spacing:2.3px;font-weight:750}.site-footer{max-width:1184px;border-top:1px solid var(--line);padding-top:20px;margin-top:12px;color:#929189;letter-spacing:1.2px}.footer-star{color:#ae8951}.welcome-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:14px 18px 44px}.welcome-intro h1{font:500 clamp(40px,4.8vw,65px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-2.3px;margin:25px 0 22px;color:#1c2e47}.welcome-intro h1 em{font-weight:400;color:#aa8550}.tiny-diamond{font-size:15px;margin-right:8px}.welcome-description{font-size:14px;color:#7c8189;line-height:1.85;margin-bottom:22px}.welcome-facts{display:flex;align-items:center;gap:13px;font-size:11px;color:#8b8982}.welcome-facts i{height:3px;width:3px;background:#b99f73;border-radius:50%}.welcome-preview{position:relative;width:330px;margin:40px 0 0;border-top:1px solid #e4dfd5;padding:20px 0 0}.preview-caption{font-size:9px;letter-spacing:2px;color:#9a927f;display:block;margin-bottom:17px}.preview-cards{display:flex;gap:0;align-items:center;padding:0 10px}.preview-cards .card{width:77px;flex:none;border-width:3px;box-shadow:0 7px 18px #17294422}.preview-cards .card:first-child{transform:rotate(-12deg);margin-right:-13px}.preview-cards .card:nth-child(2){transform:translateY(-4px);z-index:2}.preview-cards .card:last-child{transform:rotate(12deg);margin-left:-13px}.preview-reward{position:absolute;left:215px;bottom:30px;font-size:12px;color:#7d827f;line-height:1.7;white-space:nowrap}.preview-reward b{display:block;font-size:25px;color:#a5834c;font-weight:500}.welcome-start{background:#fff;border:1px solid #e7e3da;padding:30px;border-radius:23px;box-shadow:0 16px 45px #222f3d05}.welcome-start>.eyebrow{font-size:9px;letter-spacing:1.8px;margin:0 0 10px}.welcome-start h2{font:400 34px Georgia,serif;letter-spacing:-1px;margin-bottom:9px}.start-caption{font-size:13px;color:#8c9097;margin-bottom:23px}.modes{display:flex;flex-direction:column;gap:9px}.mode,.mode.selected{min-height:79px;padding:14px 16px;display:flex;gap:14px;align-items:center;border-radius:12px;border:1px solid #e7e5e0;background:#fff;box-shadow:none}.mode.selected{border-color:#b79b69;background:#fbf9f3}.mode-icon,.mode:nth-child(2) .mode-icon,.mode:nth-child(3) .mode-icon{background:#f3f2ef;color:#86909c;border:1px solid #e9e7e0;width:40px;height:40px;font-size:23px;margin:0;border-radius:10px;flex-shrink:0}.mode.selected .mode-icon{background:#1d304b;border-color:#1d304b;color:#e9cc9a}.mode strong{font-size:14px;font-weight:650}.mode small{font-size:11px;margin-top:5px;color:#8f9299;max-width:none}.mode-check,.selected .mode-check{position:static;display:grid;place-items:center;width:18px;height:18px;border:1px solid #dedcd6;background:transparent;margin-left:auto;color:white;font-size:10px;flex-shrink:0}.selected .mode-check{background:#ad8c55;border-color:#ad8c55}.setup-panel{padding:21px 0 0;border:0;margin:17px 0 0;border-top:1px solid #eeece6;gap:14px;display:grid;grid-template-columns:1fr 1fr;border-radius:0}.field{font-size:11px;gap:8px;color:#777b80;font-weight:600}.field input,.field select{border:1px solid #e6e3dc;background:#faf9f6;color:#384556;height:45px;border-radius:9px;font-size:14px;padding:0 10px}.field input::placeholder{color:#a5a6a9;font-size:12px}.setup-panel>.primary,.friends-actions,.local-names{grid-column:1/-1}.setup-panel .primary{display:flex;align-items:center;justify-content:center;gap:25px;width:100%;height:49px}.primary{background:#1a2c47;color:#f6f3ec;border-radius:10px;font-size:13px;font-weight:650;letter-spacing:.2px;box-shadow:0 4px 8px #15243c0b}.primary.gold{background:#e3c58f;box-shadow:none;color:#27354a}.primary:hover{background:#263f60}.primary.gold:hover{background:#eed9b3}.secondary{background:#f1eee7;color:#6c6457;border-radius:10px;font-size:13px;font-weight:650}.text-button,.small-link{color:#8e7750}.friends-actions{display:flex}.friends-actions>*{flex:1}.local-names .field{min-width:0}.learn-link{margin:20px auto 0;padding:0;background:transparent;color:#8a8a86;font-size:11px;line-height:1.7;display:block}.learn-link span{margin-left:8px;color:#a88d5b}.how-it-works{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:28px 18px 10px}.how-it-works>div{position:relative;padding-left:36px}.how-it-works>div>span{position:absolute;left:0;top:3px;color:#b6a58a;font:italic 16px Georgia,serif}.how-it-works h3{font-size:13px;font-weight:650;margin-bottom:7px}.how-it-works p{font-size:11px;line-height:1.65;color:#999890;margin:0}.resume{background:#f6f1e6;font-size:12px;border:1px solid #e8dfcd;margin-bottom:23px;color:#90774f}.resume button{color:#917444;font-size:12px}
/* Face-to-face game table. The rival board never hides behind a dialog. */
body[data-screen=game] main{padding-top:22px}.match-head{padding:0 2px 23px}.match-head .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:8px}.match-head h1{font:400 27px Georgia,serif;letter-spacing:-.7px;display:flex;align-items:center;gap:15px}.round-divider{font:300 23px system-ui;color:#c9c5bc}.round-subtitle{font:400 12px system-ui;color:#92918c;letter-spacing:0}.match-goal{font-size:11px;color:#8c877c;display:flex;align-items:center;gap:6px}.match-goal>b{color:#8e744b;font-weight:650}.premium-table{background:radial-gradient(ellipse at 50% 0,#263f61 0,#192d49 48%,#14253e 100%);border:1px solid #31435a;border-radius:23px;box-shadow:0 18px 38px #1b28331a;color:#fff;overflow:hidden;position:relative}.premium-table:before{content:'';position:absolute;inset:9px;border:1px solid #e5c68e0d;border-radius:16px;pointer-events:none}.table-topline{display:flex;align-items:center;justify-content:space-between;padding:19px 29px;border-bottom:1px solid #ffffff09;color:#7890ad;font-size:9px;letter-spacing:1.8px}.table-topline>span:first-child{font-size:13px;font-weight:850;color:#d6dddf;letter-spacing:1px;font-style:italic}.table-topline i{font-size:8px;font-style:normal;font-weight:400;color:#bfa674;margin-left:5px;letter-spacing:2px}.duel-layout{display:grid;grid-template-columns:minmax(220px,1fr) 165px minmax(220px,1fr);gap:35px;padding:27px 50px 20px;align-items:center;max-width:1090px;margin:auto}.rival-tables,.your-table{min-width:0}.table-board{width:100%;max-width:315px;margin:auto}.table-player{display:flex;align-items:center;gap:11px;margin-bottom:14px}.player-seal{display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff19;border-radius:50%;width:39px;height:39px;flex-shrink:0;font-size:17px;color:#bac5d3}.table-player h3{font-size:13px;font-weight:600;letter-spacing:.2px;margin:0 0 4px;max-width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-player>div>span{font-size:10px;color:#768ba7}.player-total{margin-left:auto;text-align:right}.player-total strong{font:400 24px Georgia,serif;line-height:1;color:#e1c899;display:block}.player-total small{font-size:9px;color:#6f829e}.board-surface{background:#0b193328;border:1px solid #8296b31e;border-radius:15px;padding:14px;transition:border-color .3s,box-shadow .3s}.is-active .board-surface{border-color:#d1b37a80;box-shadow:0 0 0 4px #d1b37a05}.is-active .player-seal{color:#e3c589;border-color:#d5b17480;background:#d5b17416}.board-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#687f9d;margin-bottom:12px}.board-caption span:last-child{letter-spacing:0;color:#8093ac;font-size:9px}.is-active .board-caption span:first-child{color:#e0c18a}.grid{gap:9px}.card{border-width:3px;border-color:#f9f6ea;border-radius:9px;aspect-ratio:3/3.7;box-shadow:0 3px 0 #07152666,0 7px 10px #08132325}.card.face{background:linear-gradient(145deg,#ffffff15,#00000008),var(--cc)}.card .number{font:800 37px/1 "Segoe UI",system-ui,sans-serif;font-style:normal;letter-spacing:-1.8px;text-shadow:0 2px 0 #0000001a}.card .corner{font-size:9px;font-weight:650;top:5px;left:5px}.card .corner.bottom{bottom:5px;right:5px}.card.back{background:repeating-linear-gradient(45deg,#ffffff05 0 1px,transparent 1px 7px),#294465;background-color:#294465;border-color:#536a84}.card.back{background:repeating-linear-gradient(45deg,#ffffff04 0 1px,transparent 1px 7px),linear-gradient(140deg,#304d70,#203956)}.card.back:after{border-color:#d5bd891e;inset:5px;border-radius:4px}.back-label{font-size:21px;color:#c7d0dc;font-weight:900;letter-spacing:-1.5px}.back-label i{font-size:18px;color:#baa475;font-weight:400;margin-bottom:5px}.back-label em{color:#d4bb86}.card.target{outline:1px dashed #e3c58f8f;outline-offset:3px}.card.interactive:hover{box-shadow:0 0 0 2px #dfc18780,0 8px 18px #0002}.card.combo{box-shadow:0 0 0 2px #debe80,0 0 16px #debe8020}.card.fresh{animation:placed .75s ease-out}.board-score{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:10px;color:#8192a9}.board-score strong{font:400 19px Georgia,serif;color:#cbd5df}.board-score small{font:400 9px system-ui;color:#7c8fa8}.chips{margin-top:9px;gap:4px;min-height:21px}.chip{font-size:9px;border-radius:4px;background:#e7cfa50d;border-color:#e7cfa520;color:#cfb98c;padding:4px 6px}.chip.special{background:#dfbe7e;color:#192c45}.table-center{align-self:center;text-align:center}.center-emblem{color:#9c8e7166;font-size:26px;margin:0 0 25px}.deck-zone{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;margin:0;align-items:center;justify-items:center}.pile-wrap{width:68px}.pile-wrap:first-child{grid-column:1}.pile-wrap:last-child{grid-column:2;grid-row:1}.drawn-wrap{grid-column:1/-1;grid-row:2;width:68px;min-height:105px;margin:3px 0 0}.drawn-wrap .card{transform:rotate(-4deg);box-shadow:0 8px 20px #0003}.drawn-wrap .card.fresh{animation:draw-card .55s ease-out}.drawn-wrap small{font-size:9px;color:#a69b85;margin-top:10px;white-space:nowrap}.drawn-empty{color:#637994;font-size:20px;letter-spacing:4px;margin-top:25px}.pile-wrap>span{font-size:10px;color:#98a7bb;margin-top:10px;white-space:nowrap}.pile-wrap>span b{font-weight:400;color:#526987;font-size:9px;margin-left:3px}.pile-wrap .number,.drawn-wrap .number{font-size:30px}.pile-wrap .back-label{font-size:18px}.pile-wrap .back-label i{font-size:15px}.deck-button{box-shadow:3px 3px 0 #637a9180,6px 6px 0 #637a9133}.deck-button.can-draw{animation:gold-pulse 2.7s ease-in-out infinite}.discard-target{background:#12254133;border:1px dashed #6c80964d;border-radius:9px;box-shadow:none;color:#687c95}.discard-target.drop{border-color:#ceb077;background:#cfb47709}.center-note{font-size:10px;line-height:1.7;color:#5c7595;margin:15px 0 0}.turn-banner{display:flex;align-items:center;gap:14px;margin:0 27px 22px;padding:15px 20px;border:1px solid #e1c79524;border-radius:11px;background:#ffffff05;min-height:70px}.turn-banner.your-turn{background:#e3c78e0b;border-color:#d0b47c40}.turn-indicator{width:33px;height:33px;display:grid;place-items:center;border:1px solid #c6ae7e33;border-radius:50%;color:#cfb682;font-size:20px;flex-shrink:0}.turn-overline{font-size:8px;letter-spacing:1.8px;color:#b3a387;display:block;margin-bottom:6px}.turn-banner h2{font-size:13px;font-weight:500;letter-spacing:0;color:#d2dae4;margin:0;line-height:1.4}.live-caption{margin-left:auto;font-size:8px;color:#7489a1;letter-spacing:1.6px;white-space:nowrap}.bonus-rail{display:grid;grid-template-columns:repeat(4,1fr) 1.6fr;border:1px solid #e5e1d8;border-radius:13px;background:#fff;margin-top:20px;padding:16px 10px}.bonus-rail>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #eeebe5;font-size:11px;color:#949086}.bonus-rail strong{font:400 21px Georgia,serif;color:#535e6a}.bonus-rail>div:last-child{border:0}.bonus-rail .max9-bonus{color:#a17c42;gap:20px}.max9-bonus small{display:block;font-size:9px;color:#a8a092;margin-top:3px}.max9-bonus strong{color:#a5834c;font-size:26px}.match-bottom{font-size:10px;color:#aaa59b;margin:16px 2px 0}.link-button{font-size:10px;color:#9e855b}.rival-tables.multiple{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px}.rival-tables.multiple>.table-board{min-width:100%;scroll-snap-align:center}.rival-tables.multiple:after{content:'';min-width:1px}.results{margin-top:35px}.results h2{font:400 32px Georgia,serif}.result{border-color:#e4dfd6;border-radius:14px;background:#fff}.result h3{color:#77796f;font-size:13px}.result .sum{font:400 39px Georgia,serif;color:#947344}.result dl{font-size:12px;color:#96958e}.result dd{color:#536070;font-weight:500}.result .total{border-color:#eee9df}.result-actions{margin-top:20px}.table-scroll{border-color:#e7e1d6}th{color:#9b9385;font-weight:500}td{color:#697280}dialog{border:1px solid #e9e3d7;background:#fbfaf7;border-radius:20px;box-shadow:0 25px 70px #06162d44;padding:30px}dialog::backdrop{background:#15243bcc;backdrop-filter:blur(6px)}dialog h2{font:400 30px Georgia,serif;color:#28394f}dialog p,dialog li{color:#7d8490;font-size:14px}.modal-close{background:#eeeae1;color:#999181}.rule-bonuses>div{background:#f0ece3;color:#898577}.rule-bonuses b{color:#a17c43}.lobby{padding:35px;background:white;border:1px solid #e6dfd3;border-radius:20px;box-shadow:0 20px 50px #25323d05}.lobby h1{font:400 34px Georgia,serif}.lobby-symbol{background:#f5efe1;color:#ab8850;border:1px solid #e9dfca;border-radius:18px}.room-code{background:#f8f5ec;border:1px solid #eae2cf;color:#987a48;font-size:30px}.member{border-color:#e8e3d8}.member .avatar{background:#f2eee5;color:#9d865f}.member strong{font-weight:550}.member small,.connection{color:#a5a094}.spinner{border-color:#e3dfd4;border-top-color:#aa8c58}#toast{background:#e6cb9b;color:#203149;border:1px solid #f1dfbd;border-radius:11px;font-weight:600;box-shadow:0 10px 28px #15283b25}.debug-options pre{background:#f0ede5}.check input{accent-color:#a78955}.network-banner{background:#f4ead5;color:#94733e}
@keyframes placed{0%{transform:translateY(-10px) scale(1.07);box-shadow:0 0 0 3px #e8cc93,0 0 30px #e8cc9360}65%{box-shadow:0 0 0 2px #e8cc9380}100%{transform:translateY(0) scale(1)}}@keyframes draw-card{from{transform:translate(-45px,-15px) rotate(-15deg);opacity:.3}to{transform:rotate(-4deg);opacity:1}}@keyframes gold-pulse{50%{box-shadow:3px 3px 0 #637a9180,6px 6px 0 #637a9133,0 0 20px #e1c48a20}}
@media(max-width:1000px){.welcome-layout{gap:45px}.duel-layout{gap:20px;padding:25px;grid-template-columns:minmax(190px,1fr) 135px minmax(190px,1fr)}.pile-wrap,.drawn-wrap{width:60px}.deck-zone{gap:20px 12px}.card .number{font-size:32px}.table-player h3{max-width:125px}.table-player>div>span{font-size:9px}.table-board{max-width:300px}.welcome-start{padding:25px}.welcome-intro h1{font-size:50px}.bonus-rail>div{gap:7px;font-size:10px}.preview-reward{left:207px}.welcome-preview{width:310px}}
@media(max-width:700px){.site-header{height:72px;margin:0 18px;padding:0 1px}.wordmark{font-size:30px}.wordmark i{font-size:15px;top:-10px}.header-note{display:none}.icon-btn{width:38px;height:38px;font-size:15px}main{padding:22px 18px}.welcome-layout{display:flex;flex-direction:column;padding:0;gap:25px}.welcome-intro{width:100%;text-align:center}.welcome-intro>.eyebrow{font-size:8px;letter-spacing:1.7px;margin:3px 0 14px}.tiny-diamond{font-size:11px}.welcome-intro h1{font-size:37px;letter-spacing:-1.3px;margin:0 0 14px;line-height:1.12}.welcome-intro h1 br:nth-of-type(2){display:none}.welcome-intro h1 em:before{content:' '}.welcome-description{font-size:12px;line-height:1.7;margin-bottom:15px}.welcome-facts{justify-content:center;gap:10px;font-size:9px}.welcome-preview{display:none}.welcome-start{width:100%;max-width:480px;padding:23px 20px;border-radius:17px;box-shadow:0 10px 25px #242e3603}.welcome-start>.eyebrow{font-size:8px}.welcome-start h2{font-size:29px;margin-bottom:7px}.start-caption{font-size:12px;margin-bottom:17px}.mode,.mode.selected{padding:12px;min-height:70px;border-radius:10px;gap:12px}.mode strong{font-size:13px}.mode small{font-size:10px;line-height:1.4}.mode-icon,.mode:nth-child(2) .mode-icon,.mode:nth-child(3) .mode-icon{width:35px;height:35px;font-size:20px}.mode-check,.selected .mode-check{width:17px;height:17px;border-width:1px}.setup-panel{padding:19px 0 0;gap:12px;grid-template-columns:1fr 1fr}.field{font-size:11px}.field input,.field select{font-size:16px;height:44px;min-width:0}.field input::placeholder{font-size:11px}.setup-panel .friends-actions{display:flex}.friends-actions>*{font-size:12px;padding:12px 8px}.setup-panel .primary{font-size:13px;height:47px}.learn-link{font-size:10px;margin-top:16px}.how-it-works{padding:24px 0 0;margin-top:26px;gap:15px}.how-it-works>div{padding:0}.how-it-works>div>span{position:static;display:block;margin-bottom:9px;font-size:15px}.how-it-works h3{font-size:11px;line-height:1.4;margin-bottom:7px}.how-it-works p{font-size:10px;line-height:1.6}.site-footer{margin:10px 18px 0;padding:18px 0 23px;font-size:8px;text-align:center}.site-footer>span:last-child{display:none}body[data-screen=game] .site-header{height:62px}body[data-screen=game] main{padding:17px 12px 20px}.match-head{padding:0 5px 15px}.match-head .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:6px}.match-head h1{font-size:23px;gap:10px}.round-divider{font-size:18px}.round-subtitle{font-size:10px;max-width:130px;line-height:1.4}.match-goal{font-size:0;gap:4px}.match-goal b{font-size:15px;font-family:Georgia,serif}.match-goal:after{content:'pts';font-size:9px}.premium-table{border-radius:19px}.premium-table:before{inset:6px;border-radius:13px}.table-topline{padding:13px 17px;font-size:7px;letter-spacing:1px}.table-topline>span:first-child{font-size:11px}.table-topline i{font-size:7px;letter-spacing:1px}.table-topline>span:nth-child(2){font-size:7px;letter-spacing:1.1px}.duel-layout{display:flex;flex-direction:column;gap:13px;padding:15px 20px 10px}.rival-tables,.your-table{width:100%}.table-board{width:100%;max-width:271px}.other-board{max-width:225px}.table-player{gap:8px;margin-bottom:9px}.player-seal{width:29px;height:29px;font-size:13px}.table-player h3{font-size:12px;margin-bottom:3px;max-width:155px}.table-player>div>span{font-size:9px}.player-total strong{font-size:20px}.player-total small{font-size:8px}.board-surface{padding:10px 12px;border-radius:12px}.board-caption{font-size:7px;letter-spacing:.9px;margin-bottom:8px}.board-caption span:last-child{font-size:8px}.grid{gap:7px}.card{border-width:2px;border-radius:7px;aspect-ratio:3/3.35}.card .number{font-size:32px;letter-spacing:-1px}.card .corner{font-size:8px;top:4px;left:4px}.card .corner.bottom{bottom:4px;right:4px}.card.back:after{inset:4px;border-radius:3px}.back-label{font-size:20px}.back-label i{font-size:15px;margin-bottom:3px}.other-board .board-surface{padding:8px 10px;background:#ffffff05}.other-board .grid{gap:5px;max-width:150px;margin:auto}.other-board .card{aspect-ratio:3/3.25;border-width:2px}.other-board .card .number{font-size:23px;letter-spacing:-.8px}.other-board .card .corner{font-size:6px;top:3px;left:3px}.other-board .card .corner.bottom{right:3px;bottom:3px}.other-board .back-label{font-size:13px;letter-spacing:-1px}.other-board .back-label i{font-size:10px;margin-bottom:2px}.other-board .board-caption{margin-bottom:6px}.other-board .board-score{margin-top:7px;font-size:9px}.other-board .board-score strong{font-size:15px}.board-score{margin-top:9px;font-size:10px}.board-score strong{font-size:17px}.board-score small{font-size:8px}.chips{margin-top:6px;min-height:0;gap:4px}.chip{font-size:8px;padding:3px 5px}.table-center{width:100%;max-width:270px;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;padding:12px 0}.center-emblem,.center-note{display:none}.deck-zone{display:flex;gap:30px;justify-content:center;align-items:center;margin:0}.pile-wrap,.drawn-wrap{width:51px}.pile-wrap:first-child,.pile-wrap:last-child,.drawn-wrap{grid-column:auto;grid-row:auto}.pile-wrap>.card,.drawn-wrap>.card{aspect-ratio:3/3.7}.pile-wrap>span{font-size:9px;margin-top:7px}.pile-wrap>span b{font-size:8px;margin-left:2px}.pile-wrap .back-label{font-size:14px}.pile-wrap .back-label i{font-size:11px}.pile-wrap .number,.drawn-wrap .number{font-size:25px}.drawn-wrap{min-height:78px;margin:0}.drawn-wrap small{font-size:8px;margin-top:7px}.drawn-empty{font-size:15px;letter-spacing:2px;margin:0}.discard-target .empty{font-size:21px}.turn-banner{margin:5px 13px 15px;padding:11px 12px;min-height:59px;border-radius:10px;gap:10px}.turn-indicator{width:27px;height:27px;font-size:16px}.turn-overline{font-size:7px;letter-spacing:1.3px;margin-bottom:4px}.turn-banner h2{font-size:11px;line-height:1.5}.live-caption{display:none}.bonus-rail{grid-template-columns:repeat(4,1fr);padding:12px 6px;margin-top:12px;border-radius:11px;gap:12px 0}.bonus-rail>div{flex-direction:column;gap:4px;font-size:9px;padding:0 3px;white-space:nowrap}.bonus-rail strong{font-size:18px}.bonus-rail>div:nth-child(4){border:0}.bonus-rail .max9-bonus{grid-column:1/-1;border-top:1px solid #eee9e0;flex-direction:row;padding-top:10px;gap:12px;font-size:11px}.max9-bonus span{display:flex;gap:10px;align-items:center}.max9-bonus small{font-size:9px;margin:0}.max9-bonus strong{font-size:21px}.match-bottom{font-size:9px;line-height:1.6;margin-top:12px;padding:0 3px;gap:12px}.match-bottom>span{max-width:220px}.match-bottom .link-button{font-size:9px;white-space:nowrap}.rival-tables.multiple{max-width:270px;gap:12px}.rival-tables.multiple>.table-board{min-width:225px}.results h2{font-size:28px}.result{padding:15px}.result .sum{font-size:32px}.result h3{font-size:12px}.result dl{font-size:11px}.lobby{margin:7px 0;padding:26px 20px;border-radius:17px}.lobby h1{font-size:29px}.lobby-symbol{width:55px;height:55px;font-size:27px}.room-code{font-size:26px}.lobby .subtle{font-size:13px}.member{font-size:13px}.member small{font-size:10px}dialog{padding:25px;border-radius:17px}dialog h2{font-size:28px}}
@media(max-width:370px){.welcome-intro h1{font-size:33px}.welcome-description{font-size:11px}.welcome-start{padding:21px 16px}.mode strong{font-size:12px}.duel-layout{padding-left:15px;padding-right:15px}.table-topline>span:nth-child(2){font-size:6px}.round-subtitle{font-size:9px;max-width:110px}.table-board{max-width:251px}.other-board{max-width:215px}.turn-banner h2{font-size:10px}}
@media(prefers-reduced-motion:reduce){.card.fresh,.drawn-wrap .card.fresh,.deck-button.can-draw{animation:none!important}}
/* Keep the instruction and both grids within a comfortable phone view. */
@media(max-width:700px){.premium-table{display:flex;flex-direction:column}.table-topline{order:0}.premium-table .turn-banner{order:1;margin:10px 12px 0;padding:10px 12px;min-height:57px}.duel-layout{order:2;gap:10px;padding:14px 18px}.other-board{max-width:271px;display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:8px;align-items:center}.other-board .table-player{flex-wrap:wrap;gap:7px;align-content:center;margin:0}.other-board .table-player h3{font-size:12px;max-width:112px}.other-board .table-player>div>span{font-size:10px}.other-board .player-total{width:100%;text-align:left;margin:5px 0 0 36px}.other-board .player-total strong{display:inline;margin-right:5px}.other-board .board-surface{padding:7px}.other-board .board-caption{display:none}.other-board .grid{width:120px;gap:4px}.other-board .board-score{margin-top:6px;font-size:9px}.other-board .board-score strong{font-size:14px}.other-board .chips{grid-column:1/-1;margin:0}.chips:empty{display:none}.your-board{max-width:247px}.your-board .board-caption{font-size:8px}.your-board .board-score{margin-top:7px}.turn-banner h2{font-size:12px}.turn-overline{font-size:9px}.board-score,.pile-wrap>span{color:#b3bfce}.table-player>div>span{color:#a6b4c6}.live-caption{display:none}}