/* Checker / The Crown & Capture Club. Shared-page shell inspired by Slave.
   Scoped to Checker; the original game board and responsive skin stay intact. */
@font-face{font-family:Club;src:url("fonts/bai-jamjuree-400-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Club;src:url("fonts/bai-jamjuree-600-latin.woff2") format("woff2");font-weight:500 900;font-display:swap}
@font-face{font-family:ClubDisplay;src:url("fonts/chonburi-400-latin.woff2") format("woff2");font-display:swap}
.checker-club{--club-bg:#131e25;--club-panel:#1b2a33;--club-soft:#293c44;--club-accent:#e9c58c;--club-ink:#f6efdf;--club-muted:#aebfc5;--club-line:#e4d1b521;font-family:Club,Arial,sans-serif;color:var(--club-ink)}
.checker-club *{box-sizing:border-box}
.checker-club [hidden]{display:none!important}
.checker-club :is(button,a,input,select):focus-visible{outline:3px solid #efc98b;outline-offset:4px}
.checker-club button{cursor:pointer;font:600 12px Club,sans-serif}
.checker-club button:disabled{opacity:.45;cursor:default}
.checker-club a{color:inherit}
.club-pages{margin:0;min-width:320px;background:radial-gradient(ellipse at 85% 8%,#3a525844,transparent 45%),var(--club-bg);font-family:Club,sans-serif}
.club-skip{position:fixed;left:16px;top:-100px;z-index:500;padding:14px 20px;border-radius:10px;color:#15222b!important;background:var(--club-accent)}
.club-skip:focus{top:12px}
.club-header{position:relative;z-index:30;border-bottom:1px solid var(--club-line);background:#111b22f5}
.club-header-inner{max-width:1440px;min-height:96px;padding:18px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.club-brand{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none}
.club-brand b,.club-brand .play-title{display:block;font:600 26px/1.1 Club,sans-serif;letter-spacing:-.06em;margin:0}
.club-brand i{color:var(--club-accent);font-style:normal}
.club-brand small{display:block;margin-top:6px;font:600 7px/1.5 Club,sans-serif;letter-spacing:.17em;color:var(--club-muted)}
.club-mark{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);align-content:center;justify-content:center;gap:3px;flex:none;width:44px;height:48px;border-radius:13px 13px 17px 6px;border:1px solid #edc18b66;background:linear-gradient(135deg,#46534b,#1f3035)}
.club-mark i{background:#f2d3a1;border-radius:2px}
.club-mark i:nth-child(2),.club-mark i:nth-child(3){background:#87b9b7}
.portal-menu-row,.club-console{display:flex;align-items:center;gap:24px;min-width:0}
.portal-home-link{display:flex;align-items:center;gap:9px;min-height:50px;padding:7px 12px 7px 9px;border:1px solid #e9c58c3a;border-radius:13px;background:linear-gradient(135deg,#3a342a,#242932);text-decoration:none;color:#f6deb9!important;flex:none}
.portal-home-link:hover{background:#463c2a;border-color:#e9c58c77}
.portal-back-cue{font-size:17px;color:#c2b396}
.portal-brand-tile{display:grid;place-items:center;width:29px;height:31px;border-radius:7px;background:linear-gradient(135deg,#f7dc99,#cf9750);color:#382615;font:600 21px Club,sans-serif}
.portal-brand-copy b{font:600 14px/1.2 Club,sans-serif;letter-spacing:-.03em}.portal-brand-copy b span{color:#ffb744}
.portal-brand-copy small{display:block;margin-top:3px;color:#c1b09a;font-size:9px}
.checker-club .club-site-nav{display:flex;align-items:center;gap:3px;flex:none;width:auto;order:initial;margin:0;padding:5px;border:1px solid var(--club-line);border-radius:13px;background:#ffffff04}
.checker-club .club-site-nav a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 11px;border:1px solid transparent;border-radius:9px;text-decoration:none;font:600 12px/1.2 Club,sans-serif;letter-spacing:0;color:#bdcbd0;white-space:nowrap;transform:none;box-shadow:none}
.checker-club .club-site-nav a span{display:inline;color:inherit;font-size:13px}
.checker-club .club-site-nav a:hover{background:#ffffff0b;color:#fff4e0}
.checker-club .club-site-nav a[aria-current=page]{color:#ffe1ac;border-color:#f4d6a326;background:#3d463f;box-shadow:inset 0 1px #ffffff0a}
.club-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid var(--club-line);border-radius:10px;background:var(--club-soft);color:var(--club-ink)}
.club-main{width:min(1200px,calc(100% - 64px));margin:0 auto}
.club-pages h1,.club-pages h2,.club-pages h3{color:var(--club-ink);letter-spacing:-.04em;line-height:1.25}
.club-pages h2{font-size:28px;font-weight:600;margin:8px 0 16px}
.club-pages h3{font-size:20px;font-weight:600}
.club-pages p{line-height:1.8;color:var(--club-muted)}
.club-pages .club-kicker{margin:0 0 16px;color:var(--club-accent);font:600 10px/1.6 Club,sans-serif;letter-spacing:.16em}
.club-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:28px;align-items:center;min-height:530px;padding:42px 0 34px}
.hero-copy{z-index:1}
.club-hero h1{font:400 clamp(54px,6.4vw,88px)/1.08 Georgia,serif;letter-spacing:-.055em;margin:18px 0 25px}
.club-hero h1 em,.page-intro h1 em{color:var(--club-accent);font-style:italic}
.hero-copy>p:not(.club-kicker){font-size:17px;line-height:1.85;margin-bottom:25px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.club-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:13px 20px;border:1px solid var(--club-line);border-radius:11px;font:600 13px/1.4 Club,sans-serif;text-decoration:none}
.club-button.primary{color:#302a21;background:linear-gradient(115deg,#f8dfb3,#dfb77a);border-color:#ffedc733;box-shadow:inset 0 1px #fff5}
.club-button.primary:hover{filter:brightness(1.08)}
.club-button.secondary{color:var(--club-accent);background:#ffffff04}.club-button.secondary:hover{background:var(--club-soft)}
.hero-facts{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:27px;color:#9eb3bd;font-size:8px;letter-spacing:.09em}
.hero-facts b{font-size:18px;color:#e4d7bb;font-weight:400;margin-right:5px}
.hero-table{position:relative;width:100%;min-width:0;padding:28px 34px 68px;isolation:isolate}
.hero-table:before{content:"";position:absolute;inset:10% 0;background:radial-gradient(ellipse,#80ad9860,transparent 70%);z-index:-1}
.hero-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,minmax(0,1fr));width:100%;max-width:450px;margin:auto;aspect-ratio:1;border:12px solid #ba9b70;border-radius:12px;background:#20323e;box-shadow:0 3px #e8c990,0 10px #5c5039,0 12px #d1b47b,0 30px 35px #030c1988;transform:perspective(900px) rotateX(25deg) rotateZ(-12deg)}
.hero-square{display:grid;place-items:center;min-width:0;background:linear-gradient(135deg,#dccdad,#c0b79d);box-shadow:inset 0 0 0 1px #baab8f}
.hero-square.dark{background:linear-gradient(135deg,#32454b,#25373e);box-shadow:inset 0 0 0 1px #26393d}
.club-checker{position:relative;display:grid;place-items:center;width:74%;aspect-ratio:1;border:3px double #ffffff88;border-radius:50%;box-shadow:inset 0 -5px 6px #0005,inset 3px 3px 4px #fff5,0 4px #523627,0 7px 6px #0006;color:#ffe0a5;font:600 23px/1 Georgia,serif}
.club-checker:before{content:"";position:absolute;inset:16%;border:1px solid #ffefd75c;border-radius:50%}
.club-checker.red{background:radial-gradient(circle at 30% 25%,#efada0,#ad464e 65%,#742e3b)}
.club-checker.cyan{background:radial-gradient(circle at 30% 25%,#b2e7de,#4c9298 65%,#285d68);box-shadow:inset 0 -5px 6px #0005,inset 3px 3px 4px #fff5,0 4px #274957,0 7px 6px #0006}
.club-checker.crowned{outline:2px solid #edc18b;outline-offset:2px}
.table-caption{position:absolute;bottom:8px;left:34px;right:34px;display:flex;justify-content:space-between;gap:12px;margin:33px 8px 0;color:#8da3ad;font-size:8px;letter-spacing:.12em}.table-caption b{font-weight:400;color:#cabf9f}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}
.section-heading .club-kicker{margin-bottom:4px}.section-heading h2{margin:0}.section-heading h2>span{color:var(--club-accent)}
.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--club-accent)!important;font-size:12px;text-decoration:none}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.lobby-layout,.profile-layout{display:grid;grid-template-columns:1.12fr .88fr;align-items:start;gap:24px}
.arcade-panel{padding:28px;border:1px solid var(--club-line);border-radius:20px;background:linear-gradient(135deg,#ffffff04,transparent 65%),var(--club-panel);min-width:0}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin-bottom:0}.panel-heading .club-kicker{margin-bottom:7px}
.count-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-left:5px;padding:0 7px;background:#e9c58c15;border:1px solid var(--club-line);border-radius:30px;font:600 12px Club,sans-serif;vertical-align:middle;color:var(--club-accent)}
.mini-button{min-height:44px;padding:10px 14px;border:1px solid #e4d1b530;border-radius:9px;background:var(--club-soft);color:var(--club-accent);font:600 12px Club,sans-serif;white-space:nowrap}
.mini-button:hover{border-color:#e9c58c77}
.club-pages .muted-copy{font-size:12px;line-height:1.7;min-height:21px;margin:15px 0}
.panel-copy{font-size:13px}
.club-pages label{display:block;margin:18px 0 8px;font-size:12px;color:#d1d9d9}
.club-pages label small{float:right;font-size:10px;color:var(--club-muted);font-weight:400}
.club-pages :is(input:not([type=checkbox]),select){min-height:48px;width:100%;min-width:0;padding:12px 14px;border:1px solid #cfdbdb33;border-radius:10px;background:#111d26;color:var(--club-ink);font:400 16px Club,sans-serif}
.club-pages input::placeholder{color:#8196a4}
.club-pages .switch-line{display:flex;align-items:center;gap:12px;margin:22px 0;cursor:pointer;min-height:44px}
.switch-line input{width:19px;height:19px;accent-color:var(--club-accent);flex:none}.switch-line b{font-size:12px}.switch-line small{display:block;float:none!important;margin-top:4px}
.create-panel form>.club-button,.profile-editor form>.club-button{width:100%;margin-top:6px}
.join-code{padding-top:7px;border-top:1px solid var(--club-line)}.join-code>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.join-code input{text-transform:uppercase;letter-spacing:.15em}
.room-list,.score-list{list-style:none;margin:0;padding:0}
.room-list{display:grid;gap:12px}.room-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px;border-radius:12px;border:1px solid var(--club-line);background:#0e19226b}
.room-list li>div{min-width:0}.room-list strong{display:block;font-size:16px;overflow-wrap:anywhere;color:#efdfc3}
.room-list small{display:block;font-size:11px;line-height:1.7;color:var(--club-muted);margin:5px 0;overflow-wrap:anywhere}
.room-list code{color:#95c9c7;font:600 11px Club,sans-serif;letter-spacing:.15em}
.empty-table{text-align:center;padding:25px 12px 35px}.empty-pieces{height:100px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:17px}
.empty-pieces .club-checker{width:68px;transform:rotate(-15deg)}.empty-pieces .cyan{width:55px;transform:rotate(12deg) translateY(8px)}
.empty-table .club-kicker{font-size:8px;margin-bottom:10px}.empty-table h3{font-size:23px;margin:6px 0}.empty-table>p:not(.club-kicker){font-size:13px}
.panel-footnote{font-size:11px;line-height:1.8;color:var(--club-muted);border-top:1px solid var(--club-line);padding-top:20px;margin:20px 0 0}.panel-footnote>span{margin-right:8px;color:var(--club-accent)}
.club-steps{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;align-items:center;padding:44px 0;margin-top:30px;border-top:1px solid var(--club-line)}.club-steps h2{font-size:24px;margin:0}.club-steps .club-kicker{font-size:8px}
.club-steps article b{font:italic 32px Georgia,serif;color:var(--club-accent)}.club-steps article h3{font-size:15px;margin:12px 0 6px}.club-steps article p{font-size:12px;margin:0}
.club-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:24px 0 0;padding:27px 0;border-top:1px solid var(--club-line);color:#8fa6af;font:400 9px/1.8 Club,sans-serif;letter-spacing:.05em}
.club-footer i{color:var(--club-accent);margin:0 5px}.club-footer a{text-decoration:none;display:flex;align-items:center;min-height:44px}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:56px 0 42px}.page-intro h1{font:400 clamp(40px,5vw,64px)/1.14 Georgia,serif;letter-spacing:-.05em;margin:16px 0 22px}.page-intro p:not(.club-kicker){font-size:15px;margin:0}
.intro-emblem{flex:none;display:grid;place-items:center;width:185px;height:185px;margin-right:50px;border:1px solid #e9c58c3b;border-radius:50%;font:400 110px Georgia,serif;color:var(--club-accent);background:radial-gradient(circle,#e9c58c12,transparent 65%);box-shadow:inset 0 0 0 12px #e9c58c05}
.small-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0 15px}.small-invitation h2{font-size:25px;margin:0 0 10px}.small-invitation p{font-size:13px;margin:0}
.leaderboard-panel .section-heading{padding:0 0 30px}.score-head,.score-list li{display:grid;grid-template-columns:65px minmax(0,1fr) 85px 85px;gap:16px;align-items:center;padding:18px 15px}.score-head{color:var(--club-muted);font-size:10px;letter-spacing:.1em;border-bottom:1px solid var(--club-line)}.score-head span:last-child{text-align:right}
.score-list li{border-bottom:1px solid var(--club-line);font-size:14px}.score-list strong{overflow-wrap:anywhere}.score-list b{color:var(--club-accent);text-align:right;font-size:20px}.score-list li:first-child{background:#e9c58c0a;border-radius:8px}.score-list li>span:first-child{color:var(--club-accent)}
.identity-card{padding:28px 32px;border:1px solid #e9c58c4a;border-radius:24px;background:radial-gradient(ellipse at 50% 20%,#bd7b6833,transparent 75%),linear-gradient(130deg,#343b3c,#1d2b34);text-align:center;overflow:hidden}
.identity-top,.identity-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.1em;color:#c6bdaa}.identity-top>span:last-child{font-size:20px;color:var(--club-accent)}.identity-bottom{border-top:1px solid var(--club-line);padding-top:20px;margin-top:22px;font-size:8px}
.identity-medallion{display:grid;place-items:center;width:110px;height:110px;margin:22px auto 28px;border:1px solid #e9c58c33;border-radius:50%;background:#e9c58c08}.identity-medallion .club-checker{width:70px;font-size:40px}
.identity-card h2{margin:12px 0 25px;font-size:30px;overflow-wrap:anywhere}.identity-card .club-kicker{font-size:8px}.profile-score b{display:block;font:400 50px/1.2 Georgia,serif;color:var(--club-accent)}.profile-score>span{font-size:9px;color:var(--club-muted);letter-spacing:.15em}
.identity-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 0;gap:10px}.identity-card dt{font-size:9px;color:var(--club-muted)}.identity-card dd{margin:6px 0;color:#d9e8e3;font-size:24px}
.profile-editor>p:not(.club-kicker){font-size:14px}.profile-editor form>.club-button{margin-top:20px}.privacy-note{display:flex;align-items:start;gap:12px;padding:20px 0;margin:10px 0;border-top:1px solid var(--club-line)}.privacy-note>span{color:var(--club-accent);font-size:22px}.privacy-note p{font-size:12px;margin:0}
.rules-note{display:flex;gap:26px;align-items:center;padding:21px 25px;margin-bottom:24px;border:1px solid var(--club-line);border-radius:14px;background:#e9c58c07}.rules-note b{flex:none;font-size:10px;color:var(--club-accent);letter-spacing:.1em}.rules-note p{font-size:13px;margin:0}
.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rule-card{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;align-items:center;padding:26px}.rule-card h2{font-size:23px;margin:10px 0}.rule-card p{font-size:13px;margin:0}.rule-number{font:italic 26px Georgia,serif;color:var(--club-accent)}
.mini-board{display:grid;grid-template-columns:repeat(var(--cells,4),minmax(0,1fr));grid-template-rows:repeat(var(--cells,4),minmax(0,1fr));aspect-ratio:1;border:5px solid #b49c74;border-radius:5px;background:#1d313b}.mini-square{position:relative;display:grid;place-items:center;background:#d5c8aa;color:#f5d690;font-size:28px}.mini-square.dark{background:#30454e}.mini-square.destination:before{content:"";width:25%;height:25%;border-radius:50%;background:#f5d690;box-shadow:0 0 0 3px #f5d69022}.mini-square .club-checker{border-width:2px;font-size:17px}.diagram-caption{display:block;margin-top:16px;font-size:7px;letter-spacing:.09em;color:var(--club-muted);text-align:center}
.creator-card{display:grid;grid-template-columns:.85fr 1.5fr;border:1px solid var(--club-line);border-radius:24px;overflow:hidden;background:var(--club-panel)}
.creator-signature{padding:38px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(ellipse,#9e765222,transparent 75%),#0002;border-right:1px solid var(--club-line)}.creator-monogram{position:relative;font:400 100px Georgia,serif;letter-spacing:-.12em;color:var(--club-accent);padding-right:14px}.creator-monogram i{position:absolute;top:0;right:-20px;font:22px Club,sans-serif;font-style:normal}.creator-origin{font-size:9px;letter-spacing:.2em;color:var(--club-muted)}
.creator-details{padding:42px}.creator-details h2{font:400 clamp(30px,4vw,46px)/1.2 Georgia,serif;margin-bottom:20px}.creator-details>p:not(.club-kicker){font-size:14px}
.creator-contact{display:grid;gap:10px;margin-top:28px;font-style:normal}.creator-contact a{display:grid;grid-template-columns:55px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:58px;padding:15px;background:#0002;border:1px solid var(--club-line);border-radius:11px;text-decoration:none}.creator-contact a:hover{border-color:var(--club-accent)}.creator-contact span{font-size:9px;letter-spacing:.12em;color:var(--club-muted)}.creator-contact b{font-size:14px;overflow-wrap:anywhere}.creator-contact i{font-style:normal;color:var(--club-accent)}

/* Play keeps the current board art and game logic; only the console shell changes. */
.checker-club.club-play{font-family:Club,Arial,sans-serif}
.club-play .club-header{margin:0 0 18px;border:1px solid #e4d1b52c;border-radius:15px;background:#142431f0}
.club-play .club-header-inner{min-height:76px;padding:12px 14px;gap:16px}
.club-play .club-brand .play-title{font-size:22px}.club-play .club-brand small{font-size:6px}.club-play .club-mark{width:35px;height:40px;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px)}
.club-play .club-console{gap:22px;justify-content:flex-end;flex:1}
.club-game-actions{display:flex;align-items:center;gap:7px}
.checker-club .club-game-actions .control-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 11px;border-radius:9px;background:#243b4a;color:#d6e6ee;border-color:#a1c9d233;font:600 11px/1.2 Club,sans-serif;letter-spacing:0;white-space:nowrap;transform:none;box-shadow:none;flex:none}
.checker-club .club-game-actions .control-button--primary{background:linear-gradient(120deg,#edc895,#d4aa72);border-color:#f4d7a6;color:#33291d}
.checker-club .club-game-actions .control-button>span{float:none;line-height:1;font-size:15px}
.club-play .club-site-nav{background:#362d3e;border-color:#d8b4d22b}.club-play .club-site-nav a{font-size:11px;padding-inline:8px}.club-play .club-site-nav a[aria-current=page]{background:#5c4656;color:#ffe5bd}
.club-play .club-menu-toggle{background:#362d3e;color:#f2ddea}
.club-play .grain,.club-play .scanner-line{display:none}
.club-play .side-panel--right .turn-orb{border-radius:15px;width:100%;min-height:105px;background:#152e40ed;box-shadow:inset 0 1px #fff1}
.club-play .table-guide{border-top:1px solid #c7daeb2b;padding-top:17px;color:#c1d2df;font:400 12px/1.7 Club,sans-serif}
.club-play .table-guide strong{color:#f1d6a8;font-size:13px;display:block;margin-bottom:7px}
.club-play .side-panel--left :is(.stat-block,.scanner-card,.control-button){border-radius:10px}
.club-play .result-card{border-radius:22px;border-color:#e9c58c55;background:linear-gradient(130deg,#253641f9,#111e2bf9);padding:32px}
.club-play .result-card h2{font:400 37px/1.15 Georgia,serif;letter-spacing:-.035em;color:#f5d39f}
.club-play .result-card .control-button{border-radius:10px;font-family:Club,sans-serif;letter-spacing:0}
.club-play .board-viewport{overflow:auto;width:100%;scrollbar-width:thin;scrollbar-color:#9cbac3 #182635}
.club-play .square:focus-visible{outline:3px solid #fff0b4;outline-offset:-4px;z-index:5}
/* The game menu occupies one row, with a separate colour and gap from controls. */
@media(max-width:1280px){
 .club-play .club-site-nav{display:none;position:absolute;top:calc(100% + 8px);right:0;width:min(530px,100%);grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;background:#263540;box-shadow:0 16px 35px #0009}
 .club-play .club-site-nav.club-menu-open{display:grid}
 .club-play .club-menu-toggle{display:inline-flex}
}
@media(max-width:1100px){
 .club-header-inner{padding:14px 24px;min-height:82px}
 .club-pages .club-site-nav{display:none;position:absolute;right:24px;top:calc(100% + 8px);width:min(520px,calc(100% - 48px));grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;background:#24343e;box-shadow:0 18px 35px #0008}
 .club-pages .club-site-nav.club-menu-open{display:grid}
 .club-menu-toggle{display:inline-flex}
 .club-hero{min-height:470px}.club-hero h1{font-size:70px}.hero-table{padding-inline:34px}
 .rule-card{grid-template-columns:115px minmax(0,1fr);gap:20px;padding:22px}.rule-card h2{font-size:21px}
}
@media(max-width:850px){
 .club-main{width:calc(100% - 40px)}
 .club-hero{grid-template-columns:1fr .85fr;gap:16px;min-height:430px}.club-hero h1{font-size:60px}.hero-copy>p:not(.club-kicker){font-size:14px}.hero-facts{gap:12px;font-size:7px}
 .hero-actions .club-button{font-size:12px;padding:12px 14px}.hero-board{border-width:8px}.table-caption{font-size:6px;margin-top:25px}
 .lobby-layout,.profile-layout{grid-template-columns:1fr}.create-panel{max-width:none}.club-steps{grid-template-columns:1fr 1fr;gap:28px}
 .rules-grid{grid-template-columns:1fr}.rule-card{grid-template-columns:150px minmax(0,1fr)}.rules-note{align-items:start;gap:20px}
 .page-intro{padding:40px 0 32px}.intro-emblem{width:130px;height:130px;font-size:80px;margin-right:15px}.creator-details{padding:30px}.creator-signature{padding:30px}
 .club-play .side-panel--right{display:none}.club-play .side-panel--left{display:flex;gap:10px;margin-top:8px}.club-play .side-panel--left .scanner-card{display:block}
 .club-play .game-layout{gap:10px}
}
@media(max-width:600px){
 .club-header-inner{padding:12px 16px;gap:12px;min-height:76px}.club-brand{gap:8px}.club-brand b{font-size:23px}.club-brand small{font-size:6px;letter-spacing:.07em}.club-mark{width:33px;height:38px;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px)}
 .portal-menu-row{gap:12px}.portal-home-link{min-height:44px;padding:6px 8px;gap:5px}.portal-brand-copy{display:none}.portal-back-cue{font-size:14px}.portal-brand-tile{width:24px;height:28px;font-size:18px}
 .club-pages .club-site-nav{right:12px;width:calc(100% - 24px);gap:6px}.checker-club .club-site-nav a{font-size:11px;padding:12px 7px;min-height:46px}
 .club-main{width:calc(100% - 32px)}
 .club-hero{grid-template-columns:1fr;gap:0;padding:32px 0 10px;min-height:0}.club-hero h1{font-size:64px;margin:16px 0 18px}.hero-copy>p:not(.club-kicker){font-size:15px;margin:0 0 20px}
 .club-hero .club-kicker{font-size:8px}.hero-actions{gap:10px}.hero-actions .club-button{flex:1;gap:12px;justify-content:space-between}.hero-facts{margin-top:22px;gap:18px}.hero-facts b{font-size:15px}
 .hero-table{max-width:360px;margin:0 auto;padding:24px 26px 50px}.hero-board{border-width:8px;transform:perspective(800px) rotateX(25deg) rotateZ(-10deg)}.hero-board .club-checker{border-width:2px;font-size:17px}.table-caption{margin-top:25px;font-size:6px}
 .section-heading{align-items:start;gap:12px;flex-wrap:wrap;padding:22px 0}.section-heading h2{font-size:25px}.section-heading .club-kicker{font-size:8px}
 .arcade-panel{padding:21px;border-radius:17px}.arcade-panel h2{font-size:24px}.panel-heading h2{font-size:23px}.panel-heading .club-kicker{font-size:8px}.mini-button{font-size:11px;padding:10px 12px}
 .empty-table{padding:20px 0 25px}.empty-table h3{font-size:21px}.room-list li{padding:14px;gap:10px}.room-list strong{font-size:14px}
 .club-steps{gap:25px;padding:28px 0;margin-top:24px}.club-steps h2{font-size:21px}.club-steps .club-kicker{font-size:7px}.club-steps article h3{font-size:14px}
 .club-footer{gap:7px;margin-top:16px;padding:18px 0;font-size:8px}.club-footer>span:nth-child(2){display:none}
 .page-intro{padding:34px 0 30px;gap:10px}.page-intro h1{font-size:42px}.page-intro .club-kicker{font-size:8px}.page-intro p:not(.club-kicker){font-size:13px}.intro-emblem{width:72px;height:72px;font-size:45px;margin:0;box-shadow:inset 0 0 0 5px #e9c58c05}
 .small-invitation{align-items:start;flex-direction:column;gap:16px;padding:32px 0 12px}.small-invitation h2{font-size:23px}.small-invitation .club-button{width:100%}
 .score-head,.score-list li{grid-template-columns:36px minmax(0,1fr) 48px 55px;gap:8px;padding:15px 4px}.score-head{font-size:8px}.score-list li{font-size:12px}.score-list b{font-size:17px}
 .identity-card{padding:24px}.identity-card h2{font-size:28px}.profile-editor{padding:24px}
 .rules-note{display:block;padding:18px}.rules-note b{display:block;margin-bottom:10px}.rules-note p{font-size:12px}
 .rule-card{grid-template-columns:105px minmax(0,1fr);gap:20px;padding:20px}.rule-card h2{font-size:21px}.rule-card p{font-size:12px}.mini-square .club-checker{font-size:13px}.diagram-caption{font-size:6px;line-height:1.7}
 .creator-card{grid-template-columns:1fr}.creator-signature{min-height:210px;padding:25px;border-right:0;border-bottom:1px solid var(--club-line)}.creator-signature .club-kicker{margin:0}.creator-monogram{font-size:72px}.creator-details{padding:25px}.creator-details h2{font-size:36px}.creator-contact a{grid-template-columns:42px minmax(0,1fr) 14px;gap:8px;padding:13px}.creator-contact b{font-size:13px}
 .club-play .app-shell{padding:10px 12px 14px}
 .club-play .club-header-inner{padding:9px 10px;min-height:64px;gap:10px}
 .club-play .club-brand .play-title{font-size:20px}.club-play .club-brand small{display:none}.club-play .club-mark{display:none}
 .club-play .club-console{gap:14px}.club-game-actions{gap:5px}
 .checker-club .club-game-actions .control-button{width:44px;min-width:44px;height:44px;padding:10px;font-size:0;gap:0}.checker-club .club-game-actions .control-button>span{font-size:18px}
 .club-play .club-menu-toggle{width:44px;min-width:44px;padding:10px;font-size:0;gap:0}.club-play .club-menu-toggle>span{font-size:19px}
 .club-play .club-header{margin-bottom:12px}.club-play .side-panel--left .scanner-card{display:none}
}
@media(max-width:360px){
 .club-header-inner{padding-inline:12px}.club-brand small{display:none}.club-brand b{font-size:22px}.portal-menu-row{gap:10px}
 .club-play .club-header-inner{gap:6px;padding-inline:8px}.club-play .club-console{gap:10px}.club-play .club-brand .play-title{font-size:18px}.club-game-actions{gap:4px}.club-play .app-shell{padding-inline:8px}
 .rule-card{grid-template-columns:1fr}.rule-diagram{width:140px;margin:auto}.club-hero h1{font-size:59px}.hero-actions .club-button{font-size:11px;padding-inline:12px}
}
@media(orientation:landscape) and (max-height:600px){
 .club-play .club-header-inner{min-height:54px;padding-block:5px}.club-play .club-header{margin-bottom:10px}.club-play .club-brand small{display:none}
 .club-play .game-layout{grid-template-columns:minmax(0,1fr) 180px;align-items:center}
 .club-play .board-wrap{width:min(100%,calc(100svh - 125px));grid-column:1;grid-row:1}
 .club-play .side-panel--right{display:flex;grid-column:2;grid-row:1}.club-play .side-panel--right .turn-orb{display:grid}
 .club-play .table-guide{font-size:11px}.club-play .side-panel--left{display:none}
 .club-play .club-site-nav{max-height:calc(100svh - 82px);overflow:auto}
}
@media(prefers-reduced-motion:reduce){.checker-club *,.checker-club *:before,.checker-club *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}