:root{--color-bg: #f7f1e3;--color-surface: #fffbf2;--color-text: #2b2118;--color-text-muted: #6b5b4b;--color-primary: #8b5a2b;--color-on-primary: #ffffff;--color-accent: #b23a2e;--color-border: #e3d5bc;--color-focus: #1f6feb;--color-success: #2e6b47;--color-danger: #b23a2e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 1px 2px rgb(43 33 24 / .08), 0 8px 24px rgb(43 33 24 / .08);--shadow-tile: 4px 4px 0 0 var(--color-primary);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans KR", "Noto Sans JP", "Noto Sans Thai", "Noto Sans Devanagari", sans-serif;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--leading-body: 1.6;--content-max: 1040px;--board-wood-1: #e2bc85;--board-wood-2: #cfa068;--board-grain: #a8773f;--board-line: #4a3320;--board-frame: #8b5a2b;--stone-black-1: #4a4a4a;--stone-black-2: #0e0e0e;--stone-black-edge: #000000;--stone-white-1: #ffffff;--stone-white-2: #e4ded2;--stone-white-edge: #5e4024;--marker-on-black: #ff8a7a;--marker-on-white: #b23a2e;--board-win: #a3231b;--chip-stone-black: #231c16;--chip-stone-white: #fffbf2;--piece-face-1: #f8ebd0;--piece-face-2: #ebd3a6;--piece-edge: #4a3320;--piece-ink-cho: #0b5a42;--piece-ink-han: #a01e17;--piece-ink-red: #a01e17;--piece-ink-black: #1e1a16;--board9-target: #17478f;--board9-selected: #0f3f8c;--board9-last: #8a3c00;--board9-check: #b3001b;--board9-check-halo: #fff3dc;--font-hanja: "Ttakji Hanja", "Noto Serif KR", "Noto Serif CJK KR", "Source Han Serif K", "AppleMyungjo", "Batang", serif;--avatar-0: #9c3b26;--avatar-1: #2e5e4e;--avatar-2: #34508a;--avatar-3: #6a4486;--avatar-4: #7a5418;--avatar-5: #1d6670;--avatar-6: #8a3557;--avatar-7: #4f5e23;color-scheme:light}:root[data-theme=dark]{--color-bg: #1a1612;--color-surface: #241e18;--color-text: #f3eadb;--color-text-muted: #b8a890;--color-primary: #d9a066;--color-on-primary: #1a1612;--color-accent: #e06b5b;--color-border: #3a3026;--color-focus: #79b8ff;--color-success: #8fd1a6;--color-danger: #f08a7c;--shadow-card: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .3);--board-wood-1: #85603b;--board-wood-2: #7b5735;--board-grain: #5a3e22;--board-line: #e4cfae;--board-frame: #3a2716;--stone-black-1: #525252;--stone-black-2: #0a0a0a;--stone-black-edge: #000000;--stone-white-1: #f4efe6;--stone-white-2: #dcd5c8;--stone-white-edge: #2a1e12;--marker-on-black: #ff8a7a;--marker-on-white: #b23a2e;--board-win: #ffb0a3;--piece-face-1: #eadbb9;--piece-face-2: #d9c29a;--piece-edge: #1e140b;--piece-ink-cho: #0b5a42;--piece-ink-han: #9c1b14;--piece-ink-red: #9c1b14;--piece-ink-black: #1e1a16;--board9-target: #8ec5ff;--board9-selected: #9fd0ff;--board9-last: #ffb86b;--board9-check: #ffb0a3;--board9-check-halo: #3a0d0a;--chip-stone-black: #7a726a;--chip-stone-white: #fffbf2;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #1a1612;--color-surface: #241e18;--color-text: #f3eadb;--color-text-muted: #b8a890;--color-primary: #d9a066;--color-on-primary: #1a1612;--color-accent: #e06b5b;--color-border: #3a3026;--color-focus: #79b8ff;--color-success: #8fd1a6;--color-danger: #f08a7c;--shadow-card: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .3);--board-wood-1: #85603b;--board-wood-2: #7b5735;--board-grain: #5a3e22;--board-line: #e4cfae;--board-frame: #3a2716;--stone-black-1: #525252;--stone-black-2: #0a0a0a;--stone-black-edge: #000000;--stone-white-1: #f4efe6;--stone-white-2: #dcd5c8;--stone-white-edge: #2a1e12;--marker-on-black: #ff8a7a;--marker-on-white: #b23a2e;--board-win: #ffb0a3;--piece-face-1: #eadbb9;--piece-face-2: #d9c29a;--piece-edge: #1e140b;--piece-ink-cho: #0b5a42;--piece-ink-han: #9c1b14;--piece-ink-red: #9c1b14;--piece-ink-black: #1e1a16;--board9-target: #8ec5ff;--board9-selected: #9fd0ff;--board9-last: #ffb86b;--board9-check: #ffb0a3;--board9-check-halo: #3a0d0a;--chip-stone-black: #7a726a;--chip-stone-white: #fffbf2;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);overflow-wrap:anywhere}:lang(th),:lang(hi){--leading-body: 1.8}:lang(ko){word-break:keep-all}@media(prefers-reduced-motion:no-preference){body{transition:background-color .15s ease,color .15s ease}}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;font-weight:800}a{color:var(--color-primary);text-underline-offset:.2em}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}[hidden]{display:none!important}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right))}@media(min-width:768px){.container{padding-inline:var(--space-6)}}.board-wrap{--board-bleed: 0px;--board-cap: var(--board-max, min(640px, calc(100svh - 140px) ));--board-size: max( min(100% + var(--board-bleed), var(--board-cap)), min(100% + var(--board-bleed), 280px) );width:var(--board-size);margin-inline:calc((100% - var(--board-size)) / 2)}@supports not (height: 100svh){.board-wrap{--board-cap: var(--board-max, min(640px, calc(100vh - 140px) ))}}@media(max-width:767px){.board-wrap{--board-bleed: calc(2 * var(--space-2))}}.board{aspect-ratio:1 / 1;border-radius:2.5%;box-shadow:0 5px 0 0 var(--board-frame),0 14px 24px -10px #2b21188c;cursor:default;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.board.is-my-turn{cursor:pointer}.board:focus-visible{outline-offset:4px}.board__svg{display:block;width:100%;height:auto;border-radius:inherit}.board__wood{fill:url(#tb-wood)}.board__wood-1{stop-color:var(--board-wood-1)}.board__wood-2{stop-color:var(--board-wood-2)}.board__grain{fill:none;stroke:var(--board-grain);stroke-width:2.5;opacity:.22}.board__line{stroke:var(--board-line);stroke-width:1;vector-effect:non-scaling-stroke}.board__line--edge{stroke-width:2}.board__star{fill:var(--board-line)}.board__stones{filter:drop-shadow(0 1.5px 1px rgb(0 0 0 / .35))}.board__stone-black-1{stop-color:var(--stone-black-1)}.board__stone-black-2{stop-color:var(--stone-black-2)}.board__stone-white-1{stop-color:var(--stone-white-1)}.board__stone-white-2{stop-color:var(--stone-white-2)}.stone{stroke-width:1.5}.stone--black{fill:url(#tb-stone-black);stroke:var(--stone-black-edge)}.stone--white{fill:url(#tb-stone-white);stroke:var(--stone-white-edge)}.stone.is-win{stroke:var(--board-win);stroke-width:3}.last-move--on-black{fill:var(--marker-on-black)}.last-move--on-white{fill:var(--marker-on-white)}.win-line{stroke:var(--board-win);stroke-width:6;stroke-linecap:round;opacity:.9}.ghost{pointer-events:none}.ghost--hover{opacity:.45}.ghost--preview{opacity:.6;stroke:var(--color-accent);stroke-width:2;stroke-dasharray:4 3}.ghost--pending{opacity:.6}.board__cursor{fill:none;stroke:var(--color-focus);stroke-width:3}@media(prefers-reduced-motion:no-preference){.stone.is-new{transform-box:fill-box;transform-origin:center;animation:tb-place .12s ease-out}.win-line.is-new{stroke-dasharray:1;animation:tb-draw .3s ease-out}}@keyframes tb-place{0%{transform:scale(.85)}}@keyframes tb-draw{0%{stroke-dashoffset:1}}.board-bar{display:flex;justify-content:flex-end;min-height:44px;margin-top:var(--space-4)}.board-sound{padding:0}.board-sound__off,.board-sound[aria-pressed=true] .board-sound__on{display:none}.board-sound[aria-pressed=true] .board-sound__off{display:block}@font-face{font-family:Ttakji Hanja;src:url("./ttakji-hanja.NNV6FK5C.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+4ED5,U+5175,U+5305,U+5352,U+58EB,U+5C07,U+5E25,U+695A,U+6CB3,U+6F22,U+70AE,U+754C,U+76F8,U+7832,U+8C61,U+8ECA,U+99AC}.board9-wrap{--board-cap: var(--board-max, min(560px, calc((100svh - 160px)*.9032) ))}@supports not (height: 100svh){.board9-wrap{--board-cap: var(--board-max, min(560px, calc((100vh - 160px)*.9032) ))}}.board9{position:relative;aspect-ratio:560 / 620;border-radius:2.86%/2.58%;box-shadow:0 5px 0 0 var(--board-frame),0 14px 24px -10px #2b21188c;cursor:default;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.board9.is-pointing{cursor:pointer}.board9:focus-visible{outline-offset:4px}.board9__svg{display:block;width:100%;height:auto;border-radius:inherit}.board9__wood{fill:url(#tb9-wood)}.board9 .board__line--edge{stroke-width:2.5}.board9__palace{stroke:var(--board-line);stroke-width:1;vector-effect:non-scaling-stroke}.board9__marker{fill:none;stroke:var(--board-line);stroke-width:1.5}.board9__river{font-family:var(--font-hanja);font-size:34px;font-weight:700;fill:var(--board-line);opacity:.75;text-anchor:middle;dominant-baseline:central}.board9__pieces{filter:drop-shadow(0 1.5px 1px rgb(0 0 0 / .35))}.piece__face-1{stop-color:var(--piece-face-1)}.piece__face-2{stop-color:var(--piece-face-2)}.piece__side{fill:var(--piece-edge)}.piece__face{fill:url(#tb9-face);stroke:var(--piece-edge);stroke-width:1.5}.piece--cho{color:var(--piece-ink-cho)}.piece--han{color:var(--piece-ink-han)}.piece--red{color:var(--piece-ink-red)}.piece--black{color:var(--piece-ink-black)}.piece__ring{fill:none;stroke:currentColor}.piece__glyph{font-family:var(--font-hanja);font-weight:700;fill:currentColor;text-anchor:middle;dominant-baseline:central}.piece.is-origin{opacity:.35}.piece.is-pending{opacity:.6}.piece.is-pending,.piece.is-captured{pointer-events:none}.board9__last-from,.board9__last-to,.board9__selected,.board9__check,.board9__check-halo,.board9__target--capture,.board9__cursor{fill:none}.board9__last-from{stroke:var(--board9-last);stroke-width:2.5;stroke-dasharray:4 3}.board9__last-to{stroke:var(--board9-last);stroke-width:2.5}.board9__selected{stroke:var(--board9-selected);stroke-width:3}.board9__target{fill:var(--board9-target);opacity:.85}.board9__target--capture{stroke:var(--board9-target);stroke-width:3;stroke-dasharray:6 4;opacity:1}.board9__check-halo{stroke:var(--board9-check-halo);stroke-width:7}.board9__check{stroke:var(--board9-check);stroke-width:4}.board9__facing{stroke:var(--board9-check);stroke-width:3;stroke-dasharray:8 6;opacity:.8}.board9__cursor{stroke:var(--color-focus);stroke-width:3}@media(prefers-reduced-motion:no-preference){.board9__check,.board9__check-halo{animation:tb9-pulse 1.2s ease-in-out infinite alternate}}@keyframes tb9-pulse{to{opacity:.55}}.board9-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2)}.board9-bar .board9-pass{grid-column:1;display:inline-grid;place-items:center;max-width:10em;padding-block:2px;line-height:1.15;text-align:center}.board9-pass__label,.board9-pass:before,.board9-pass:after{grid-area:1 / 1}.board9-pass:before,.board9-pass:after{visibility:hidden;font-weight:700}.board9-pass:before{content:attr(data-reserve-idle);content:attr(data-reserve-idle) / ""}.board9-pass:after{content:attr(data-reserve-armed);content:attr(data-reserve-armed) / ""}.board9-status{grid-column:2;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.board9-status:not(:empty){padding:2px var(--space-3);border:1px solid currentColor;border-radius:999px}.board9-wrap[data-check] .board9-status,.board9-wrap[data-facing] .board9-status{color:var(--color-danger)}.board9-pieces{grid-column:3;padding:0}.board9-bar .board-sound{grid-column:4}.board9-pieces__glyph{font-family:var(--font-hanja);font-size:17px;font-weight:700;fill:currentColor;text-anchor:middle;dominant-baseline:central}.board9-pieces__hanja,.board9-wrap[data-pieces=pictogram] .board9-pieces__pic{display:none}.board9-wrap[data-pieces=pictogram] .board9-pieces__hanja{display:block}.piece__icon{fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.board9-pass[data-armed]{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-surface);font-weight:700}.board9-pass:disabled{opacity:.45;cursor:default}.setup-picker{position:absolute;inset:0;display:flex;padding:var(--space-2);overflow-y:auto;border-radius:inherit;background:#2b211859;user-select:text;-webkit-user-select:text}.setup-picker[hidden]{display:none}.setup-picker__card{margin:0 auto auto;width:100%;max-width:440px;padding:var(--space-4);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:4px 4px 0 0 var(--color-text)}.setup-picker__title{margin:0;font-size:var(--text-lg);line-height:1.3}.setup-picker__side,.setup-picker__hint,.setup-picker__opponent{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.setup-picker__side{font-weight:700}.setup-picker__hint{color:var(--color-text-muted)}.setup-picker__options{display:grid;gap:var(--space-2);margin:var(--space-3) 0}@media(min-width:480px){.setup-picker{padding:var(--space-3)}.setup-picker__options{grid-template-columns:1fr 1fr}.setup-option__rank{max-width:216px}}.setup-option{display:grid;gap:var(--space-1);min-height:44px;padding:var(--space-2);background:transparent;color:inherit;border:2px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);font-weight:600;text-align:start;cursor:pointer}.setup-option[aria-checked=true]{border-color:var(--color-text);box-shadow:3px 3px 0 0 var(--color-primary)}.setup-option__name:before{content:"";display:inline-block;box-sizing:border-box;width:.75em;height:.75em;margin-inline-end:.4em;border:2px solid currentColor;border-radius:50%;vertical-align:-.05em}.setup-option[aria-checked=true] .setup-option__name:before{background:currentColor;box-shadow:inset 0 0 0 2px var(--color-surface)}.setup-option:disabled{cursor:default;opacity:.6}.setup-option__rank{display:block;width:100%;max-width:168px;height:auto}.setup-option__pieces{filter:drop-shadow(0 1px 1px rgb(0 0 0 / .3))}.setup-picker .setup-picker__confirm{width:100%}.setup-picker__opponent{font-weight:700}.account-link{width:44px;padding:0}.account-link__icon{width:22px;height:22px}.avatar{display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--avatar-0);color:#fff;font-weight:800;line-height:1;user-select:none}.avatar--sm{width:30px;height:30px;font-size:15px}.avatar--lg{width:64px;height:64px;font-size:30px;box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-text)}.avatar--0{background:var(--avatar-0)}.avatar--1{background:var(--avatar-1)}.avatar--2{background:var(--avatar-2)}.avatar--3{background:var(--avatar-3)}.avatar--4{background:var(--avatar-4)}.avatar--5{background:var(--avatar-5)}.avatar--6{background:var(--avatar-6)}.avatar--7{background:var(--avatar-7)}.site-footer__legal{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-5) 0 0;padding:0;list-style:none}.site-footer__legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border)}.site-footer__legal a:hover{color:var(--color-text)}.account{max-width:560px}.account .page-title{max-width:none}.account-section{margin-top:var(--space-7)}.account-section__body{max-width:60ch;color:var(--color-text-muted)}.account-section--danger{padding-top:var(--space-6);border-top:2px dashed var(--color-border)}.flash{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);font-weight:700}.flash--alert{border-left-color:var(--color-accent)}.account-form{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field__label{font-weight:700}.field__input{width:100%;min-height:48px;padding:0 var(--space-4);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:max(16px,var(--text-base))}.start-form .field__input{min-height:56px;font-size:var(--text-lg);font-weight:700}.field__input:hover{border-color:var(--color-text-muted)}.field__input:focus-visible{border-color:var(--color-text)}.field__input[aria-invalid=true]{border-color:var(--color-accent)}select.field__input{padding-right:var(--space-6)}.field__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.field__error{font-size:var(--text-sm);font-weight:700;color:var(--color-accent)}.field__error--reserved{min-height:calc(var(--text-sm) * var(--leading-body));line-height:var(--leading-body)}.field__error--reserved:empty{visibility:hidden}.check{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;cursor:pointer}.check input{width:22px;height:22px;margin:0;accent-color:var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:48px;padding:0 var(--space-5);border:2px solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.button--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:3px 3px 0 0 var(--color-text)}.button--primary:active{box-shadow:none;transform:translate(3px,3px)}.button--quiet{border-width:1px;border-color:var(--color-border);font-weight:700}.button--danger{border-color:var(--color-accent);color:var(--color-accent)}.button--danger:hover:not(:disabled){background:var(--color-accent);color:var(--color-surface)}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media(min-width:768px){.button{width:auto;justify-self:start}}.profile-card{display:grid;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-tile)}.profile-card__head{display:flex;align-items:center;gap:var(--space-4);min-width:0}.profile-card__who{display:grid;gap:var(--space-2);min-width:0}.profile-card__name{font-size:var(--text-2xl);letter-spacing:-.015em;line-height:1.15}.profile-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 var(--space-3);border-radius:999px;background:var(--color-text);color:var(--color-surface);font-size:var(--text-sm);font-weight:700}.badge--guest{background:transparent;color:var(--color-text);border:1.5px dashed var(--color-text)}.profile-card__facts{display:flex;justify-content:space-between;gap:var(--space-4);margin:0;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.profile-card__facts dt{font-weight:700}.profile-card__facts dd{margin:0;color:var(--color-text-muted);text-align:right}.profile-card__since{font-size:var(--text-sm);color:var(--color-text-muted)}.account-continue{margin-top:var(--space-5)}.logout-form{margin-top:var(--space-4)}.legal{max-width:68ch}.legal .page-title{max-width:none}.legal__updated{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.legal__section{margin-top:var(--space-6)}.legal__section p{color:var(--color-text)}.signin{--google-bg: #ffffff;--google-border: #747775;--google-text: #1f1f1f}:root[data-theme=dark] .signin{--google-bg: #131314;--google-border: #8e918f;--google-text: #e3e3e3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .signin{--google-bg: #131314;--google-border: #8e918f;--google-text: #e3e3e3}}.signin__or{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.signin__or:before,.signin__or:after{content:"";flex:1;border-top:2px dashed var(--color-border)}.signin__buttons{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.signin__why{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.signin-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-sm);font-weight:700;text-decoration:none}.signin-button__icon{width:20px;height:20px;flex-shrink:0}.signin-button--google{background:var(--google-bg);color:var(--google-text);border:1px solid var(--google-border)}.signin-button:hover{filter:brightness(.96)}@media(min-width:768px){.signin__buttons{max-width:360px}}.ai-layout{display:grid;gap:var(--space-4);margin-top:var(--space-4)}@media(max-width:899px){.ai-page{--board-max: min(640px, calc(100svh - 230px) )}.ai-panel{display:contents}.ai-status{order:1}.ai-setup,.ai-error{order:2}.ai-board{order:3}.ai-controls{order:4}}@media(min-width:900px){.ai-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:var(--space-6)}.ai-panel{display:grid;gap:var(--space-4)}}.ai-status{display:flex;flex-direction:column;justify-content:center;min-height:3.4em;line-height:1.4}.ai-status__line:first-child{font-size:var(--text-sm);color:var(--color-text-muted)}.ai-status__line:last-child{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.ai-dots i{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:currentColor;vertical-align:middle}@media(prefers-reduced-motion:no-preference){.ai-dots i{animation:ai-blink .8s ease-in-out infinite alternate}.ai-dots i+i{animation-delay:.4s}}@keyframes ai-blink{to{opacity:.2}}.ai-controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ai-controls .control{flex:1 1 auto;font-size:var(--text-base)}.control:disabled{opacity:.45;cursor:default}.ai-setup{display:grid;gap:var(--space-4)}.ai-group{margin:0;padding:0;border:0;min-width:0}.ai-group legend{margin-bottom:var(--space-2);padding:0;font-weight:700}.ai-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ai-choice{position:relative}.ai-choice__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ai-choice__face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);height:100%;min-height:64px;padding:var(--space-2);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:3px 3px 0 0 var(--color-primary);font-size:var(--text-sm);font-weight:700;line-height:1.25;text-align:center}.ai-choice__input:checked+.ai-choice__face{background:var(--color-primary);color:var(--color-on-primary);box-shadow:none;transform:translate(3px,3px)}.ai-choice__input:focus-visible+.ai-choice__face{outline:3px solid var(--color-focus);outline-offset:2px}.ai-stone{width:20px;height:20px;border:1.5px solid currentColor;border-radius:50%;background:var(--chip-stone-black)}.ai-stone--white{background:var(--chip-stone-white)}.ai-stone--random{background:linear-gradient(90deg,var(--chip-stone-black) 50%,var(--chip-stone-white) 50%)}.ai-pips{display:flex;gap:3px}.ai-pips i{width:8px;height:8px;border:1.5px solid currentColor;border-radius:2px}.ai-pips--1 i:first-child,.ai-pips--2 i:nth-child(-n+2),.ai-pips--3 i{background:currentColor}.ai-start{min-height:52px;width:100%;padding:0 var(--space-4);background:var(--color-text);color:var(--color-bg);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:4px 4px 0 0 var(--color-accent);font:inherit;font-size:var(--text-lg);font-weight:800;cursor:pointer}.ai-start:disabled{opacity:.5;box-shadow:none;cursor:default}.ai-rule-note,.ai-noscript{font-size:var(--text-sm);color:var(--color-text-muted)}.ai-error{padding:var(--space-3) var(--space-4);border:2px solid var(--color-accent);border-radius:var(--radius-md)}.ai-error .control{margin-top:var(--space-2)}.ai-result{width:min(calc(100vw - 2 * var(--space-4)),380px);padding:var(--space-5);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius-lg);box-shadow:6px 6px 0 0 var(--color-accent);text-align:center}.ai-result::backdrop{background:#1a161259}.ai-result__title{font-size:var(--text-3xl);letter-spacing:-.02em}.ai-result__reason{margin-top:var(--space-2);color:var(--color-text-muted)}.ai-result__actions{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.ai-page.jai-page{--board-max: min(560px, calc((100svh - 250px)*.9032) )}@media(max-width:899px){.ai-page.jai-page{--board-max: min(560px, calc((100svh - 230px)*.9032) )}.jai-alert{order:1}}.jai-status p{margin:0}.jai-status__sides,.jai-status__score{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.jai-status__turn{font-size:var(--text-lg);font-weight:700}.jai-status__turn:empty,.jai-status__sides:empty,.jai-status__score:empty{display:none}.jai-alert{margin:0;padding:var(--space-2) var(--space-3);border-left:4px solid var(--board9-check);background:var(--color-surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-weight:700;line-height:1.4}.jai-resign[data-confirm]{border-color:var(--board9-check);box-shadow:inset 0 0 0 1px var(--board9-check);font-weight:700}.jai-result__score{margin-top:var(--space-1);font-weight:700;font-variant-numeric:tabular-nums}.jai-chip{--chip-octagon: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--piece-edge);clip-path:var(--chip-octagon);font-family:var(--font-hanja);font-size:17px;font-weight:700;line-height:1}.jai-chip:before{content:"";position:absolute;inset:1.5px;background:linear-gradient(160deg,var(--piece-face-1),var(--piece-face-2));clip-path:var(--chip-octagon)}.jai-chip__ink{position:relative}.jai-chip__ink--cho{color:var(--piece-ink-cho)}.jai-chip__ink--han{color:var(--piece-ink-han)}.jai-chip--random{width:44px;gap:1px;font-size:14px;--chip-octagon: polygon(20% 0, 80% 0, 100% 30%, 100% 70%, 80% 100%, 20% 100%, 0 70%, 0 30%)}.janggi-landing .lead{max-width:62ch}@media(min-width:768px){.tiles--play[data-count="1"]{grid-template-columns:minmax(0,480px)}.tiles--play[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.facts{max-width:720px;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.facts__row{display:grid;gap:var(--space-1) var(--space-5);padding:var(--space-3) var(--space-4)}.facts__row+.facts__row{border-top:1px solid var(--color-border)}.facts dt{font-weight:700}.facts dd{margin:0;color:var(--color-text-muted)}@media(min-width:600px){.facts__row{grid-template-columns:9em minmax(0,1fr);align-items:baseline}}.landing-links--list{display:flex;flex-wrap:wrap;gap:0 var(--space-5)}.icon-piece{fill:var(--piece-face-1);stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.icon-piece-bevel{fill:none;stroke:var(--piece-edge);stroke-width:1;opacity:.55}.jd-sprite{position:absolute;width:0;height:0;overflow:hidden}.jd-wood{fill:var(--board-wood-1);stroke:var(--board-frame);stroke-width:3}.jd-grid{fill:none;stroke:var(--board-line);stroke-width:2}.jp use{fill:var(--piece-face-1);stroke:var(--piece-edge);stroke-width:2}.jp--cho{color:var(--piece-ink-cho)}.jp--han{color:var(--piece-ink-han)}.jp .jd-ring,.jd-cap{fill:none;stroke:currentColor}.jp .jd-focus,.jd-cap{fill:none;stroke:var(--board9-target);stroke-width:6}.jp text{fill:currentColor;font-family:var(--font-hanja);font-weight:700;text-anchor:middle;dominant-baseline:central}.jd-dot{fill:var(--board9-target)}.jd-figure{margin:var(--space-5) 0 0}.jd-figure svg,.jd-strip{display:block;width:100%;max-width:280px;height:auto}.jd-figure--start svg{max-width:420px}.jd-figure figcaption{margin-top:var(--space-2);max-width:280px;font-size:var(--text-sm);color:var(--color-text-muted)}.jd-figure--start figcaption{max-width:420px}.jd-gallery{display:grid;gap:var(--space-2) var(--space-5)}@media(min-width:600px){.jd-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.pieces-table,.compare-table{width:100%;margin-top:var(--space-4);border-collapse:collapse;font-size:var(--text-sm)}.pieces-table{table-layout:fixed}.pieces-table caption,.compare-table caption{margin-bottom:var(--space-2);text-align:left;font-weight:700}.pieces-table th,.pieces-table td,.compare-table th,.compare-table td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-top:1px solid var(--color-border);text-align:left;vertical-align:top}.pieces-table th:first-child{width:34%}.pieces-table .num{width:4em}.pieces-table td.num{font-variant-numeric:tabular-nums}.pieces-table__glyphs{display:flex;gap:4px;margin-bottom:var(--space-1)}.pieces-table__name{font-weight:700}.pieces-table__roman,.setup-list__roman{color:var(--color-text-muted);font-weight:400}.jp-hanja,.rules-steps--janggi li:after{display:inline-grid;place-items:center;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);background:var(--piece-face-1);font-family:var(--font-hanja);font-weight:700;line-height:1}.jp-hanja{width:2em;height:2em;background:var(--piece-face-2);color:var(--piece-ink-cho);font-size:var(--text-base)}.jp-hanja--han{color:var(--piece-ink-han)}.setup-list{display:grid;gap:var(--space-5);margin:var(--space-4) 0 0;padding:0;list-style:none}.setup-list__label{margin-bottom:var(--space-2)}.setup-list__name{font-weight:700}.setup-list__hanja{margin-left:var(--space-3);font-family:var(--font-hanja);font-weight:700;letter-spacing:.2em}.rules-steps.rules-steps--janggi li:before{border-radius:0;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);background:var(--piece-edge);content:""}.rules-steps--janggi li:after{content:counter(step);position:absolute;top:2px;left:2px;width:32px;height:32px;color:var(--piece-ink-cho);font-family:inherit;font-weight:800}.rules-online.rules-online--janggi li:before{border:0;border-radius:0;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);background:var(--piece-ink-han)}.game-ends{margin:var(--space-3) 0 0;padding-left:1.25em}.game-ends li+li{margin-top:var(--space-2)}@media(min-width:768px){.rules-cta__tiles[data-count="1"]{grid-template-columns:minmax(0,480px)}}.table-scroll{margin-top:var(--space-5);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.table-scroll:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.compare-table{min-width:38em;margin:0}.compare-table caption{padding:var(--space-3) var(--space-3) 0}.compare-table th,.compare-table td{min-width:9em;padding-left:var(--space-3)}.compare-table tbody th,.compare-table thead th:first-child{position:sticky;left:0;z-index:1;min-width:7em;background:var(--color-surface)}.compare-table .compare-table__janggi{background:color-mix(in srgb,var(--board-wood-1) 16%,var(--color-surface))}.rules--janggi .rules-definition,.compare-page .rules-definition{margin-top:var(--space-4)}.mm-page{max-width:560px;margin-inline:auto}.mm-rule{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.mm{position:relative;display:grid;min-height:440px;margin-top:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-lg)}@media(min-width:768px){.mm{min-height:400px;padding:var(--space-6)}}:root:not([data-theme]) .mm{display:none}.mm-panel{display:grid;min-width:0}.mm-noscript{margin-top:var(--space-5);max-width:60ch;font-size:var(--text-lg)}.mm-center{display:grid;place-content:center;justify-items:center;gap:var(--space-4);text-align:center}.mm-message{max-width:36ch;font-size:var(--text-lg);font-weight:700}.mm-lead{font-size:var(--text-lg);font-weight:700}.mm-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.mm-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:var(--space-2) var(--space-5);border:2px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:800;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}.mm-button--primary{background:var(--color-text);color:var(--color-bg);box-shadow:4px 4px 0 0 var(--color-accent);font-size:var(--text-lg)}.mm-button--primary:active{box-shadow:none;transform:translate(4px,4px)}.mm-button--quiet{border-width:1px;border-color:var(--color-border);font-weight:700}.mm-button--quiet:hover{border-color:var(--color-text-muted)}.mm-button:disabled{opacity:.5;cursor:default}@media(min-width:768px){.mm-center .mm-button{width:auto;min-width:260px}}.mm-spinner{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%}@media(prefers-reduced-motion:no-preference){.mm-spinner{animation:mm-spin .9s linear infinite}}@keyframes mm-spin{to{transform:rotate(360deg)}}.mm-nickname{display:grid;align-content:start;gap:var(--space-4)}.mm-nickname .field__input{min-height:56px;font-size:var(--text-lg);font-weight:700}.mm-idle{display:grid;align-content:center;gap:var(--space-5)}.mm-mode{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.mm-mode__option{position:relative}.mm-mode__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mm-mode__face{display:grid;align-content:start;gap:var(--space-1);height:100%;min-height:88px;padding:var(--space-3);background:var(--color-bg);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:3px 3px 0 0 var(--color-primary)}.mm-mode__name{font-size:var(--text-lg);font-weight:800;line-height:1.3}.mm-mode__hint{font-size:var(--text-sm);line-height:1.4;color:var(--color-text-muted)}.mm-mode__input:checked+.mm-mode__face{background:var(--color-primary);color:var(--color-on-primary);box-shadow:none;transform:translate(3px,3px)}.mm-mode__input:checked+.mm-mode__face .mm-mode__hint{color:inherit}.mm-mode__input:focus-visible+.mm-mode__face{outline:3px solid var(--color-focus);outline-offset:2px}.mm-locked{display:grid;gap:var(--space-3);font-weight:700}.mm-as{font-size:var(--text-sm);color:var(--color-text-muted)}.mm-as .mm-link{min-height:44px;padding-inline:var(--space-1)}.mm-search{display:grid;align-content:center;justify-items:center;gap:var(--space-3);text-align:center}.mm-ttakji{display:grid;place-items:center;width:72px;height:72px;margin-bottom:var(--space-2)}.mm-ttakji .logo-icon{width:64px;height:64px}@media(prefers-reduced-motion:no-preference){.mm-ttakji:not(.mm-ttakji--still) .logo-icon{animation:mm-flip 1.6s cubic-bezier(.55,0,.35,1) infinite}}@keyframes mm-flip{0%,20%{transform:perspective(300px) translateY(0) rotateX(0)}50%{transform:perspective(300px) translateY(-18px) rotateX(-180deg)}70%{transform:perspective(300px) translateY(0) rotateX(-360deg) scale(1.06,.92)}80%,to{transform:perspective(300px) translateY(0) rotateX(-360deg)}}.mm-ttakji--still .logo-icon{opacity:.55}.mm-status{font-size:var(--text-lg);font-weight:800}.mm-timer{font-size:var(--text-3xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.mm-badge{padding:2px var(--space-3);border:1px solid var(--color-text);border-radius:999px;font-size:var(--text-sm);font-weight:700}.mm-note{max-width:34ch;font-size:var(--text-sm);color:var(--color-text-muted)}.mm-search .mm-button{margin-top:var(--space-2)}@media(min-width:768px){.mm-search .mm-button{width:auto;min-width:200px}}.mm-offer{position:fixed;left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:40;display:grid;gap:var(--space-3);width:min(560px,calc(100vw - 2 * var(--space-4)));padding:var(--space-4) var(--space-5);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:4px 4px 0 0 var(--color-primary);text-align:left;transform:translate(-50%)}.mm-offer__title{font-size:var(--text-lg)}.mm-offer__body{font-size:var(--text-sm)}.mm-offer__error{font-size:var(--text-sm);font-weight:700;color:var(--color-accent)}.mm-offer__actions{display:grid;gap:var(--space-2)}.mm-offer .mm-button{margin:0;width:100%;min-height:48px;font-size:var(--text-base)}@media(min-width:560px){.mm-offer__actions{grid-template-columns:3fr 2fr}}@media(prefers-reduced-motion:no-preference){.mm-offer{animation:mm-rise .22s ease-out}}@keyframes mm-rise{0%{transform:translate(-50%,24px);opacity:0}}.mm-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) 0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-bg);border-radius:calc(var(--radius-lg) - 2px) calc(var(--radius-lg) - 2px) 0 0}@media(min-width:768px){.mm-bar{margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) 0}}.mm-bar__dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--color-accent)}@media(prefers-reduced-motion:no-preference){.mm-bar__dot{animation:mm-pulse 1.6s ease-in-out infinite}}@keyframes mm-pulse{50%{opacity:.25}}.mm-bar__text{flex:1;min-width:0;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.mm-bar .mm-button{width:auto;min-height:44px;padding-inline:var(--space-3);background:transparent;color:inherit;border-color:currentColor;font-size:var(--text-sm)}.mm[data-ai=true]{align-content:start}.mm-ai{margin-top:var(--space-4)}.mm-game{display:grid;gap:var(--space-3);--board-max: min(520px, calc(100svh - 220px) )}.mm-game__label{justify-self:start;padding:2px var(--space-3);border:1px dashed var(--color-text);border-radius:999px;font-size:var(--text-sm);font-weight:800}.mm-game__status{display:grid;min-height:3.2em;font-size:var(--text-sm);color:var(--color-text-muted)}.mm-game__result{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.mm-game__result-reason{flex:1;font-size:var(--text-sm);color:var(--color-text-muted)}.mm-found{display:grid;align-content:center;justify-items:center;gap:var(--space-4);text-align:center}.mm-found__title{font-size:var(--text-2xl)}.mm-found__title:focus{outline:none}.mm-opponent{display:flex;align-items:center;gap:var(--space-3);max-width:100%;text-align:left}.avatar--md{width:48px;height:48px;font-size:22px}.mm-opponent__body{display:grid;min-width:0}.mm-opponent__name{font-size:var(--text-xl);line-height:1.25}.mm-opponent__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.mm-found__color{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700}.mm-stone{width:22px;height:22px;border:1.5px solid var(--color-text);border-radius:50%;background:var(--chip-stone-black)}.mm-stone--white{background:var(--chip-stone-white)}.mm-count{display:grid;place-items:center;width:88px;height:88px;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);box-shadow:5px 5px 0 0 var(--color-accent)}.mm-count__num{font-size:48px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.mm-count__text{font-size:var(--text-sm);color:var(--color-text-muted)}.mm[data-ai=true][data-state=matched] .mm-panel{position:absolute;inset:0;z-index:30;align-items:start;padding:var(--space-4);background:#1a16128c;border-radius:calc(var(--radius-lg) - 2px)}.mm[data-ai=true][data-state=matched] .mm-found{position:sticky;top:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md)}.room-page{--room-danger: var(--color-accent)}.room__h1{font-size:var(--text-xl);letter-spacing:-.01em}.room{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"opp" "board" "me" "status" "actions" "chat";gap:var(--space-3);margin-top:var(--space-3);--board-max: min(640px, calc(100svh - 260px) )}.room__opp{grid-area:opp}.room__board{grid-area:board;min-width:0}.room__me{grid-area:me}.room-status{grid-area:status}.room__actions{grid-area:actions}.room__chat{grid-area:chat}@media(min-width:960px){.room{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"board opp" "board status" "board me" "board actions" "board chat" "board .";grid-template-rows:auto auto auto auto auto 1fr;column-gap:var(--space-6);row-gap:var(--space-3);align-items:start;--board-max: min(640px, calc(100svh - 180px) )}}:root:not([data-theme]) .room-card,:root:not([data-theme]) .room-status{display:none}.room-noscript{margin-top:var(--space-4);font-size:var(--text-lg)}.room[data-state=notPlayer] .room__board,.room[data-state=notPlayer] .room__opp,.room[data-state=notPlayer] .room__me,.room[data-state=notPlayer] .room-status{display:none}.room[data-state=replaced] .room__board,.room[data-state=aborted] .room__board{opacity:.45;pointer-events:none}.room-card{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.room-card--skeleton{background:var(--color-surface)}.room-card.is-turn{border:2px solid var(--color-text);padding:calc(var(--space-2) - 1px) calc(var(--space-3) - 1px);box-shadow:3px 3px 0 0 var(--color-primary)}.room-card__body{display:grid;flex:1;min-width:0}.room-card__line{display:flex;align-items:baseline;gap:var(--space-1);min-width:0}.room-card__name{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.room-card__you{flex-shrink:0;font-size:var(--text-sm);color:var(--color-text-muted)}.room-card__meta{display:flex;flex-wrap:wrap;gap:0 var(--space-3);font-size:var(--text-sm);line-height:1.4;color:var(--color-text-muted)}.room-card__waiting{font-weight:700;color:var(--color-text)}.room-presence{display:inline-flex;align-items:center;gap:6px}.room-presence__dot{width:8px;height:8px;border-radius:50%;background:#2e7d4f}.room-presence[data-online="0"]{color:var(--color-accent);font-weight:700}.room-presence[data-online="0"] .room-presence__dot{background:transparent;border:2px solid currentColor}.room-chip{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:var(--text-sm);font-weight:700}.room-stone{width:16px;height:16px;border:1.5px solid var(--color-text);border-radius:50%;background:var(--chip-stone-black)}.room-stone--white{background:var(--chip-stone-white)}.room-clock{display:inline-grid;place-items:center;flex-shrink:0;min-width:64px;height:44px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-lg);font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.room-clock[data-running="1"]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);box-shadow:3px 3px 0 0 var(--color-accent)}.room-clock.is-low[data-running="1"]{background:var(--room-danger);border-color:var(--room-danger);color:#fff;box-shadow:3px 3px 0 0 var(--color-text)}@media(prefers-reduced-motion:no-preference){.room-card.is-turn .room-clock[data-running="1"]{animation:room-land .26s cubic-bezier(.3,1.4,.5,1)}}@keyframes room-land{0%{transform:translate(-3px,-6px) scale(1.06);box-shadow:0 0 0 0 transparent}}.room[data-state=ended] .room-clock,.room[data-state=aborted] .room-clock{opacity:.45}.room-bubble{position:absolute;right:var(--space-3);bottom:calc(100% - 6px);z-index:5;max-width:70%;padding:var(--space-1) var(--space-3);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md) var(--radius-md) 2px var(--radius-md);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:960px){.room-card{min-height:72px}.room-bubble{bottom:auto;top:calc(100% - 6px)}}.room-status{display:grid;align-content:center;min-height:3.2em;margin:0;font-size:var(--text-lg);font-weight:800;line-height:1.35}.room-status__note{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.room-status__spinner{display:inline-block;width:16px;height:16px;margin-right:var(--space-2);vertical-align:-2px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%}@media(prefers-reduced-motion:no-preference){.room-status__spinner{animation:mm-spin .9s linear infinite}}.room-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:48px;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer}.room-btn:hover:not(:disabled){border-color:var(--color-text-muted)}.room-btn--ink{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.room-btn--primary{background:var(--color-text);color:var(--color-bg);border:2px solid var(--color-text);box-shadow:4px 4px 0 0 var(--color-accent);font-weight:800}.room-btn--primary:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.room-btn:disabled{opacity:.55;cursor:default}.room-actions{display:grid;gap:var(--space-3)}.room-actions__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.room-offer,.room-confirm{display:grid;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-surface)}.room-offer__text,.room-confirm__text{font-weight:800}.room-result,.room-message{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md)}.room-result[data-outcome=win]{box-shadow:4px 4px 0 0 var(--color-accent)}.room-result__title,.room-message__title{font-size:var(--text-2xl);line-height:1.2}.room-result__title:focus{outline:none}.room-result__title:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.room-result__reason,.room-message__body{color:var(--color-text-muted)}.room-result__incoming{font-weight:800}.room-result__actions{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.room-chat{display:grid;gap:var(--space-2)}.room-chat__emoji{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:var(--space-1)}.room-emoji{min-width:44px;min-height:44px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:20px;line-height:1;cursor:pointer}.room-emoji:disabled,.room-phrase:disabled{opacity:.45;cursor:default}.room-chat__summary{display:flex;align-items:center;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:700;cursor:pointer}.room-chat__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none}.room-phrase{min-width:44px;min-height:44px;padding:0 var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.room-chat__limit{font-size:var(--text-sm);font-weight:700;color:var(--color-accent)}.room-log{max-height:120px;min-height:48px;margin:0;padding:var(--space-2) var(--space-3);overflow-y:auto;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.5}.room-log__line.is-self{color:var(--color-text-muted)}.room-banner{position:fixed;left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;width:min(560px,calc(100vw - 2 * var(--space-4)));padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);font-weight:700;transform:translate(-50%)}.room-toast{position:fixed;left:50%;top:calc(var(--space-6) + env(safe-area-inset-top));z-index:46;padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);box-shadow:4px 4px 0 0 var(--color-accent);font-size:var(--text-lg);font-weight:800;white-space:nowrap;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.room-toast{animation:room-drop .24s ease-out}}@keyframes room-drop{0%{opacity:0;transform:translate(-50%,-12px)}}.room-missing__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.room[data-state=ended] .room-status:empty,.room[data-state=aborted] .room-status:empty,.room[data-state=notPlayer] .room-status:empty{display:none}.room[data-state=notPlayer]{grid-template-columns:minmax(0,560px);grid-template-areas:"actions";grid-template-rows:auto}@media(max-width:419px){.room-card{gap:var(--space-2)}.room-chip__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.room-clock{min-width:56px}}.fr-page{max-width:560px;margin-inline:auto}.fr-rule{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.fr-invite-title{max-width:26ch;overflow-wrap:anywhere}.fr{display:grid;min-height:600px;margin-top:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-lg)}.fr-page--join .fr{min-height:440px}@media(min-width:768px){.fr{min-height:540px;padding:var(--space-6)}.fr-page--join .fr{min-height:400px}}:root:not([data-theme]) .fr{display:none}.fr-panel{display:grid;min-width:0}.fr-noscript{margin-top:var(--space-5);max-width:60ch;font-size:var(--text-lg)}.fr-center{display:grid;place-content:center;justify-items:center;gap:var(--space-4);text-align:center}.fr-stack{display:grid;align-content:start;gap:var(--space-5);min-width:0}.fr-stack--center{align-content:center}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.fr-slip{position:relative;display:grid;gap:var(--space-3);min-width:0;padding:var(--space-5) var(--space-4) var(--space-4);background:var(--color-bg);border:2px dashed var(--color-primary);border-radius:var(--radius-md)}.fr-slip__label{padding-right:56px;font-weight:800;line-height:1.35}.fr-slip__input{width:100%;min-width:0;min-height:52px;padding:0 var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-lg);font-weight:700;text-overflow:ellipsis}.fr-slip__input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.fr-slip__actions{display:grid;gap:var(--space-3)}@media(min-width:768px){.fr-slip__actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.fr-copy-status{min-height:calc(var(--text-sm) * var(--leading-body));font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.fr-seal{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 3px #ffffff80;transform:rotate(-6deg)}.fr-seal--slip{position:absolute;top:calc(-1 * var(--space-3));right:var(--space-4);width:48px;height:48px;font-size:22px}.fr-seal--card{width:72px;height:72px;font-size:34px}.fr-status{display:grid;gap:var(--space-1)}.fr-status__line{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-lg);font-weight:800;line-height:1.4}.fr-note{font-size:var(--text-sm);color:var(--color-text-muted)}.fr-pulse{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--color-accent);transform:translateY(-1px)}@media(prefers-reduced-motion:no-preference){.fr-pulse{animation:fr-pulse 1.6s ease-in-out infinite}}@keyframes fr-pulse{50%{opacity:.25}}.fr-banner{padding:var(--space-2) var(--space-3);background:var(--color-bg);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);font-weight:700}.fr-foot{display:grid;gap:var(--space-2)}.fr-as{font-size:var(--text-sm);color:var(--color-text-muted)}.fr-card{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5);min-width:0}.fr-card .fr-seal{width:72px;height:72px;font-size:34px}.fr-card__who{display:grid;min-width:0}.fr-card__name{font-size:var(--text-xl);font-weight:800;overflow-wrap:anywhere}.fr-card__place{font-size:var(--text-sm);color:var(--color-text-muted)}.fr-accept{gap:var(--space-2)}@media(min-width:768px){.fr-center .mm-button,.fr-stack--center .mm-button{width:auto;min-width:280px;justify-self:center}}.mm-spinner--sm{width:18px;height:18px;border-width:2px}.fr-landed{display:flex;gap:2px}.fr-landed:before,.fr-landed:after{content:"";width:28px;height:28px;border:1.5px solid var(--color-text);border-radius:50%;background:#231c16}.fr-landed:after{background:#fffbf2}.fr-notice{display:grid;gap:var(--space-3);margin-top:var(--space-5);max-width:60ch}.fr-notice p{font-size:var(--text-lg);color:var(--color-text-muted)}.fr-notice__title{font-size:var(--text-xl)}.fr .fr-notice{margin-top:0}.fr-actions{display:grid;gap:var(--space-3);margin-top:var(--space-2)}@media(min-width:768px){.fr-actions{grid-template-columns:1fr 1fr}}.lb,.rating-line__value,.history__table,.room-result__rating{font-variant-numeric:tabular-nums}.delta,.room-result__delta{font-weight:800}.delta--up,.room-result__delta--up,.result-mark--win{color:var(--color-success)}.delta--down,.room-result__delta--down,.result-mark--loss{color:var(--color-danger)}.delta--even,.result-mark--draw,.history__none{color:var(--color-text-muted)}.result-mark{font-weight:800}.landing-links{margin-top:var(--space-4)}.landing-links__item{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--color-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--color-primary)}.lb-page{max-width:760px;margin-inline:auto}.lb-page .page-title{max-width:none}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 var(--space-3);padding:0;list-style:none;font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb li+li:before{content:"\203a";margin-inline:var(--space-2);color:var(--color-border);font-weight:700}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text-muted)}.lb-page__cta{margin:var(--space-5) 0 var(--space-6)}.lb{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-tile)}.lb__caption{caption-side:top;padding-bottom:var(--space-3);text-align:start;font-weight:800;font-size:var(--text-lg)}.lb th,.lb td{padding:var(--space-2) var(--space-3);text-align:start;vertical-align:middle}.lb thead th{overflow-wrap:normal;padding-block:var(--space-3);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);border-bottom:2px solid var(--color-text)}.lb tbody tr+tr>*{border-top:1px solid var(--color-border)}.lb tr>:nth-child(n+3){text-align:end}.lb tr>:first-child{width:3.5rem;text-align:center}.lb tbody th{font-weight:700;color:var(--color-text-muted)}.lb tbody th>span{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--stone-black-1),var(--stone-black-2) 70%);box-shadow:0 0 0 1px var(--stone-black-edge);color:#fff;font-weight:800}.lb td:nth-child(2){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-3);min-width:0}.lb td:nth-child(2):before{content:attr(data-i);content:attr(data-i) / "";grid-row:1 / 3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--avatar-0);color:#fff;font-size:17px;font-weight:800;line-height:1}.lb td[data-c="1"]:before{background:var(--avatar-1)}.lb td[data-c="2"]:before{background:var(--avatar-2)}.lb td[data-c="3"]:before{background:var(--avatar-3)}.lb td[data-c="4"]:before{background:var(--avatar-4)}.lb td[data-c="5"]:before{background:var(--avatar-5)}.lb td[data-c="6"]:before{background:var(--avatar-6)}.lb td[data-c="7"]:before{background:var(--avatar-7)}.lb td:nth-child(2)>a{display:inline-flex;align-items:center;justify-self:start;min-height:44px;font-weight:700;color:var(--color-text);text-decoration:none;overflow-wrap:anywhere}.lb td:nth-child(2)>a:hover{text-decoration:underline}.lb small{margin-top:calc(-1 * var(--space-2));font-size:var(--text-sm);color:var(--color-text-muted)}.lb td:nth-child(3){font-size:var(--text-lg);font-weight:800;white-space:nowrap}.lb td:nth-child(5){white-space:nowrap;color:var(--color-text-muted)}.lb-empty{display:grid;gap:var(--space-4);justify-items:start;padding:var(--space-6) var(--space-5);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}@media(max-width:599px){.lb tr>:nth-child(n+4){display:none}.lb th,.lb td{padding-inline:var(--space-2)}.lb td:nth-child(2)>a{display:inline-block;max-width:min(14ch,100%);line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.lb small{margin-top:0}}.rating-lines{display:grid}.rating-line{display:grid;gap:var(--space-1);padding-block:var(--space-4);border-top:1px solid var(--color-border)}.rating-line__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.rating-line__rule{font-weight:700}.rating-line__value{font-size:var(--text-2xl);font-weight:800;line-height:1.1}.rating-line__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.rating-line__note{font-size:var(--text-sm);color:var(--color-text)}.rating-line__link,.profile-card__public{display:inline-flex;align-items:center;justify-self:start;min-height:44px;font-weight:700;color:var(--color-text)}.profile-card__ratings .rating-line:last-child{padding-bottom:0}.history__table{width:100%;border-collapse:collapse}.history__table th,.history__table td{padding:var(--space-2) var(--space-3) var(--space-2) 0;text-align:start;vertical-align:middle;border-bottom:1px solid var(--color-border)}.history__table thead th{font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:2px solid var(--color-text)}.history__table td a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--color-text)}.history__table time{white-space:nowrap;color:var(--color-text-muted)}.history__deleted{font-style:italic;color:var(--color-text-muted)}.history__empty{color:var(--color-text-muted)}@media(max-width:599px){.history__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.history__table,.history__table tbody,.history__table tr,.history__table th,.history__table td{display:block}.history__table tr{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.history__table th,.history__table td{display:grid;grid-template-columns:7.5rem 1fr;align-items:center;gap:var(--space-3);min-height:32px;padding:var(--space-1) 0;border:0}.history__table th:before,.history__table td:before{content:attr(data-label);font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted)}}.public-profile{max-width:640px}.public-profile__head{display:flex;align-items:center;gap:var(--space-4);min-width:0}.public-profile__who{display:grid;gap:var(--space-2);min-width:0}.public-profile__name{max-width:none;overflow-wrap:anywhere}.public-profile__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.public-profile__ratings{margin-top:var(--space-5)}.public-profile__unrated{padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.room-result__rating{margin-top:var(--space-2);font-weight:700}.rules-page{max-width:720px;margin-inline:auto}.rules-page .page-title{max-width:none}.rules p,.rules li{font-size:var(--text-base)}.rules .section-title{margin-top:var(--space-7);margin-bottom:var(--space-4)}.rules [id]{scroll-margin-top:var(--space-5)}.rules-intro{display:grid;gap:var(--space-5);margin-top:var(--space-4)}.rules-definition{line-height:1.75}.rules-diagram{justify-self:center;width:100%;max-width:240px;margin:0}.rules-diagram__svg{display:block;width:100%;height:auto}.rules-diagram__wood{fill:var(--board-wood-1);stroke:var(--board-frame);stroke-width:2}.rules-diagram__grid{fill:none;stroke:var(--board-line);stroke-width:1}.rules-diagram__black{fill:var(--stone-black-2)}.rules-diagram__white{fill:var(--stone-white-1);stroke:var(--stone-white-edge);stroke-width:1.5}.rules-diagram figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.rules-steps{position:relative;display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:step}.rules-steps:before{content:"";position:absolute;top:18px;bottom:18px;left:17px;width:2px;background:var(--color-border)}.rules-steps li{position:relative;min-height:36px;padding:5px 0 0 56px;counter-increment:step}.rules-steps li:before{content:counter(step);position:absolute;top:0;left:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--stone-black-1),var(--stone-black-2) 70%);color:#fff;font-weight:800;font-size:var(--text-base);font-variant-numeric:tabular-nums;line-height:1}.rules-online{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.rules-online li{position:relative;padding-left:32px}.rules-online li:before{content:"";position:absolute;top:.45em;left:4px;width:14px;height:14px;border-radius:50%;background:var(--stone-white-1);border:2px solid var(--stone-white-edge)}.rules-faq h3{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-size:var(--text-lg);line-height:1.4}.rules-faq h3:first-child{margin-top:0}.rules-faq p{margin-top:var(--space-2);color:var(--color-text-muted)}.rules-cta__tiles{margin-top:0}.rules-cta__tiles .tile{min-height:56px}@media(min-width:768px){.rules p,.rules li{font-size:var(--text-lg)}.rules-intro{grid-template-columns:minmax(0,1fr) 200px;gap:var(--space-6);align-items:start}.rules-cta__tiles{grid-template-columns:repeat(3,1fr)}}.faq-list{max-width:65ch;margin:0;padding:0;list-style:none}.faq-list li{border-top:1px solid var(--color-border)}.faq-list li:last-child{border-bottom:1px solid var(--color-border)}.faq-list a{display:flex;align-items:center;min-height:48px;padding-block:var(--space-2);color:var(--color-text);font-weight:600;text-decoration:none}.faq-list a:hover{text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:4px}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius-sm);font-weight:700;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top)}.site-header__inner{display:flex;align-items:center;gap:var(--space-2);min-height:64px}.logo{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;margin-right:auto;color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm)}.logo__text{font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em}.logo-icon{width:32px;height:32px}.logo-icon__base{fill:var(--color-primary)}.logo-icon__flap{fill:var(--color-accent)}.logo-icon__crease{fill:none;stroke:var(--color-bg);stroke-width:1.25}.control{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:0 var(--space-3);background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);cursor:pointer}.control:hover{border-color:var(--color-text-muted)}.control svg{width:20px;height:20px}.lang-switcher{position:relative}.lang-switcher>summary{list-style:none}.lang-switcher>summary::-webkit-details-marker{display:none}.lang-switcher__short{display:none}@media(max-width:399px){.lang-switcher__name{display:none}.lang-switcher__short{display:inline}}.lang-switcher__menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:50;width:max-content;min-width:220px;max-width:calc(100vw - 2 * var(--space-4));max-height:calc(100vh - 96px);overflow-y:auto;margin:0;padding:var(--space-2);list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.lang-switcher__menu a{display:flex;align-items:center;min-height:44px;padding:0 var(--space-3);color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm)}.lang-switcher__menu a:hover{background:var(--color-bg)}.lang-switcher__menu a[aria-current=true]{font-weight:700;box-shadow:inset 3px 0 0 var(--color-accent)}.theme-toggle{padding:0}.theme-toggle__sun,:root[data-theme=dark] .theme-toggle__moon{display:none}:root[data-theme=dark] .theme-toggle__sun{display:block}main{flex:1;padding-block:var(--space-6) var(--space-8)}main:focus{outline:none}.page-title{font-size:var(--text-2xl);letter-spacing:-.015em;max-width:22ch}.lead{margin-top:var(--space-3);max-width:60ch;font-size:var(--text-lg);color:var(--color-text-muted)}.section{margin-top:var(--space-7)}.section-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.section p{max-width:65ch;color:var(--color-text-muted)}@media(min-width:768px){main{padding-block:var(--space-7) var(--space-8)}.page-title{font-size:var(--text-3xl)}}.tiles{display:grid;gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.tile{display:flex;align-items:center;gap:var(--space-4);height:100%;min-height:64px;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-tile);text-decoration:none}.tile--primary{background:var(--color-primary);color:var(--color-on-primary);--shadow-tile: 4px 4px 0 0 var(--color-text)}.tile__icon{width:40px;height:40px}.tile__body{display:flex;flex-direction:column;min-width:0}.tile__label{font-size:var(--text-lg);font-weight:800;line-height:1.3}.tile__hint{font-size:var(--text-sm);line-height:1.4;opacity:.85}@media(hover:hover){.tile:hover{box-shadow:6px 6px 0 0 var(--color-primary);transform:translate(-2px,-2px)}.tile--primary:hover{box-shadow:6px 6px 0 0 var(--color-text)}}.tile:active{box-shadow:0 0 0 0 transparent;transform:translate(4px,4px)}@media(prefers-reduced-motion:no-preference){.tile{transition:transform 90ms ease-out,box-shadow 90ms ease-out}}@media(min-width:768px){.tiles--play{grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-6)}.tiles--play .tile{min-height:96px;padding:var(--space-4) var(--space-5)}.tiles--play .tile__label{font-size:var(--text-xl)}.tile__icon{width:48px;height:48px}}.tiles--games{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tiles--games .tile{min-height:88px}.icon-board{fill:var(--color-primary);opacity:.25}.icon-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-stone-dark{fill:#231c16;stroke:currentColor;stroke-width:1.5}.icon-stone-light{fill:#fffbf2;stroke:currentColor;stroke-width:1.5}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.chip-list a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none}.chip-list a:hover{border-color:var(--color-primary)}.notice__body{margin-top:var(--space-3);max-width:60ch;font-size:var(--text-lg);color:var(--color-text-muted)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;margin-top:var(--space-6);padding:0 var(--space-4);color:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius-sm);font-weight:700;text-decoration:none}.back-link svg{width:18px;height:18px}.dev-stack{margin-top:var(--space-5);padding:var(--space-4);overflow-x:auto;font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.site-footer{padding-block:var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer__nav+.site-footer__nav{margin-top:var(--space-5)}.site-footer__heading{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.site-footer .chip-list a{min-height:44px;padding:0 var(--space-3);border-color:transparent;color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border)}.site-footer .chip-list a:hover{color:var(--color-text)}.site-footer__copyright{margin-top:var(--space-5)}.locale-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:var(--space-3);max-height:72px;padding:var(--space-2) max(var(--space-4),env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:var(--color-text);color:var(--color-bg);font-size:var(--text-sm);line-height:1.4}.locale-banner__text{flex:1;min-width:0}.locale-banner__switch{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-sm);font-weight:700;text-decoration:none;white-space:nowrap}.locale-banner__dismiss{width:44px;height:44px;flex-shrink:0;padding:0;background:transparent;color:inherit;border:0;border-radius:var(--radius-sm);font-size:24px;line-height:1;cursor:pointer}.locale-banner :focus-visible{outline-color:var(--color-bg)}body.has-locale-banner{padding-bottom:72px}.icon-line--thin{stroke-width:1.75}.icon-line--fine{stroke-width:1.5}.icon-line--dash{stroke-dasharray:3 4}