:root{--bg-deepest:#12100e;--bg-darkest:#171411;--bg-dark:#1b1815;--bg-panel:#1e1a17;--bg-panel-hover:#262119;--bg-panel-active:#1a2f27;--border-subtle:#2f2a24;--border-strong:#453d33;--text-primary:#f0e9df;--text-secondary:#b0a596;--text-dim:#948a7c;--board-light:#6e5a40;--board-dark:#423526;--board-edge:#2c2218;--gridspot-light:#3e3122;--gridspot-dark:#2c2218;--bear-off-light:#2c2218;--bear-off-dark:#1a1410;--piece-light:#f4ead0;--piece-mid:#d4c498;--piece-dark:#8a7550;--piece-ring:#1a1108;--accent-mint:#6fd8b4;--accent-mint-soft:#6fd8b41f;--accent-amber:#e8a75c;--accent-amber-soft:#e8a75c21;--accent-blue:#8fa8e8;--accent-red:#e88594;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, Monaco, monospace;--page-gutter:clamp(18px, 3vw, 40px);--page-vpad:clamp(26px, 3.5vh, 48px);--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #0006, 0 8px 26px #0000004d}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{background:var(--bg-deepest);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 480px at 50% -10%,#e8a75c17,#0000 68%),radial-gradient(700px 400px at 82% 2%,#6fd8b40d,#0000 66%);height:620px;position:fixed;inset:0 0 auto}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-mint)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent-mint);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}input{font:inherit}.site{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#171411d1;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:58px;padding:0 24px;display:grid;position:sticky;top:0}.brand{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:9px;font-size:17px;font-weight:650;display:flex}.brand:hover{color:var(--text-primary)}.brand-mark{width:20px;height:20px;display:block}.topbar nav{justify-content:center;align-items:center;gap:4px;display:flex}.topbar-end{justify-content:flex-end;align-items:center;min-width:0;display:flex}.profile-button{border:1px solid var(--border-subtle);background:var(--bg-panel);min-width:0;color:var(--text-secondary);border-radius:999px;align-items:center;gap:9px;padding:5px 12px 5px 5px;font-size:14px;font-weight:550;transition:border-color .12s,color .12s,background .12s;display:flex}.profile-button:hover{border-color:var(--border-strong);background:var(--bg-panel-hover);color:var(--text-primary)}.profile-initial{background:var(--accent-mint-soft);width:26px;height:26px;color:var(--accent-mint);font-family:var(--font-mono);border:1px solid #6fd8b452;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.profile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar nav a{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;padding:6px 11px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.topbar nav a:hover{color:var(--text-primary);background:var(--bg-panel)}main{width:100%;max-width:1880px;padding:var(--page-vpad) var(--page-gutter) 72px;flex:1;margin:0 auto}.site-foot{border-top:1px solid var(--border-subtle);color:var(--text-dim);text-align:center;max-width:70ch;margin:0 auto;padding:22px 24px 34px;font-size:12.5px;line-height:1.6}h1{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(26px,2.2vw,32px);font-weight:660}h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:13px;font-weight:620}.oops{text-align:center;max-width:480px;margin:0 auto;padding-top:clamp(40px,12vh,120px)}.oops .lede{margin-left:auto;margin-right:auto}.oops .row{justify-content:center}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(26px,3.2vh,40px);display:flex}.section-head{align-items:center;gap:11px;margin-bottom:clamp(12px,1.4vh,18px);display:flex}.section-head:not(:first-child){margin-top:clamp(26px,3vh,38px)}.section-head h2{color:var(--text-primary);letter-spacing:.045em;font-size:17px}.count{font-family:var(--font-mono);background:var(--bg-panel);border:1px solid var(--border-subtle);color:var(--text-dim);border-radius:999px;padding:1px 7px;font-size:11px}.count-mint{color:var(--accent-mint);background:var(--accent-mint-soft);border-color:#6fd8b44d}.count-amber{color:var(--accent-amber);background:var(--accent-amber-soft);border-color:#e8a75c4d}.account-panel{margin-bottom:26px}.account-field{border-top:1px solid var(--border-subtle);padding:16px 0}.account-field:last-child{padding-bottom:0}.account-field>label,.account-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin-bottom:9px;font-size:11px;font-weight:620;display:block}.account-field .field:last-of-type{margin-bottom:12px}.account-field .hint{max-width:62ch;margin-top:9px}.prose{max-width:68ch;line-height:1.7}.prose h2{color:var(--text-primary);letter-spacing:.03em;margin:26px 0 8px;font-size:16px}.prose h2:first-child{margin-top:0}.prose ul{padding-left:20px}.prose>p:first-of-type{margin-top:0}.rules{flex-direction:column;gap:clamp(14px,1.8vw,22px);margin-bottom:clamp(14px,1.8vw,22px);display:flex}.rule{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,44px);padding:clamp(18px,2vw,28px);display:grid}.rule-text{max-width:62ch}.rule-text h2{color:var(--text-primary);letter-spacing:.045em;margin-bottom:10px;font-size:17px}.rule-text p{margin:0 0 10px;line-height:1.65}.rule-text p:last-child{margin-bottom:0}.rule-text .muted{line-height:1.6}.rule-figures{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.rule-figures figure{background:var(--bg-darkest);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;width:176px;margin:0;padding:12px}.rule-figures figcaption{color:var(--text-dim);text-align:left;margin-top:8px;font-size:12px;line-height:1.5}@media (max-width:860px){.rule{grid-template-columns:minmax(0,1fr);gap:18px}.rule-figures{order:-1;justify-content:flex-start}}.lede{color:var(--text-secondary);max-width:62ch;margin:0 0 26px;line-height:1.65}.empty{color:var(--text-dim);border:1px dashed var(--border-subtle);border-radius:var(--radius);margin:0;padding:18px;font-size:14px}.empty a{color:var(--accent-mint)}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,1.6vw,24px)}.panel h2{margin-bottom:14px}.rail{flex-direction:column;gap:clamp(16px,1.8vw,24px);display:flex}.btn{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:7px;padding:8px 15px;font-size:14px;font-weight:520;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-panel-hover);color:var(--text-primary);transform:translateY(-1px)}.btn:active:not(:disabled){transform:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#0e2b23;background:linear-gradient(#6fd8b4,#4dbf99);border-color:#0000;font-weight:630;box-shadow:0 1px 2px #0000004d}.btn-primary:hover:not(:disabled){color:#0e2b23;background:linear-gradient(#86e5c4,#5fd0aa)}.btn-danger:hover:not(:disabled){border-color:var(--accent-red);color:var(--accent-red)}input[type=text],input[type=password],select{background:var(--bg-darkest);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:8px 11px;font-size:14px;transition:border-color .12s,box-shadow .12s}input[type=text]:focus,input[type=password]:focus,select:focus{border-color:var(--accent-mint);box-shadow:0 0 0 3px #6fd8b429}input::placeholder{color:var(--text-dim)}.row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.error{color:var(--accent-red);margin:10px 0 0;font-size:13.5px}.notice{color:var(--accent-mint);margin:10px 0 0;font-size:13.5px}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field label{color:var(--text-dim);letter-spacing:.01em;font-size:12.5px;font-weight:560}.field input{width:100%}.hint{color:var(--text-dim);margin:2px 0 0;font-size:12.5px;line-height:1.45}.muted{color:var(--text-dim);font-size:13.5px}.list{flex-direction:column;gap:clamp(7px,.8vw,10px);margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);align-items:center;gap:12px;padding:clamp(11px,1.1vw,15px) clamp(14px,1.4vw,18px);transition:border-color .12s,background .12s;display:flex}.list-item:hover{border-color:var(--border-strong);background:var(--bg-panel-hover)}.list-item.urgent{background:linear-gradient(180deg, #6fd8b429, #6fd8b40d 55%, var(--bg-panel));box-shadow:0 0 0 1px #6fd8b440, var(--shadow);border-color:#6fd8b499}.list-item.waiting{background:linear-gradient(180deg, #e8a75c26, #e8a75c0d 55%, var(--bg-panel));box-shadow:0 0 0 1px #e8a75c38, var(--shadow);border-color:#e8a75c8c}tr.you td{background:var(--accent-mint-soft)}tr.you td:first-child{box-shadow:inset 2px 0 0 var(--accent-mint)}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border:1px solid var(--border-subtle);color:var(--text-dim);opacity:.6;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 7px;font-size:12.5px;font-weight:560;display:inline-flex}.badge:before{content:"";background:var(--bg-darkest);width:13px;height:13px;box-shadow:inset 0 0 0 2px var(--border-strong);border-radius:50%}.badge.earned{opacity:1;color:var(--accent-mint);background:var(--accent-mint-soft);border-color:#6fd8b466}.badge.earned:before{background:radial-gradient(circle at 35% 30%, var(--piece-light), var(--piece-mid) 55%, var(--piece-dark));box-shadow:inset 0 0 0 2px var(--piece-ring)}.tag{text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--border-strong);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:600}.tag-turn{color:var(--accent-mint);background:var(--accent-mint-soft);border-color:#6fd8b461}.nav-count{background:var(--accent-mint);color:#0e2b23;text-align:center;border-radius:999px;min-width:17px;margin-left:7px;padding:0 6px;font-size:11px;font-weight:700;line-height:17px;display:inline-block}.statcards{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:clamp(10px,1.2vw,16px);display:grid}.statcard{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:14px 16px}.statvalue{font-family:var(--font-mono);letter-spacing:-.02em;font-size:23px;font-weight:600;line-height:1.15}.statlabel{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-top:5px;font-size:11px}.deflist{grid-template-columns:1fr auto;gap:7px 14px;margin:0;font-size:13.5px;display:grid}.deflist dt{color:var(--text-dim)}.deflist dd{font-family:var(--font-mono);text-align:right;color:var(--text-secondary);margin:0}.game-grid,.game-chat{width:calc(100vw - var(--page-gutter) * 2);position:relative;left:50%;transform:translate(-50%)}.grid-2.game-grid{grid-template-columns:minmax(auto,1fr) minmax(250px,296px);align-items:stretch;gap:32px}.grid-2.game-grid .board{min-width:min(calc(100vh - 158px - 2 * var(--page-vpad)), calc(100vw - 420px));min-width:min(calc(100dvh - 158px - 2 * var(--page-vpad)), calc(100vw - 420px))}.chat-band{margin-top:clamp(18px,2.2vh,30px)}.game-chat.chat-band{margin-top:var(--page-vpad)}.chat-band .chat-messages{min-height:200px;max-height:340px}.game-grid>.rail>*{flex-shrink:0}.moves-panel{flex-direction:column;flex:auto;min-height:0;display:flex}.moves-empty{flex:auto;margin:0}.moves-list{min-height:90px;font-family:var(--font-mono);flex:auto;margin:0;padding:0;font-size:13px;list-style:none;overflow-y:auto}.move-row{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:4px;gap:10px;padding:6px 8px;display:flex}.move-row:hover{background:var(--bg-panel-hover)}.move-row.active{background:var(--bg-panel-active);color:var(--accent-mint)}.move-ply{color:var(--text-dim);min-width:24px}.move-side{min-width:22px}.move-text{flex:1}.move-time{color:var(--text-dim)}@media (max-aspect-ratio:7/6){.grid-2.game-grid{grid-template-columns:minmax(0,1fr)}.grid-2.game-grid .board{min-width:0}.moves-list{max-height:320px}}@media (max-width:760px){.grid-2.game-grid,.game-chat{width:100%;left:0;transform:none}.grid-2.game-grid{grid-template-columns:minmax(0,1fr);gap:22px}.grid-2.game-grid .board{min-width:0}.moves-list{max-height:320px}}.grid-2{grid-template-columns:minmax(0,1fr) minmax(296px,330px);align-items:start;gap:clamp(26px,3vw,44px);display:grid}@media (max-width:900px){.grid-2{grid-template-columns:minmax(0,1fr)}}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;padding:0 12px 10px;font-size:11px;font-weight:500}td{border-top:1px solid var(--border-subtle);padding:11px 12px}td.num{font-family:var(--font-mono);text-align:right}.splash{margin-top:calc(-1 * var(--page-vpad));justify-content:center;align-items:center;min-height:calc(100dvh - 58px);display:flex;position:relative;overflow:hidden}.splash-bg{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash-bg .board{opacity:.22;width:auto;max-width:none;height:calc(100dvh - 90px);box-shadow:none;background:0 0}.splash-fg{z-index:1;text-align:center;width:100%;max-width:380px;position:relative}.splash-title{letter-spacing:-.035em;background:linear-gradient(135deg,#f4ead0 15%,#d4c498 55%,#9a8259);color:#0000;filter:drop-shadow(0 1px 2px #0a0806f2)drop-shadow(0 6px 26px #0a0806e6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(64px,11vh,104px);font-weight:700}.splash-line{color:var(--text-secondary);margin:4px 0 18px;font-size:15px}.splash-fg .panel{text-align:left;background:var(--bg-panel);border-color:var(--border-strong)}.board{width:100%;max-width:min(100%, max(340px, calc(100vh - 158px - 2 * var(--page-vpad))));max-width:min(100%, max(340px, calc(100dvh - 158px - 2 * var(--page-vpad))));height:auto;box-shadow:var(--shadow);border-radius:var(--radius);-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(#241d15 0%,#12100e 100%);margin:0 auto;display:block}.playerbar{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);align-items:center;gap:10px;max-width:620px;margin:0 auto;padding:9px 14px;font-size:14px;display:flex}.playerbar.to-move{border-color:var(--border-strong);background:var(--bg-panel-hover)}.playerdot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.playername{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.board-wrap{margin:4px 0 16px;position:relative}.board-wrap.reviewing .board{filter:saturate(.6)brightness(.84);cursor:default;pointer-events:none}.list-item{position:relative}.stretch-link:after{content:"";position:absolute;inset:0}.list-item .btn,.list-item .tag,.list-item form,.list-item a:not(.stretch-link){z-index:1;position:relative}.review-banner{white-space:nowrap;border-radius:var(--radius);color:var(--accent-amber);z-index:2;background:#12100ef2;border:1px solid #e8a75c80;align-items:center;gap:12px;padding:9px 13px;font-size:13px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0009}.review-banner .btn{padding:5px 11px;font-size:13px}.review-banner.resting{border-color:var(--border-strong);color:var(--text-secondary)}.result-splash{border-radius:var(--radius);z-index:3;background:#0a08068c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result-card{text-align:center;border-radius:var(--radius);border:1px solid var(--border-strong);background:#12100ef7;padding:28px 44px;box-shadow:0 18px 60px #000000b3}.result-word{letter-spacing:-.02em;margin-bottom:4px;font-size:40px;font-weight:700}.result-card.won .result-word{color:var(--accent-mint)}.result-card.lost .result-word{color:var(--accent-amber)}.tabs{border-bottom:1px solid var(--border-subtle);gap:4px;margin-bottom:24px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:14px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent-mint)}.watch-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:clamp(10px,1.2vw,16px);margin:0;padding:0;list-style:none;display:grid}.game-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 12px}.game-card-meta{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.chat-panel{flex-direction:column;min-height:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;min-height:320px;max-height:640px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.chat-note{color:var(--text-dim);margin:-6px 0 12px;font-size:12.5px;line-height:1.5}.chat-msg{font-size:13px;line-height:1.5}.chat-name a{font-weight:600}.chat-time{color:var(--text-dim);font-size:11px}.chat-body{color:var(--text-secondary);overflow-wrap:anywhere;white-space:pre-wrap}.chat-compose{gap:8px;display:flex}.chat-input{background:var(--bg-deepest);border:1px solid var(--border-subtle);border-radius:var(--radius);min-width:0;color:var(--text-primary);flex:1;padding:8px 10px;font-size:13px}.chat-input:focus{border-color:var(--border-strong);outline:none}.waiting-table{border-color:#e8a75c66;margin-bottom:clamp(18px,2vh,26px)}.waiting-table-list{margin-top:14px}.ladder{flex-direction:column;gap:10px;margin:0 0 clamp(26px,3vh,38px);padding:0;list-style:none;display:flex}.rung{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:clamp(12px,1.5vw,20px);padding:clamp(14px,1.5vw,20px);transition:border-color .12s,background .12s;display:flex;position:relative}.rung:hover{background:var(--bg-panel-hover);border-color:#6fd8b480}.stretch-btn:after{content:"";position:absolute;inset:0}.rung a{z-index:1;position:relative}.rung.beaten{background:linear-gradient(180deg, #6fd8b41a, var(--bg-panel) 60%);border-color:#6fd8b473}.rung-body{flex:1;min-width:0}.rung-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rung-desc{max-width:62ch;margin:6px 0 0;line-height:1.55}.rung .hint{margin-top:5px}.rung-action{flex:none}.standing{flex-wrap:wrap;align-items:center;gap:clamp(16px,2.5vw,34px);margin-bottom:clamp(18px,2vh,26px);display:flex}.standing-note{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.6}@media (max-width:640px){.rung{flex-wrap:wrap}.rung-action{width:100%}}.start-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(12px,1.4vw,18px);margin-bottom:clamp(26px,3vh,38px);display:grid}.start-card{flex-direction:column;gap:10px;display:flex}.start-card h2{margin-bottom:0}.start-card>.muted{margin:0;line-height:1.55}.start-spacer{flex:1}.start-card .btn{align-self:flex-start;margin-top:auto}.start-field{color:var(--text-dim);letter-spacing:.01em;flex-direction:column;gap:5px;font-size:12.5px;font-weight:560;display:flex}.start-field select{width:100%}.host-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;margin-bottom:6px;display:flex}.host-copy{flex:320px}.host-copy h2{margin-bottom:0}.host-copy p{margin:8px 0 0;line-height:1.6}.host-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.setup-openings{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.opening-choice{background:var(--bg-panel-active);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;font-size:12px;display:flex}.opening-choice:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.opening-choice:disabled{opacity:.5;cursor:default}.mini-line{width:100%;max-width:132px;height:auto;display:block}@media (max-width:640px){main{--page-gutter:14px;--page-vpad:20px;padding:var(--page-vpad) var(--page-gutter) 48px}.topbar{gap:12px;padding:0 14px}.topbar nav a{padding:6px 8px}.who{display:none}h1{font-size:22px}.splash-title{font-size:44px}.board{border-radius:0;width:calc(100% + 28px);max-width:none;margin-left:-14px;margin-right:-14px}.playerbar{border-left:none;border-right:none;border-radius:0}}