@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f7f6f2;--bg-elev: #ffffff;--surface-1: #ffffff;--surface-2: #f1efe9;--surface-3: #e7e4dc;--fg-strong: #0d0d0c;--fg: #1a1a18;--fg-muted: #6f6e6a;--fg-faint: #a8a6a0;--rule: #0d0d0c;--rule-soft: rgba(13, 13, 12, .16);--rule-faint: rgba(13, 13, 12, .08);--accent: #d33b1f;--accent-strong: #b3301a;--accent-soft: rgba(211, 59, 31, .1);--accent-ink: #ffffff;--success: #2f6b4b;--success-soft: rgba(47, 107, 75, .1);--warn: #a36b1a;--warn-soft: rgba(163, 107, 26, .1);--danger: var(--accent);--danger-soft: var(--accent-soft);--board-felt: #2c5f47;--board-felt-deep: #1d4530;--board-wood: #b48a5c;--board-wood-deep: #7a5530;--board-wood-cell: #e3c194;--r-sm: 0px;--r-md: 2px;--r-lg: 2px;--r-xl: 2px;--r-pill: 999px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--font-sans: "Inter Tight", "Inter", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--dur: .12s;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum","cv11","ss01";font-synthesis:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-size:15px;line-height:1.5}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--fg-strong);text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur) var(--ease)}a:hover{color:var(--accent)}h1,h2,h3,h4{margin:0;color:var(--fg-strong);letter-spacing:-.01em;font-weight:600}h1{font-size:clamp(40px,7vw,64px);line-height:.95;letter-spacing:-.035em;font-weight:700}h2{font-size:18px;line-height:1.25;letter-spacing:-.015em}h3{font-size:11px;font-weight:600;color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase}h4{font-size:13px;font-weight:600}p{margin:0;color:var(--fg)}small{color:var(--fg-muted);font-size:12px}.mono,code,kbd{font-family:var(--font-mono);font-feature-settings:"tnum"}hr,.rule{border:0;height:1px;background:var(--rule);margin:0}.rule-faint{background:var(--rule-soft)}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}input,button,textarea{font-family:inherit}ul{list-style:none;padding:0;margin:0}.app-shell{max-width:720px;margin:0 auto;padding:var(--s-5) var(--s-4) var(--s-7);min-height:100vh;display:flex;flex-direction:column;gap:var(--s-4)}.app-shell>section{display:flex;flex-direction:column;gap:var(--s-3)}.kv-grid{display:grid;grid-template-columns:140px 1fr;gap:var(--s-2) var(--s-5);align-items:baseline;padding:var(--s-3) 0;border-top:1px solid var(--rule-soft)}.centered{min-height:100vh;display:grid;place-items:center;padding:var(--s-5)}.muted{color:var(--fg-muted)}.btn-primary,.btn-secondary,.btn-link,.btn-prominent{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:12px 18px;border-radius:var(--r-md);font-size:14px;font-weight:600;letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn-primary{background:var(--fg-strong);color:var(--bg-elev);border-color:var(--fg-strong)}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:active:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-elev);color:var(--fg-strong);border-color:var(--rule)}.btn-secondary:hover:not(:disabled){background:var(--fg-strong);color:var(--bg-elev)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-link{background:transparent;color:var(--fg-muted);padding:6px 4px;font-weight:500;border-radius:0;border-bottom:1px solid transparent}.btn-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.btn-prominent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-prominent:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;opacity:.85}.btn-trailing{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.18em;margin-left:auto;opacity:.7}input[type=text],input:not([type]),input[inputmode]{background:var(--bg-elev);color:var(--fg-strong);border:1px solid var(--rule);border-radius:var(--r-md);padding:10px 12px;outline:none;font-size:14px;transition:border-color var(--dur) var(--ease)}input:focus{border-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.card{background:var(--bg-elev);border-radius:0;padding:var(--s-6);width:100%;max-width:380px;border:1px solid var(--rule)}.surface,.app-shell>section.surface{background:transparent;border-radius:0;padding:var(--s-5) 0;border-top:1px solid var(--rule-soft)}.title-bar{display:flex;align-items:center;gap:var(--s-3);padding:10px 0;background:var(--bg);border-radius:0;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50}.title-bar-side{display:flex;align-items:center;gap:var(--s-2);flex:0 0 auto}.title-bar-end{margin-left:auto;justify-content:flex-end}.title-bar-title{font-size:13px;font-weight:600;color:var(--fg-strong);letter-spacing:-.005em}.title-bar-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:0;color:var(--fg-muted);border:1px solid var(--rule-soft);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.title-bar-back:hover{background:transparent;color:var(--accent);border-color:var(--accent)}.title-bar-center{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:var(--s-3);min-width:0}.play-title-center{display:inline-flex;align-items:center;gap:var(--s-3)}.play-title-code{font-family:var(--font-mono);font-weight:500;letter-spacing:.18em;color:var(--fg-strong);font-size:12px;background:transparent;border-left:2px solid var(--accent);padding:0 0 0 8px;border-radius:0}.play-title-game{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--fg-muted);text-transform:uppercase}.conn-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);padding:0}.conn-badge-dot{width:6px;height:6px;border-radius:50%}.conn-badge--ok .conn-badge-dot{background:var(--success)}.conn-badge--warn{color:var(--warn);background:transparent;border-radius:0}.conn-badge--warn .conn-badge-dot{background:var(--warn);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-menu{position:relative}.nav-menu-trigger{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;color:var(--fg-muted);border:1px solid var(--rule-soft);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav-menu-trigger:hover,.nav-menu-trigger[aria-expanded=true]{background:transparent;color:var(--accent);border-color:var(--accent)}.nav-menu-panel{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elev);border-radius:0;border:1px solid var(--rule);box-shadow:none;min-width:220px;padding:0;display:flex;flex-direction:column;gap:0;z-index:100;animation:menu-in .1s var(--ease)}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.nav-menu-item{display:flex;align-items:center;gap:var(--s-2);padding:12px 16px;background:transparent;color:var(--fg);text-align:left;font-size:14px;font-weight:500;letter-spacing:-.005em;border-radius:0;border-bottom:1px solid var(--rule-soft);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav-menu-item:last-child{border-bottom:0}.nav-menu-item:hover{background:transparent;color:var(--accent)}.nav-menu-item.danger{color:var(--accent)}.nav-menu-item.danger:hover{background:var(--accent);color:var(--accent-ink)}.app-shell.home{max-width:720px;padding:var(--s-3) var(--s-4) var(--s-7)}.home-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--s-3) var(--s-5);padding:var(--s-7) 0 var(--s-4);border-bottom:1px solid var(--rule)}.home-mark{display:flex;flex-direction:column;gap:var(--s-2)}.home-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;color:var(--fg-muted);text-transform:uppercase;margin:0}.home-header h1{font-size:clamp(56px,12vw,104px);font-weight:700;letter-spacing:-.05em;line-height:.85;color:var(--fg-strong)}.home-mark-slash{color:var(--fg-faint);font-weight:400;margin:0 -.05em}.home-mark-dot{color:var(--accent)}.home-header small{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px;letter-spacing:.08em;background:transparent;padding:0 0 10px;border:0;align-self:end}.home-sub{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--fg-muted);text-transform:uppercase;border-bottom:1px solid var(--rule-soft);margin-bottom:var(--s-3)}.home-sub-sep{color:var(--fg-faint)}.home-actions{display:flex;flex-direction:column;gap:0;margin-top:0;padding:0;background:transparent;border-top:0}.home-actions>*{border-bottom:1px solid var(--rule-soft)}.home-actions>*:last-child{border-bottom:0}.home-actions>.btn-primary,.home-actions>.btn-secondary,.home-actions>.btn-skeleton,.home-actions>.resume-row,.home-actions>.code-row,.home-actions>a.btn-link,.home-actions>.btn-link{min-height:72px;border:0;border-radius:0;background:transparent;color:var(--fg-strong);padding:var(--s-4) var(--s-1);font-size:22px;font-weight:500;letter-spacing:-.02em;justify-content:flex-start;text-decoration:none;width:100%;position:relative;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);display:flex;align-items:center;gap:var(--s-4)}.home-actions>.btn-primary{font-weight:600}.home-row-num{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--fg-faint);flex:0 0 auto;min-width:28px;padding-top:4px;align-self:flex-start}.home-row-label{flex:0 1 auto}.home-row-meta{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--fg-faint);text-transform:uppercase;margin-left:var(--s-3);padding:2px 6px;border:1px solid var(--rule-soft)}.home-actions>.btn-primary:after,.home-actions>.btn-secondary:after,.home-actions>a.btn-link.home-row:after,.home-actions>.btn-link.home-row:after{content:"→";margin-left:auto;font-family:var(--font-mono);font-weight:400;font-size:18px;color:var(--fg-faint);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}.home-actions>*:hover:after{color:var(--accent);transform:translate(4px)}.home-actions>.btn-primary:hover:not(:disabled),.home-actions>.btn-secondary:hover:not(:disabled),.home-actions>a.btn-link:hover,.home-actions>.btn-link:hover{color:var(--accent);background:transparent}.home-actions>*:hover .home-row-num{color:var(--accent)}.resume-row{display:flex;align-items:center;gap:var(--s-3)}.resume-row>.btn-primary{flex:1;padding:0;min-height:0;background:transparent;color:var(--fg-strong);border:0;font-weight:600;font-size:18px;justify-content:flex-start}.resume-row>.btn-primary:hover{color:var(--accent);background:transparent}.resume-close{flex:0 0 auto;width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:14px;color:var(--fg-faint);border:1px solid var(--rule-soft);border-radius:0;background:transparent}.resume-close:hover{color:var(--accent);border-color:var(--accent)}.resume-row .btn-eyebrow{margin-right:var(--s-3);border-color:var(--rule-soft);color:var(--fg-muted)}.resume-row .btn-trailing{margin-left:auto;margin-right:var(--s-3);color:var(--fg-muted)}.code-row{display:flex;align-items:center;gap:var(--s-3)}.code-row input{flex:1;padding:12px var(--s-1);background:transparent;border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;font-size:24px;font-family:var(--font-mono);letter-spacing:.36em;text-align:left;text-transform:uppercase;font-weight:500;color:var(--fg-strong)}.code-row input:focus{outline:none;border-bottom-color:var(--accent);box-shadow:none}.code-row .btn-link{flex:0 0 auto}.error{color:var(--danger);font-size:13px;background:transparent;padding:10px 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);border-radius:0;letter-spacing:-.005em}.error:before{content:"ERR / ";font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.14em;margin-right:8px}.banner{background:transparent;color:var(--warn);padding:10px 0;border-top:1px solid var(--warn);border-bottom:1px solid var(--warn);border-radius:0;font-size:13px;text-align:left}.match-list{display:flex;flex-direction:column;gap:var(--s-2)}.match-row a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);padding:12px 16px;background:var(--surface-1);border-radius:var(--r-md);text-decoration:none;color:var(--fg);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);box-shadow:var(--shadow-sm)}.match-row a:hover{background:var(--surface-2);box-shadow:var(--shadow-md)}.match-row .match-result{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--fg-muted);letter-spacing:0}.match-row .match-result[data-result=win]{background:var(--success-soft);color:var(--success)}.match-row .match-result[data-result=loss]{background:var(--danger-soft);color:var(--danger)}.match-row .match-result[data-result=draw]{background:var(--surface-3);color:var(--fg-muted)}.match-row .match-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.match-row .match-code{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.14em;color:var(--fg-strong)}.match-row .match-template{color:var(--fg-muted);font-size:12px}.match-row time{color:var(--fg-faint);font-size:12px;white-space:nowrap}.chip-list{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px;background:var(--surface-1);border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--fg);box-shadow:var(--shadow-sm)}.chip[data-role=host]:before,.chip[data-role=guest]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.chip[data-role=host]:before{background:var(--fg-strong)}.chip[data-role=guest]:before{background:var(--surface-3);border:1px solid var(--fg-strong)}.chip-role{font-size:11px;color:var(--fg-muted);font-weight:500}.room-code{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.room-code .label{font-size:11px;color:var(--fg-muted);margin-bottom:4px}.room-code .value{font-family:var(--font-mono);font-size:28px;font-weight:500;letter-spacing:.32em;color:var(--fg-strong);line-height:1}.room-code .grow{flex:1}.config-grid{display:grid;grid-template-columns:auto 1fr;gap:8px var(--s-4);align-items:baseline}.config-grid dt{color:var(--fg-muted);font-size:12px}.config-grid dd{margin:0;color:var(--fg-strong);font-weight:500;font-size:14px}.config-grid .mono{font-family:var(--font-mono);letter-spacing:.1em}.time-control{display:flex;flex-direction:column;gap:8px}.time-control-label{display:flex;align-items:baseline;gap:var(--s-3)}.time-control-eyebrow{font-size:12px;font-weight:500;color:var(--fg-muted)}.setup-section{display:grid;grid-template-columns:140px 1fr;gap:var(--s-3) var(--s-5);align-items:start;padding:var(--s-4) 0;margin:0;border-top:1px solid var(--rule-soft)}.setup-section:first-of-type{border-top:1px solid var(--rule)}.setup-section h3{margin:4px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.time-control-options{display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);flex-wrap:nowrap}.time-control-option{position:relative;flex:0 0 auto;padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);background:transparent;border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;color:var(--fg);font-size:14px;font-weight:500;letter-spacing:-.005em;cursor:pointer;text-align:left;transition:color var(--dur) var(--ease),padding var(--dur) var(--ease);display:flex;align-items:baseline;gap:var(--s-2)}.time-control-option:last-child{border-bottom:0}.time-control-option:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid var(--rule);border-radius:50%;background:var(--bg-elev);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.time-control-option:hover:not(:disabled){color:var(--fg-strong)}.time-control-option:hover:not(:disabled):before{border-color:var(--fg-strong)}.time-control-option.active{background:transparent;color:var(--fg-strong);font-weight:600;box-shadow:none}.time-control-option.active:before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--bg-elev)}.time-control-option.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--accent);transform:translate(-1px)}.time-control-option strong{font-weight:600;letter-spacing:-.005em}.time-control-option small{color:var(--fg-muted);font-size:12px;font-weight:400}.time-control-option:disabled{opacity:.4;cursor:not-allowed}.cpu-actions{padding-top:var(--s-5)}.cpu-actions .btn-primary{width:100%;padding:18px var(--s-4);font-size:16px;letter-spacing:-.005em;justify-content:space-between}.cpu-actions .btn-primary:after{content:"→";font-family:var(--font-mono);font-weight:400}.turn-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-3);padding:10px var(--s-3);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.turn-banner-text{text-align:center;font-size:12px;font-weight:500;color:var(--fg-muted);white-space:nowrap}.turn-banner-text small{color:var(--fg-muted);margin-left:4px}.turn-banner.turn-mine .turn-banner-text{color:var(--accent);font-weight:600}.turn-banner.turn-mine .turn-banner-text small{color:var(--accent)}.turn-banner.turn-theirs .turn-banner-text{color:var(--fg-faint)}.turn-banner-vs{display:none}.side-badge{display:flex;align-items:center;gap:var(--s-2);padding:6px 10px;border-radius:var(--r-md);background:transparent;font-weight:500;min-width:0}.side-badge--empty{display:none}.side-badge--opp{flex-direction:row-reverse;text-align:right}.side-badge-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.side-badge--host .side-badge-dot{background:var(--fg-strong)}.side-badge--guest .side-badge-dot{background:var(--surface-3);border:1px solid var(--fg-strong)}.side-badge-label{display:inline-flex;flex-direction:column;line-height:1.15;gap:1px;min-width:0}.side-badge--opp .side-badge-label{align-items:flex-end}.side-badge-name{font-weight:600;font-size:13px;color:var(--fg-strong);text-overflow:ellipsis;overflow:hidden;max-width:9rem;white-space:nowrap}.side-badge-side{font-size:11px;color:var(--fg-muted)}.side-badge-you{display:none}.play-shell{max-width:720px;margin:0 auto;padding:0 var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);min-height:100vh}.play-active{flex:1;display:grid;place-items:center;padding:var(--s-4) 0;position:relative}.board-finished-banner{position:absolute;top:var(--s-2);left:50%;transform:translate(-50%);background:var(--bg-elev);padding:6px 14px;border-radius:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-strong);border:1px solid var(--rule)}.clock-bar{display:flex;gap:0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.clock-cell{flex:1;display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:stretch}.clock-cell+.clock-cell{border-left:1px solid var(--rule-soft)}.clock-cell .vs{display:block;background:var(--rule-soft);font-size:0;color:transparent}.clock-side{display:flex;flex-direction:column;gap:6px;padding:var(--s-3) var(--s-4);border-radius:0;background:transparent;min-width:0;transition:background var(--dur) var(--ease);position:relative}.clock-side-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.clock-side-sublabel{font-size:10px;color:var(--accent);font-weight:500;margin-left:4px;letter-spacing:.12em}.clock-side-time{font-size:32px;font-weight:500;font-family:var(--font-mono);color:var(--fg-faint);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}.clock-side.opp .clock-side-time{color:var(--fg-faint)}.clock-side.mine .clock-side-time{color:var(--fg-strong)}.clock-side.running{background:transparent}.clock-side.running:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--accent)}.clock-side.running .clock-side-time,.clock-side.running .clock-side-label{color:var(--accent)}.clock-side--low.running .clock-side-time{color:var(--warn)}.clock-side--low.running:before{background:var(--warn)}.clock-side--critical.running .clock-side-time{color:var(--danger);animation:tick .5s ease-in-out infinite}.clock-side--critical.running:before{background:var(--danger)}.clock-side--flag .clock-side-time{color:var(--danger);font-size:14px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}@keyframes tick{0%,to{transform:translate(0)}50%{transform:translate(-1px)}}.play-tabs{display:flex;gap:0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}.play-tabs::-webkit-scrollbar{display:none}.play-tabs .tab{flex:1 1 0;display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);padding:var(--s-3) var(--s-3);background:transparent;border-radius:0;color:var(--fg-muted);font-size:12px;font-weight:500;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);min-width:100px;position:relative;border-left:1px solid var(--rule-soft)}.play-tabs .tab:first-child{border-left:0}.play-tabs .tab:hover{color:var(--fg-strong)}.play-tabs .tab.active{background:transparent;color:var(--fg-strong);box-shadow:none}.play-tabs .tab.active:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent)}.play-tabs .tab .tab-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.play-tabs .tab .tab-ply{font-family:var(--font-mono);font-size:10px;color:var(--fg-faint);letter-spacing:.06em}.play-tabs .tab.finished{opacity:.45}.play-tabs .tab>*{pointer-events:none}.play-tabs .tab .tab-head{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-start}.play-tabs .tab .tab-foot{display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between;font-size:10px}.tab-turn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;position:relative}.tab-turn-mine{background:var(--accent)}.tab-turn-mine:after{content:"";position:absolute;inset:-3px;border:1px solid var(--accent);border-radius:50%;animation:tab-pulse 1.6s ease-out infinite}.tab-turn-theirs{background:transparent;border:1px solid var(--fg-faint)}.tab-turn-finished{background:transparent;border:0}.tab-turn-finished:before,.tab-turn-finished:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--fg-faint)}.tab-turn-finished:before{transform:rotate(45deg)}.tab-turn-finished:after{transform:rotate(-45deg)}@keyframes tab-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}.tab-side-chip{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:1px 5px;border-radius:0;background:transparent;color:var(--fg-muted);letter-spacing:.1em;border:1px solid var(--rule-soft);margin-left:auto}.play-tabs .tab.active .tab-side-chip{border-color:var(--accent);color:var(--accent)}.tab-clock{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono)}.tab-clock-sep{color:var(--fg-faint);font-size:9px}.play-tabs .tab.mine .tab-label:before{display:none}.clock-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:12px;font-weight:500;padding:0;border-radius:0;color:var(--fg-faint);letter-spacing:.04em;font-variant-numeric:tabular-nums}.clock-chip.compact{font-size:10px}.clock-chip.mine{color:var(--fg-strong)}.clock-chip.running{background:transparent;color:var(--fg)}.clock-chip.running.mine{background:transparent;color:var(--accent)}.clock-chip--low.running{color:var(--warn)}.clock-chip--critical.running,.clock-chip--flag{color:var(--danger)}.play-title-vs{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--fg-muted)}.play-title-vs-sep{font-size:10px;color:var(--fg-faint);text-transform:uppercase}.play-title-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.play-title-name--you{color:var(--fg-strong)}.play-title-clock{display:inline-flex;align-items:center;gap:6px;margin-left:var(--s-3);padding-left:var(--s-3);border-left:1px solid var(--rule-soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.play-title-clock-sep{color:var(--fg-faint);font-size:11px}.turn-strip{display:flex;align-items:center;justify-content:center;padding:6px 12px;font-size:13px;border-radius:var(--r-sm);background:var(--surface-1);margin:var(--s-2) 0}.turn-strip-text{display:inline-flex;align-items:center;gap:6px}.turn-strip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:tab-pulse 1.4s ease-in-out infinite}.turn-strip.turn-mine{background:var(--accent-soft);color:var(--accent);font-weight:600}.turn-strip.turn-theirs{color:var(--fg-muted)}.turn-strip.turn-idle{color:var(--fg-faint)}.play-actions{display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.resign-hint{margin:0;color:var(--warn);background:transparent;padding:10px 0;border-top:1px solid var(--warn);border-bottom:1px solid var(--warn);border-radius:0;font-size:12px;letter-spacing:-.005em}.resign-hint:before{content:"WARN / ";font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.14em;margin-right:8px}.finished-banner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:var(--s-5) var(--s-5);background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);width:100%;max-width:420px;text-align:left;box-shadow:none}.finished-banner strong{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--fg-strong)}.finished-banner span{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.finished-banner a{margin-top:8px}.draw-banner{display:flex;align-items:center;gap:var(--s-3);padding:12px 0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--fg-strong);font-size:14px;font-weight:500}.draw-banner:before{content:"DRAW / ";font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--accent);margin-right:4px}.draw-banner small{font-family:var(--font-mono);color:var(--fg-muted);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-left:var(--s-2)}.draw-banner--theirs{border-color:var(--accent)}.draw-banner-accept{margin-left:auto;padding:6px 14px;font-size:13px}.othello-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;background:var(--board-felt-deep);gap:1px;width:100%;max-width:480px;margin:0 auto;padding:8px;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.othello-board.mini{max-width:60px;padding:2px;gap:1px;border-radius:var(--r-sm);box-shadow:none}.othello-board .cell{background:var(--board-felt);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--dur) var(--ease)}.othello-board .cell:disabled{cursor:default}.othello-board .cell.legal{background:color-mix(in srgb,var(--board-felt) 75%,var(--accent) 25%)}.othello-board .cell.legal:after{content:"";width:28%;height:28%;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 1px #00000026 inset}.othello-board.side-black .cell.legal:after{background:radial-gradient(circle at 32% 28%,#4a4a52,#0c0c10 75%);box-shadow:0 0 0 1px #ffffff40 inset}.othello-board.side-white .cell.legal:after{background:radial-gradient(circle at 32% 28%,#fcfcfa,#d3cfc7 75%);box-shadow:0 0 0 1px #0003 inset}.othello-board.mini .cell.legal:after{display:none}.othello-pass-btn{display:block;margin:var(--s-2) auto 0;padding:10px 20px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer}.othello-pass-btn:hover{background:var(--warn);color:var(--surface-1)}.othello-board .stone{width:76%;height:76%;border-radius:50%;box-shadow:inset 0 -2px 4px #00000040,inset 0 1px 2px #fff3}.othello-board .black .stone{background:radial-gradient(circle at 32% 28%,#424247,#0a0a0c 70%)}.othello-board .white .stone{background:radial-gradient(circle at 32% 28%,#fcfcfa,#d3cfc7 75%)}.othello-board .cell.last-move{position:relative}.othello-board .cell.last-move:before{content:"";position:absolute;inset:8%;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:ring-in .2s var(--ease)}.othello-board.mini .cell.last-move:before{display:none}@keyframes ring-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.bg-frame{display:flex;flex-direction:column;gap:0;width:100%;max-width:480px;margin:0 auto;background:var(--board-felt-deep);border-radius:var(--r-md);padding:6px;box-shadow:var(--shadow-md)}.bg-frame.mini{max-width:100px;padding:2px;box-shadow:none}.bg-row{display:grid;grid-template-columns:repeat(6,1fr) 14px repeat(6,1fr) 22px;gap:2px;background:var(--board-felt)}.bg-row-bot{margin-top:4px}.bg-frame.mini .bg-row{grid-template-columns:repeat(6,1fr) 4px repeat(6,1fr) 6px;gap:1px}.bg-point{position:relative;display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:4px 0;height:110px;transition:background var(--dur) var(--ease)}.bg-frame.mini .bg-point{height:24px;padding:1px 0}.bg-point.top{flex-direction:column}.bg-point.bot{flex-direction:column-reverse}.bg-point.dark{background:#0000002e}.bg-point.light{background:#ffffff0f}.bg-point.cand{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}.bg-point.cand-weak{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px}.bg-point.sel{background:var(--warn-soft);outline:2px solid var(--warn);outline-offset:-2px}.bg-point.last{outline:1px dashed var(--accent);outline-offset:-1px}.bg-point.last-mine{outline-color:var(--accent)}.bg-point.last-opp{outline-color:#14110c8c}.bg-point-num{font-size:9px;color:#ffffff80;font-family:var(--font-mono);position:absolute;top:1px}.bg-point.bot .bg-point-num{top:auto;bottom:1px}.bg-frame.mini .bg-point-num{display:none}.bg-stack{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:12px}.bg-point.bot .bg-stack{margin-top:0;margin-bottom:12px;flex-direction:column-reverse}.bg-frame.mini .bg-stack{margin:0;gap:0}.bg-checker{display:block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.bg-frame.mini .bg-checker{width:6px;height:6px;border-width:.5px}.bg-checker.host{background:#1a1a1a}.bg-checker.guest{background:#f0e9d8}.bg-checker.mine{background:var(--accent);border-color:#14110c59}.bg-checker.opp{background:#1a1a1a;border-color:#14110c73;opacity:1}.bg-checker-overflow{font-size:10px;color:var(--bg-elev);font-family:var(--font-mono);font-weight:600}.bg-frame.mini .bg-checker-overflow{display:none}.bg-bar{background:var(--board-felt-deep);display:flex;flex-direction:column;align-items:center;justify-content:space-around;cursor:pointer;padding:4px 0}.bg-bar-stack{display:flex;flex-direction:column;gap:1px}.bg-off{background:var(--board-felt-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;cursor:pointer;color:#ffffffb3;font-size:10px;gap:2px}.bg-off.cand{background:var(--accent);color:#fff;outline:2px solid var(--accent-strong)}.bg-off-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em}.bg-off-count{font-size:14px;font-weight:600;color:#fff}.bg-frame.mini .bg-off-label{display:none}.bg-frame.mini .bg-off-count{font-size:7px}.bg-dice{display:flex;gap:8px;justify-content:center;padding:8px;cursor:pointer;user-select:none}.bg-die{width:32px;height:32px;display:grid;place-items:center;background:var(--surface-1);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--fg-strong);box-shadow:var(--shadow-sm);transition:opacity var(--dur) var(--ease)}.bg-die.consumed{opacity:.35;text-decoration:line-through}.bg-die.active{outline:2px solid var(--accent);outline-offset:-2px}.bg-actions{display:flex;gap:var(--s-2);justify-content:center;flex-wrap:wrap;padding:8px}.bg-undo{background:var(--surface-3);color:var(--fg-strong)}.bg-point .bg-cand-label{position:absolute;top:2px;right:4px;font-size:9px;font-family:var(--font-mono);font-weight:700;color:var(--accent);background:var(--surface-1);padding:1px 4px;border-radius:999px;letter-spacing:0}.bg-point.bot .bg-cand-label{top:auto;bottom:2px}.bg-point.cand-ambig .bg-cand-label{color:var(--warn)}.animal-frame{display:flex;flex-direction:column;gap:var(--s-2);max-width:360px;margin:0 auto}.animal-frame.mini{max-width:60px;gap:1px}.animal-board{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;aspect-ratio:3/4;background:var(--board-wood-deep);gap:2px;padding:6px;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.animal-frame.mini .animal-board{padding:2px;gap:1px;border-radius:var(--r-sm);box-shadow:none}.animal-frame .a-cell{background:var(--board-wood-cell);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background var(--dur) var(--ease)}.animal-frame .a-cell.cand{background:color-mix(in srgb,var(--board-wood-cell) 65%,var(--accent) 35%)}.animal-frame .a-cell.sel{background:var(--warn)}.animal-frame .a-cell.last-from{box-shadow:inset 0 0 0 2px var(--accent)}.animal-frame .a-cell.last-to{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb,var(--board-wood-cell) 70%,var(--accent) 30%)}.animal-frame .a-piece{font-weight:600;font-size:1.4rem;color:var(--board-wood-deep)}.animal-frame.mini .a-piece{font-size:.55rem}.animal-frame .a-piece.opp{transform:rotate(180deg);color:var(--danger)}.animal-frame .a-piece.mine{color:var(--board-wood-deep)}.animal-hand{display:flex;gap:6px;min-height:28px;flex-wrap:wrap}.animal-hand.opp{justify-content:flex-end}.animal-frame .hand-piece{background:var(--board-wood-cell);padding:4px 10px;font-weight:600;cursor:pointer;color:var(--board-wood-deep);border-radius:var(--r-sm);font-size:14px;transition:background var(--dur) var(--ease)}.animal-frame .hand-piece:hover:not(:disabled){background:color-mix(in srgb,var(--board-wood-cell) 80%,var(--accent) 20%)}.animal-frame .hand-piece.opp{transform:rotate(180deg)}.animal-frame .hand-piece.sel{background:var(--warn)}.radio-group{display:flex;flex-direction:column;gap:4px;border:none;padding:0;margin:0}.radio-row,.check-row{display:flex;align-items:center;gap:var(--s-3);padding:10px 14px;background:var(--surface-1);border-radius:var(--r-md);cursor:pointer;font-size:14px;transition:background var(--dur) var(--ease);box-shadow:var(--shadow-sm)}.radio-row:hover,.check-row:hover{background:var(--surface-2)}.radio-row:has(input:checked),.check-row:has(input:checked){background:var(--accent-soft)}.result-shell{max-width:720px;margin:0 auto;padding:var(--s-3) var(--s-4) var(--s-7);display:flex;flex-direction:column;gap:var(--s-5);min-height:100vh}.result-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:var(--s-6) var(--s-5);background:var(--surface-1);border-radius:var(--r-xl);box-shadow:var(--shadow-md)}.result-hero-eyebrow{font-size:12px;color:var(--fg-muted);font-weight:500}.result-hero-label{font-size:44px;font-weight:600;letter-spacing:-.025em;line-height:1;color:var(--fg-strong)}.result-hero--win .result-hero-label{color:var(--success)}.result-hero--loss .result-hero-label{color:var(--danger)}.result-hero--draw .result-hero-label{color:var(--fg-muted)}.result-hero-sub{font-size:14px;color:var(--fg-muted)}.result-hero-sub small{margin-left:4px;color:var(--fg-faint)}.result-boards{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.board-result-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.board-result-card header{display:flex;justify-content:space-between;align-items:center}.board-result-game{font-weight:600;font-size:14px;color:var(--fg-strong)}.board-result-tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--fg-muted)}.board-result-tag[data-result=win]{background:var(--success-soft);color:var(--success)}.board-result-tag[data-result=loss]{background:var(--danger-soft);color:var(--danger)}.board-result-tag[data-result=draw]{background:var(--surface-3);color:var(--fg-muted)}.board-result-thumb{display:flex;justify-content:center}.board-result-thumb .othello-board,.board-result-thumb .animal-frame{max-width:200px}.board-result-footer{font-size:12px;color:var(--fg-muted)}.result-kifu{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kifu-panel{background:var(--surface-1);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-sm)}.kifu-panel h4{margin:0 0 var(--s-3) 0;font-size:13px;font-weight:600;color:var(--fg-muted)}.kifu-list{display:flex;flex-direction:column;gap:0;max-height:340px;overflow-y:auto}.kifu-row{display:grid;grid-template-columns:28px 24px 1fr auto;gap:var(--s-2);padding:6px 8px;font-size:13px;align-items:baseline;border-bottom:1px solid var(--border)}.kifu-row:last-child{border-bottom:none}.kifu-ply{font-family:var(--font-mono);font-size:12px;color:var(--fg-faint)}.kifu-side{font-size:11px;font-weight:500;text-align:center;padding:1px 6px;border-radius:var(--r-sm);background:var(--surface-3)}.kifu-side[data-side=Host]{background:var(--fg-strong);color:var(--bg-base)}.kifu-side[data-side=Guest]{background:var(--surface-3);color:var(--fg)}.kifu-mv{font-family:var(--font-mono);font-weight:500;color:var(--fg-strong);font-size:13px}.kifu-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.status-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-6) var(--s-5);background:var(--bg-elev);border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:380px;text-align:left}.status-card h2{font-size:16px;font-weight:600;letter-spacing:-.01em}.status-card p{color:var(--fg-muted);font-size:13px;font-family:var(--font-mono);letter-spacing:.04em}.status-card-actions{display:flex;flex-direction:column;gap:var(--s-2);width:100%;margin-top:var(--s-2)}.status-card-spinner{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--rule-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.archive-meta{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.archive-meta-result{display:flex;flex-direction:column;gap:4px;padding:var(--s-3) var(--s-4);background:var(--surface-2);border-radius:var(--r-md)}.archive-meta-result strong{font-size:22px;font-weight:600;color:var(--fg-strong)}.archive-meta-result .result-eyebrow{font-size:11px;color:var(--fg-muted);font-weight:500}.archive-meta-result--win strong{color:var(--success)}.archive-meta-result--loss strong{color:var(--danger)}.archive-meta-result--draw strong{color:var(--fg-muted)}.archive-sgf-header{display:flex;justify-content:space-between;align-items:center}.archive-sgf-actions{display:flex;gap:4px}.sgf-block{margin:0;padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-md);font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--fg-strong);overflow:auto;max-height:50vh;white-space:pre-wrap;word-break:break-all}.btn-skeleton{border-radius:0;background:transparent;position:relative;overflow:hidden;display:flex;align-items:center;color:var(--fg-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.btn-skeleton:after{content:"loading…";animation:skeleton-pulse 1.6s ease-in-out infinite}.btn-skeleton:before{content:none}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}.login-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-7) var(--s-5);max-width:380px;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;background:transparent}.login-card h1{font-size:clamp(40px,8vw,56px);font-weight:700;letter-spacing:-.045em;line-height:.9}.login-card p{margin:0 0 var(--s-3) 0;font-family:var(--font-mono);color:var(--fg-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:var(--s-3);width:100%}.login-form .cf-turnstile{align-self:stretch;min-height:65px}.login-cta{width:100%;padding:14px 18px;justify-content:center}.profile-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--surface-1);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.profile-avatar{width:40px;height:40px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:16px;border-radius:var(--r-md);flex-shrink:0}.profile-name{font-weight:600;color:var(--fg-strong);font-size:14px}@media (max-width: 480px){.app-shell{padding:var(--s-3) var(--s-3) var(--s-6);gap:var(--s-4)}.play-shell{padding:var(--s-2) var(--s-2) var(--s-4)}.title-bar{top:var(--s-2);padding:8px var(--s-2)}.play-title-game{display:none}.home-header h1{font-size:22px}.room-code .value{font-size:22px;letter-spacing:.28em}.clock-side-time{font-size:18px}.clock-side{padding:6px 8px}.play-tabs .tab{min-width:70px;padding:6px 8px}.match-row a{grid-template-columns:auto 1fr;gap:var(--s-2)}.match-row time{grid-column:1 / -1;text-align:right}.result-hero-label{font-size:36px}.config-grid{grid-template-columns:1fr;gap:0}.config-grid dt{margin-top:8px}}