.app-header-actions{align-items:center;gap:var(--space-2);display:flex}.account-trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);font-size:var(--font-meta);background:var(--surface);display:flex}.account-trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;height:20px}.account-mini-avatar,.account-avatar{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-ink);border-radius:50%;place-items:center;font-weight:750;display:grid}.account-mini-avatar{width:26px;height:26px}.account-avatar{flex:0 0 60px;height:60px;font-size:24px}.account-sheet{gap:var(--space-5);padding-top:var(--space-2);display:grid}.account-intro{font-size:1.25rem;font-weight:650;line-height:1.55}.account-intro span{font-size:var(--font-body);color:var(--text-2);font-weight:400}.social-buttons{gap:var(--space-3);display:grid}.social-login{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-height:52px;box-shadow:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:15px;font-weight:500;display:flex}.google-login{font-family:Arial,var(--font);position:relative;color:#1f1f1f!important;background:#fff!important;border:1px solid #747775!important}.google-login>img{object-fit:contain;width:20px;height:20px}.social-login:hover:not(:disabled){filter:brightness(.96)}.kakao-login{padding:0;overflow:hidden;color:#000000d9!important;background:#fee500!important}.kakao-login>img{object-fit:contain;width:auto;max-width:100%;height:52px}.account-footnote,.account-local-note p{font-size:var(--font-meta);color:var(--text-2);line-height:1.7}.account-profile{align-items:center;gap:var(--space-4);min-width:0;display:flex}.account-profile>div{min-width:0}.account-profile h3{color:var(--text);overflow-wrap:anywhere;font-size:1.25rem}.account-profile p{font-size:var(--font-meta);color:var(--text-2)}.account-profile small{overflow-wrap:anywhere;display:block}.account-local-note{padding:var(--space-4);border-radius:var(--radius);background:var(--surface-2)}.account-local-note strong{margin-bottom:var(--space-2);font-size:var(--font-meta);display:block}@media (width<=400px){.app-header-actions{gap:0}.account-trigger{padding-inline:10px}.app-header{gap:var(--space-3)}}.welcome{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px 88px;width:min(1120px,100%);min-height:calc(100dvh - 88px);margin:auto;padding:clamp(24px,5vh,64px) 40px 24px;display:grid}.welcome-story{text-align:center}.welcome-eyebrow{letter-spacing:.18em;color:var(--text-2);justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.welcome-eyebrow>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.welcome-story h1{letter-spacing:-.06em;margin:22px 0 18px;font-size:clamp(40px,4.5vw,60px);font-weight:760;line-height:1.18}.welcome-story h1 em{color:var(--accent-ink);font-style:normal}.welcome-description{color:var(--text-2);font-size:16px;line-height:1.7}.welcome-mobile-break{display:none}.welcome-art{width:min(288px,90%);margin:28px auto 22px;position:relative}.welcome-board{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#e5bb7c;border-radius:28px;padding:6px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 18px 42px #4e30191a,0 3px #cda267}.welcome-board svg{background:radial-gradient(at 20% 5%,#ffe3ac66,#0000),repeating-linear-gradient(91deg,#be833112 0 1px,#0000 1px 13px);width:100%;display:block}.welcome-board path{stroke:#654721;stroke-width:.7px;opacity:.6;fill:none}.welcome-star{fill:#654721}.welcome-stone-shadow{fill:#321f1d;opacity:.22}.welcome-board-caption{color:var(--text-2);letter-spacing:.03em;margin:18px 0 0;font-size:12px;display:block;position:relative}.welcome-features{color:var(--text-2);justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.welcome-features i{background:var(--separator);border-radius:50%;width:3px;height:3px}.welcome-entry{background:var(--surface);border:1px solid var(--separator);box-shadow:var(--shadow-float);min-width:0;animation:sheet-enter var(--duration-sheet) var(--ease-settle);border-radius:32px;gap:22px;padding:36px;display:grid}.welcome-entry-heading h2{letter-spacing:-.035em;margin:18px 0 8px;font-size:23px;line-height:1.4}.welcome-entry-heading>p{color:var(--text-2);font-size:14px;line-height:1.7}.welcome-icon{background:color-mix(in srgb,var(--accent) 12%,var(--surface));width:44px;height:44px;color:var(--accent-ink);border-radius:15px;place-items:center;font-size:24px;display:grid}.welcome-storage{color:var(--text-2);border-top:1px solid var(--separator);text-align:center;padding-top:18px;font-size:12px;line-height:1.7}.welcome-storage small{color:var(--text-3);font-size:11px;display:block}.welcome-footer{text-align:center;letter-spacing:.05em;color:var(--text-3);grid-column:1/-1;align-self:end;font-size:11px}.welcome-loading{color:var(--text-2);justify-content:center;align-items:center;gap:10px;min-height:52px;font-size:14px;display:flex}.welcome-loading>span{border:2px solid var(--separator);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:1s linear infinite welcome-spin}.welcome-recovery{background:var(--surface-2);border-radius:16px;padding:16px;font-size:13px;line-height:1.7}.welcome-recovery strong{font-size:14px}.welcome-recovery p{color:var(--text-2);margin:6px 0 12px}.welcome-recovery a{min-height:44px;color:var(--accent-ink);justify-content:space-between;align-items:center;font-weight:650;display:flex}.welcome-retry{min-height:44px;font-size:13px}@keyframes welcome-spin{to{transform:rotate(360deg)}}@media (width<=699px){.welcome{padding:14px 24px max(24px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:24px;min-height:calc(100dvh - 80px)}.welcome-story h1{margin:16px 0 12px;font-size:38px}.welcome-description{font-size:14px}.welcome-art{width:170px;margin:20px auto 14px}.welcome-board{border-radius:19px;padding:4px}.welcome-board-caption{display:none}.welcome-features{gap:10px;margin-top:22px;font-size:11px}.welcome-entry{border-radius:26px;gap:18px;padding:24px}.welcome-icon{display:none}.welcome-entry-heading h2{margin:0 0 6px;font-size:20px}.welcome-entry-heading>p{font-size:13px}.welcome-footer{margin-top:0}.welcome-storage{padding-top:14px;font-size:11px}.welcome .social-login{min-height:52px}.welcome-eyebrow{font-size:10px}}@media (width<=360px){.welcome{padding-inline:18px}.welcome-entry{padding:20px}.welcome-story h1{font-size:34px}}@media (prefers-reduced-motion:reduce){.welcome-entry,.welcome-loading>span{animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--board-image-base:#e7bc7c;--bg:#f7f7f5;--surface:#fff;--surface-2:#f1f1f4;--surface-elevated:#fff;--text:#111113;--text-2:#66666d;--text-3:#92929a;--separator:#1111131a;--glass-border:#ffffff8c;--accent:#ff5a45;--accent-strong:#f04432;--sky:#4cb9ff;--lime:#a8e83a;--violet:#7a67f8;--warning:#ff9f0a;--danger:#ff453a;--success:#34c759;--board:#e7b76d;--board-line:#1f1810b8;--black-stone:#101012;--white-stone:#fbfbfd;--board-light:#f3d5a0;--board-deep:#dda65f;--board-grain:#926732;--stone-black-light:#55585e;--stone-black-mid:#292b30;--stone-black-deep:#070809;--stone-white-shade:#3a404c;--accent-ink:#9b2516;--danger-ink:#b42318;--success-ink:#24753b;--on-accent:#111113;--chart-black:#6045bc;--chart-white:#087da4;--shadow-control:0 2px 5px #11111312,0 6px 16px #1111130a;--focus:#6b3add;--scrim:#1111135c;--stone-edge:#11111359;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:12px;--radius:16px;--radius-card:24px;--radius-sheet:32px;--radius-pill:999px;--shadow-float:0 8px 32px #11111317,0 1px 4px #1111130a;--shadow-sheet:0 24px 64px #11111329;--shadow-board:0 8px 24px #1f181014;--duration-tap:.1s;--duration-ui:.18s;--duration-sheet:.28s;--ease:cubic-bezier(.2,.7,.2,1);--ease-settle:cubic-bezier(.2,.9,.3,1.05);--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Pretendard","Noto Sans KR","Segoe UI",sans-serif;--font-title:2rem;--font-section:1.25rem;--font-body:1rem;--font-meta:.875rem;--control:44px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--surface:#17171a;--surface-2:#232327;--surface-elevated:#202024;--text:#f5f5f7;--text-2:#acacb4;--text-3:#76767e;--separator:#ffffff1c;--glass-border:#ffffff21;--accent:#ff6b57;--accent-strong:#ff806f;--sky:#64c7ff;--lime:#b8f05a;--violet:#9584ff;--board:#e7bc7c;--board-line:#1f1810c2;--black-stone:#08080a;--white-stone:#f1f1f4;--board-light:#f3d8aa;--board-deep:#d9aa69;--board-grain:#926732;--accent-ink:#ff9d8f;--danger-ink:#ff9d97;--success-ink:#86d99b;--focus:#b8abff;--chart-black:#c0acff;--chart-white:#5ed6f5;--shadow-control:0 2px 5px #0000002e,0 6px 16px #0000001a;--scrim:#0009;--stone-edge:#0000007a;--shadow-float:0 8px 32px #0000003d,0 1px 4px #0000001f;--shadow-sheet:0 24px 64px #0006;--shadow-board:0 8px 24px #00000029}@media (prefers-reduced-motion:reduce){:root{--duration-tap:0s;--duration-ui:0s;--duration-sheet:0s;--ease-settle:linear}}@media (prefers-contrast:more){:root{--text-2:var(--text);--text-3:var(--text);--separator:var(--text)}button,select,textarea{border-width:2px!important}}.board,.small-stone,.perspective{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.board .stone.black,.board .number-on-white{fill:var(--board-black-paint)}.board .stone.white,.board .number-on-black{fill:var(--board-white-paint)}.board .on-black{stroke:var(--board-white-paint)}.board .on-white,.board .candidate-ring{stroke:var(--board-black-paint)}.board .grid-line{stroke:var(--board-ink-paint)}.board .star-point,.board text:not(.move-number){fill:var(--board-ink-paint)}*{box-sizing:border-box}html{scroll-padding:var(--space-6);font-size:16px}body{background:var(--bg);color:var(--text);font:400 var(--font-body)/1.6 var(--font);-webkit-text-size-adjust:100%;margin:0}button,input,textarea,select{font:inherit}button,select,summary,.file-picker,.recovery-link{min-height:var(--control);min-width:var(--control)}button{cursor:pointer;border-radius:var(--radius);background:var(--surface-2);color:var(--text);padding:var(--space-3) var(--space-5);transition:background var(--duration-ui) var(--ease),transform var(--duration-tap) var(--ease),opacity var(--duration-tap) var(--ease);border:1px solid #0000;font-weight:600;line-height:1.3}button:hover:not(:disabled){background:color-mix(in srgb,var(--text) 9%,var(--surface-2))}button:active:not(:disabled),.file-picker:active{transform:scale(.97)}button:disabled{opacity:.42;cursor:default}button.primary,.file-picker{background:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled),.file-picker:hover{background:var(--accent-strong)}button.secondary{background:var(--surface)}button.text-button{padding:var(--space-2) var(--space-3);font-size:var(--font-meta);background:0 0}button.text-button:hover:not(:disabled){background:var(--surface-2)}button.danger{color:var(--danger-ink)}button.destructive{color:var(--danger-ink);background:color-mix(in srgb,var(--danger) 12%,var(--surface))}button.destructive:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 20%,var(--surface))}:focus-visible,.file-picker:focus-within{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;overflow-wrap:anywhere;line-height:1.25}h1{font-size:var(--font-title);font-weight:750}h2{font-size:var(--font-section);font-weight:700}h3{font-size:var(--font-meta);color:var(--text-2);font-weight:600}p,dd{overflow-wrap:anywhere}small,.muted,.filename{font-size:var(--font-meta);color:var(--text-2)}a{color:var(--accent-ink)}select{border:1px solid var(--separator);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:var(--space-2) var(--space-3);max-width:100%}summary{cursor:pointer;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-weight:600;font-size:var(--font-meta);display:flex}summary:before{content:"+";font-size:1.2rem;font-weight:400}details[open]>summary:before{content:"−"}summary::marker{content:""}summary::-webkit-details-marker{display:none}.app-header{max-width:1280px;padding:var(--space-5) var(--space-8);padding-top:max(var(--space-5),env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:var(--space-6);margin:auto;display:flex}.wordmark{align-items:center;gap:var(--space-3);letter-spacing:-.06em;font-size:1.5rem;font-weight:780;display:flex}.brand-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--accent)}.appearance{z-index:5;position:relative}.appearance>summary{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-meta);color:var(--text-2)}.appearance>summary:before{display:none}.appearance>summary>span:first-child{color:var(--text);font-size:1.25rem}.appearance-panel{right:0;top:calc(100% + var(--space-2));border-radius:var(--radius-card);width:260px;padding:var(--space-5);background:var(--surface-elevated);box-shadow:var(--shadow-float);border:1px solid var(--separator);gap:var(--space-4);display:grid;position:absolute}.appearance-panel label{gap:var(--space-2);font-size:var(--font-meta);display:grid}.appearance-panel .check-control{min-height:var(--control);align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.check-control input{width:20px;height:20px;accent-color:var(--accent-ink)}.archive,.review{max-width:1216px;padding:var(--space-8) var(--space-8) var(--space-8);margin:0 auto}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.section-heading h1{margin:var(--space-2) 0 var(--space-3);font-size:2.5rem}.eyebrow{color:var(--text-2);font-size:var(--font-meta);font-weight:500}.add-game,.open-game{justify-content:center;align-items:center;gap:var(--space-3);white-space:nowrap;display:inline-flex}.import-zone{border-radius:var(--radius-card);background:var(--surface);padding:var(--space-8);transition:background var(--duration-ui) var(--ease)}.import-zone.drag{outline:3px dashed var(--accent-ink);outline-offset:-6px;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.empty-state:not(.prepared){padding:var(--space-16) var(--space-8);max-width:880px;margin:var(--space-12) auto;text-align:center}.empty-copy{max-width:520px;margin:auto}.empty-copy h2{margin:var(--space-4) 0;font-size:2.25rem;line-height:1.25}.empty-copy>p:last-child{color:var(--text-2);font-size:1.0625rem}.file-picker{border-radius:var(--radius);padding:var(--space-3) var(--space-5);cursor:pointer;transition:background var(--duration-ui) var(--ease),transform var(--duration-tap) var(--ease);flex-shrink:0;justify-content:center;align-items:center;font-weight:650;display:inline-flex;position:relative;overflow:hidden}.file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.import-file-action{align-items:center;gap:var(--space-6);display:flex}.import-file-action p{color:var(--text-2);font-size:var(--font-meta);margin-bottom:var(--space-1)}.import-file-action small{font-size:.8125rem}.empty-state:not(.prepared) .import-file-action{gap:var(--space-5);margin-top:var(--space-8);flex-direction:column}.compact-import{padding:var(--space-5) var(--space-6);background:var(--surface-2)}.compact-import .file-picker,.prepared .file-picker{background:var(--surface);color:var(--text)}.prepared{padding:var(--space-4) 0;background:0 0}.prepared .import-file-action>div{display:none}.panel{padding:var(--space-6);background:var(--surface);border-radius:var(--radius-card);min-width:0}.import-confirm{max-width:880px;margin:var(--space-4) auto var(--space-8);padding:var(--space-8)}.import-confirm h2{margin-top:var(--space-3);font-size:1.5rem}.filename{overflow-wrap:anywhere}.import-confirm>.filename{margin-top:var(--space-2)}.metadata{gap:var(--space-5) var(--space-6);margin:var(--space-6) 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;display:grid}.metadata>div{min-width:0}.metadata dt{font-size:var(--font-meta);color:var(--text-2)}.metadata dd{margin:var(--space-1) 0 0;font-size:var(--font-body);font-weight:500}.notice{font-size:var(--font-meta);color:var(--text-2);background:var(--surface-2);padding:var(--space-4);border-radius:var(--radius);line-height:1.7}.inline-notice{margin:var(--space-4) 0}.inline-notice p{margin:var(--space-2) 0}.inline-notice .actions{margin-top:var(--space-4)}.error{border-radius:var(--radius);padding:var(--space-5);background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger-ink);font-size:var(--font-meta);overflow-wrap:anywhere}.error strong{font-size:var(--font-body)}.error button{background:var(--surface);color:var(--text)}.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}fieldset{margin:var(--space-8) 0 var(--space-6);padding:var(--space-6) 0 0;border:0;border-top:1px solid var(--separator)}legend{font-size:var(--font-section);margin-bottom:var(--space-5);width:100%;padding:0;font-weight:700}legend .eyebrow{margin-bottom:var(--space-2);display:block}.side-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.side-options label{min-height:52px;min-width:var(--control);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;transition:background var(--duration-ui) var(--ease),border-color var(--duration-ui) var(--ease);border:2px solid #0000;flex:1;font-weight:600;display:flex;position:relative}.side-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.side-options label:focus-within{outline:3px solid var(--focus);outline-offset:3px}.side-options label.selected{border-color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent-ink)}.side-options label.selected:after{content:"✓";font-size:var(--font-meta)}fieldset>.muted{margin-top:var(--space-3)}.small-stone{border-radius:var(--radius-pill);border:1px solid var(--stone-edge);flex:none;width:16px;height:16px;display:inline-block}.small-stone.black{background:var(--black-stone)}.small-stone.white{background:var(--white-stone)}.small-stone.study{background:linear-gradient(90deg,var(--black-stone) 50%,var(--white-stone) 50%)}.import-actions{margin-top:var(--space-6)}.duplicate-options{gap:var(--space-2);display:grid}.duplicate-options button{text-align:left}.games{margin-top:var(--space-8)}.game-row{padding:var(--space-6);border-bottom:1px solid var(--separator);min-width:0}.game-row.recent{background:var(--surface);border-radius:var(--radius-card);margin-bottom:var(--space-4);border:0}.recent-label{font-size:var(--font-meta);color:var(--accent-ink);margin-bottom:var(--space-5);font-weight:650}.game-row-main{gap:var(--space-6);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;display:grid}.game-row-copy h2{margin-bottom:var(--space-2);font-size:1.375rem}.game-row-copy>p{color:var(--text-2);font-size:var(--font-meta)}.game-row-copy .muted{margin-top:var(--space-2)}.versus{margin:0 var(--space-2);color:var(--text-2);font-size:.8125rem}.perspective{place-items:center;width:48px;height:48px;display:grid;position:relative}.perspective span{border-radius:var(--radius-pill);background:var(--black-stone);border:1px solid var(--stone-edge);width:36px;height:36px}.perspective.white span{background:var(--white-stone)}.perspective span+span{display:none}.perspective.study span{width:28px;height:28px;position:absolute;top:4px;left:0}.perspective.study span+span{background:var(--white-stone);display:block;top:18px;left:18px}.game-row-progress{text-align:right;min-width:100px}.game-row-progress>span{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1.2}.game-row-progress small{margin-left:var(--space-1);font-weight:500}.game-row-progress p{font-size:var(--font-meta);color:var(--text-2);margin-top:var(--space-1)}.card-footer{gap:var(--space-3);border-top:1px solid var(--separator);padding-top:var(--space-3);margin-top:var(--space-5);align-items:center;display:flex}.card-footer>.filename{flex:1;min-width:0}.row-exports{gap:var(--space-2);display:flex}.card-footer>.danger{margin-left:var(--space-4)}.privacy{font-size:var(--font-meta);color:var(--text-2);border-top:1px solid var(--separator);padding-top:var(--space-6);margin-top:var(--space-12);max-width:960px;line-height:1.8}.review{padding-top:var(--space-2)}.review-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.back-button{margin-left:calc(-1 * var(--space-3))}.save-status{font-size:var(--font-meta);color:var(--text-2);align-items:center;gap:var(--space-2);display:inline-flex}.save-status.saved{color:var(--success-ink)}.save-status.saved:before{content:"✓"}.save-status.pending:before,.save-status.saving:before{content:"·";font-size:1.25rem}.save-status.error{color:var(--danger-ink);background:0 0;padding:0}.save-status.error:before{content:"!"}.review-title{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.review-title>div{min-width:0}.review-title h1{margin-bottom:var(--space-3)}.review-title p{font-size:var(--font-meta);color:var(--text-2)}.title-meta{margin-left:var(--space-4)}.side-select{font-size:var(--font-meta);color:var(--text-2);gap:var(--space-1);flex-shrink:0;display:grid}.side-select select{font-size:var(--font-meta)}.review-layout{gap:var(--space-8);grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);align-items:start;display:grid}.board-column{min-width:0}.board-caption{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);min-height:var(--control);display:flex}.mode-pill{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--font-meta);font-weight:550}.mode-pill.variation{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 10%,var(--surface));animation:appear var(--duration-ui) var(--ease)}.next-player{align-items:center;gap:var(--space-2);font-size:var(--font-meta);white-space:nowrap;display:flex}.return-original{gap:var(--space-2);width:100%;margin-bottom:var(--space-3);color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-size:var(--font-meta);justify-content:center;align-items:center;display:flex}.board{width:100%;height:auto;box-shadow:var(--shadow-board);touch-action:pan-y pinch-zoom;border-radius:var(--radius-sm);display:block}.board-surface{fill:var(--board)}.grid-line{stroke:var(--board-line);stroke-width:.75px;fill:none}.star-point{fill:var(--board-line)}.board text{fill:var(--board-line);pointer-events:none;font-size:8px;font-weight:500}.board [role=button]{cursor:crosshair}.stone{stroke:var(--stone-edge);stroke-width:.7px}.stone.black{fill:var(--black-stone)}.stone.white{fill:var(--white-stone)}.last-move{fill:none;stroke-width:1.7px}.on-black{stroke:var(--white-stone)}.on-white{stroke:var(--black-stone)}.candidate-ring{fill:none;stroke:var(--black-stone);stroke-width:1.5px;stroke-dasharray:3 2}.candidate-cross{stroke-width:1.4px}.placed-stone{animation:stone-settle var(--duration-tap) var(--ease-settle);transform-box:fill-box;transform-origin:50%}.move-controls{align-items:center;gap:var(--space-2);padding:var(--space-2);margin:var(--space-4) 0 var(--space-5);border-radius:var(--radius-card);border:1px solid var(--separator);background:var(--surface-elevated);box-shadow:var(--shadow-float);grid-template-columns:44px minmax(44px,1fr) minmax(64px,1.2fr) minmax(44px,1fr) 44px;display:grid;position:relative}.move-controls button{padding:var(--space-2);border-radius:var(--radius);background:0 0;font-size:1.5rem}.move-controls strong{text-align:center;font-variant-numeric:tabular-nums;font-size:1.25rem;line-height:1.25}.placement{padding:0 var(--space-2)}.placement>p{font-size:var(--font-meta);color:var(--text-2);margin-bottom:var(--space-3)}.placement.has-preview>p{color:var(--accent-ink);font-weight:650}.placement .actions{gap:var(--space-2)}.placement .actions>button{font-size:var(--font-meta);flex:1}.placement details{margin-top:var(--space-3)}.placement details summary{width:fit-content;min-width:var(--control)}.placement details .actions{padding-bottom:var(--space-3)}.board-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.board-footer .text-button{font-size:var(--font-meta)}.keyboard-hint{font-size:var(--font-meta);color:var(--text-2);margin-top:var(--space-2)}.review-panel{gap:var(--space-5);min-width:0;display:grid}.panel-title{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.panel-title>span{font-size:var(--font-meta);color:var(--text-2)}textarea{border:1px solid var(--separator);border-radius:var(--radius);background:var(--surface);width:100%;min-height:180px;color:var(--text);padding:var(--space-4);resize:vertical;margin:var(--space-5) 0 var(--space-3);scroll-margin-block:var(--space-8);line-height:1.8;display:block}textarea::placeholder{color:var(--text-2)}.original-comment{border-top:1px solid var(--separator);padding-top:var(--space-4);margin-top:var(--space-5)}.original-comment p{white-space:pre-wrap;font-size:var(--font-meta);overflow-wrap:anywhere;max-height:240px;margin-top:var(--space-2);overflow:auto}.branch-panel>.muted{margin:var(--space-3) 0 var(--space-5)}.branch-list{gap:var(--space-2);margin-top:var(--space-3);display:grid}.branch-list button{text-align:left;font-size:var(--font-meta)}.branch-jump{gap:var(--space-2);font-size:var(--font-meta);margin-top:var(--space-5);display:grid}.branch-jump select{text-overflow:ellipsis;width:100%}.undo-button{margin-top:var(--space-4)}.compact .metadata{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.compact .metadata dd{font-size:var(--font-meta)}.compact>.muted,.compact>.actions{margin-top:var(--space-4)}.sheet{color:var(--text);background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);max-width:480px;width:calc(100% - var(--space-8));max-height:calc(100dvh - var(--space-8));padding:var(--space-8);animation:sheet-enter var(--duration-sheet) var(--ease-settle);overflow:auto}.sheet::backdrop{background:var(--scrim)}.sheet h2{margin-bottom:var(--space-5);font-size:1.5rem}.sheet-game{margin-bottom:var(--space-3);font-weight:600}.sheet-downloads{margin:var(--space-5) 0}.sheet-actions{margin-top:var(--space-6)}.sheet-actions>button{flex:1}.sheet-handle{display:none}.recovery-link{margin-top:var(--space-2);font-size:var(--font-meta);align-items:center;display:flex}.loading{gap:var(--space-3);padding:var(--space-4);font-size:var(--font-meta);color:var(--text-2);align-items:center;display:flex}.skeleton{width:64px;height:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-4);z-index:20;background:var(--surface);padding:var(--space-3);border-radius:var(--radius);position:fixed;transform:translateY(-150%)}.skip-link:focus{transform:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-dock{background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);-webkit-backdrop-filter:blur(22px)saturate(165%);border-color:var(--glass-border)}}[data-material=opaque] .glass-dock{background:var(--surface-elevated);-webkit-backdrop-filter:none;border-color:var(--separator)}@media (prefers-reduced-transparency:reduce){.glass-dock{background:var(--surface-elevated);-webkit-backdrop-filter:none;border-color:var(--separator)}}@keyframes stone-settle{0%{opacity:.65;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes appear{0%{opacity:.3}to{opacity:1}}@keyframes sheet-enter{0%{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1099px){.review-layout{grid-template-columns:1fr;max-width:720px;margin:auto}.review-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.review-panel .compact{grid-column:1/-1}.game-row-main{gap:var(--space-4)}.game-row-progress{min-width:80px}.review-title,.review-heading{max-width:720px;margin-inline:auto}.board-column{width:100%}.keyboard-hint{display:none}}@media (width<=699px){.app-header{padding:var(--space-4) var(--space-5);padding-top:max(var(--space-4),env(safe-area-inset-top))}.wordmark{font-size:1.375rem}.archive,.review{padding:var(--space-5) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom))}.review{padding-top:0}.section-heading{gap:var(--space-3);margin-bottom:var(--space-6);align-items:center}.section-heading h1{font-size:2rem}.section-heading .eyebrow{font-size:.8125rem}.add-game{font-size:var(--font-meta);padding:var(--space-3);gap:var(--space-1)}.empty-state:not(.prepared){padding:var(--space-10) var(--space-5);margin:var(--space-8) 0}.empty-copy h2{font-size:2rem}.empty-copy>p:last-child{font-size:var(--font-body)}.import-file-action{align-items:flex-start;gap:var(--space-3);flex-direction:column}.empty-state .import-file-action{align-items:center}.compact-import{padding:var(--space-5)}.compact-import .file-picker{width:100%}.prepared{padding:var(--space-2) 0}.import-confirm{padding:var(--space-6) var(--space-5);margin-top:var(--space-4)}.metadata{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}fieldset{margin-top:var(--space-6)}.side-options{flex-wrap:wrap}.side-options label{padding:var(--space-3) var(--space-2);font-size:var(--font-meta);flex:1 1 calc(50% - var(--space-2))}.side-options label:last-child{flex-basis:100%}.import-actions>.primary{flex:1}.game-row{padding:var(--space-5) 0}.game-row.recent{padding:var(--space-5)}.game-row-main{gap:var(--space-3);grid-template-columns:36px minmax(0,1fr)}.perspective{width:36px;height:40px}.perspective span{width:28px;height:28px}.perspective.study span{width:24px;height:24px;top:0}.perspective.study span+span{top:12px;left:12px}.game-row-copy h2{font-size:var(--font-section)}.game-row-progress{text-align:left;align-items:center;gap:var(--space-3);grid-column:2;display:flex}.game-row-progress>span{font-size:1.5rem}.game-row-progress p{margin:0}.open-game{width:100%;margin-top:var(--space-2);grid-column:1/-1}.card-footer{gap:var(--space-2);flex-wrap:wrap}.card-footer>.filename{flex-basis:100%}.card-footer>.danger{margin-left:auto}.row-exports{gap:0}.card-footer .text-button{padding-inline:var(--space-2)}.review-heading{gap:var(--space-2);margin-bottom:var(--space-4)}.review-heading .save-status{font-size:.8125rem}.review-title{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:flex-start}.review-title h1{font-size:1.75rem}.review-title>div{flex:100%}.title-meta{margin:var(--space-1) 0 0;display:block}.side-select{align-items:center;gap:var(--space-3);width:100%;display:flex}.side-select select{margin-left:auto}.board-caption{gap:var(--space-2);margin-bottom:var(--space-3);font-size:.8125rem}.mode-pill{padding:var(--space-2) var(--space-3);font-size:.8125rem}.next-player{gap:var(--space-1);font-size:.8125rem}.move-controls{gap:var(--space-1);padding:var(--space-2);margin-top:var(--space-3);grid-template-columns:44px minmax(44px,1fr) minmax(60px,1.2fr) minmax(44px,1fr) 44px}.move-controls strong{font-size:1.125rem}.placement{padding:0}.placement .actions>button{padding:var(--space-3) var(--space-2)}.board-footer{gap:var(--space-2)}.board-footer p,.board-footer button{font-size:.8125rem}.review-panel{grid-template-columns:1fr}.review-panel .compact{grid-column:auto}.panel{padding:var(--space-5)}.review-panel{gap:var(--space-4)}.compact .metadata{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.compact .metadata dt{font-size:.8125rem}.sheet{max-height:calc(100dvh - var(--space-6));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:none;padding:var(--space-5) var(--space-6) max(var(--space-6),env(safe-area-inset-bottom));margin:auto auto 0}.sheet-handle{width:var(--space-10);height:var(--space-1);border-radius:var(--radius-pill);background:var(--separator);margin:0 auto var(--space-6);display:block}.privacy{margin-top:var(--space-8)}.appearance-panel{right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active:not(:disabled),.file-picker:active{transform:none}}.skip-link{clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;transform:none}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:var(--space-3)}p,dd,h1,h2{word-break:keep-all;overflow-wrap:anywhere}.board-surface{rx:var(--radius-sm)}:lang(en){word-break:normal}button,summary,label{overflow-wrap:anywhere}input,select,textarea{max-inline-size:100%}:root .cloud-title>div,:root .post-heading,:root .game-open,:root .cloud-search,:root .post-meta>span,:root .comment-byline strong{min-width:0}:root .cloud-title .primary{white-space:normal;text-align:center;flex:none;max-width:42%}:root .cloud-tabbar{grid-template-columns:repeat(3,minmax(0,1fr))}:root .cloud-tabbar button{white-space:normal;text-align:center;gap:5px;min-height:56px;line-height:1.2}:root .cloud-segment{min-width:0;max-width:100%}:root .cloud-segment button{white-space:normal;padding-block:8px;line-height:1.3}:root .feed-filter{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}:root .feed-filter .cloud-segment{width:100%}:root .feed-filter>.icon-button{grid-column:2}:root .feed-views{gap:4px}:root .feed-views button{min-height:44px;line-height:1.3}:root .post-row{transition:border-color var(--duration-ui) var(--ease),box-shadow var(--duration-ui) var(--ease)}:root .post-row:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}:root .translation-note{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;font-size:11px;line-height:1.5;display:flex}:root .translation-note>span{overflow-wrap:anywhere}:root .translation-note button{color:var(--accent-ink);min-height:44px;padding:4px 0;font-size:11px}:root .post-row>.translation-note{padding:0 24px 12px}:root .conversation-intro>.translation-note{margin-block:8px}:root .cloud-comment>.translation-note{margin-block:3px}:root .source-language{min-width:0}:root .comment-options .source-language{align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:400;display:flex}:root .comment-options .source-language select{background:0 0;border-color:#0000;width:auto;max-width:126px;min-height:44px;padding:4px 7px;font-size:12px}:root .conversation-tabs{flex:1;min-width:0}:root .conversation-tabs button{white-space:normal;line-height:1.25}:root .conversation-toolbar select{max-width:100px;padding-inline:5px}:root .conversation-tabs button[aria-pressed=true]:after{bottom:0}:root .comment-tools{flex-wrap:wrap;gap:4px 16px}:root .comment-tools button{min-height:44px}:root .comment-input-row textarea{min-width:0}:root .comment-input-row button{white-space:normal;max-width:30%;height:auto;min-height:44px}:root .comment-byline{flex-wrap:wrap}:root .comment-byline strong{overflow-wrap:anywhere}:root .reply-target,:root .draft-position{flex-wrap:wrap}:root .language-setting select{width:100%}:root .appearance-panel{max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow-y:auto}:root .kakao-login .kakao-symbol{flex:none;width:20px;height:20px}:root .kakao-login{gap:10px;padding:12px}:root .social-login{white-space:normal;line-height:1.4}@media (width<=700px){:root .app-header{gap:12px;padding-inline:20px}:root .app-header-actions{gap:4px}:root .app-header .account-trigger{justify-content:center;width:44px;min-width:44px;padding:6px}:root .app-header .account-trigger>span:last-child{display:none}:root .app-header .appearance>summary{justify-content:center;width:44px;padding-inline:8px}:root .app-header .appearance>summary>span:last-child{display:none}:root .cloud-title{align-items:center}:root .cloud-title h1{font-size:clamp(24px,7vw,29px)}:root .cloud-title .primary{max-width:40%;padding:11px 14px}:root .cloud-tabbar button{font-size:11px}:root .post-row>.translation-note{padding-inline:18px}:root .feed-views{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}:root .feed-views button{white-space:normal;padding:7px 4px;font-size:11px}:root .cloud-segment button{padding-inline:5px;font-size:12px}:root .official-source h2{font-size:22px}:root .mobile-review-header .review-mode-toggle{white-space:normal;max-width:92px;padding-inline:8px;font-size:12px;line-height:1.15}:root .mobile-review-tools button{white-space:normal;min-width:0;padding-inline:5px;font-size:11px;line-height:1.15}:root .mobile-review-tools .action-icon{flex-shrink:0}:root .compact-review .analysis-action-copy{min-width:0}:root .analysis-action-copy strong{white-space:normal;font-size:12px;line-height:1.15}:root .analysis-action-copy small{white-space:normal;font-size:10px}:root .mobile-context{gap:4px;min-width:0}:root .mobile-context>span{white-space:normal;min-width:0;font-size:10px;line-height:1.25}:root .conversation-toolbar{min-height:48px}:root .conversation-toolbar select{width:80px;min-width:65px}:root .comment-options{gap:4px 8px}:root .comment-options .source-language{gap:0;font-size:0}:root .comment-options .source-language select{max-width:100px;font-size:11px}:root .perspective-colors button{white-space:normal;line-height:1.3}:root .record-players,:root .record-players>label{min-width:0}:root .analysis-summary strong{overflow-wrap:anywhere}:root .candidate-shortcuts button{min-width:0}:root .candidate-shortcuts small{white-space:normal}}@media (prefers-reduced-motion:reduce){.post-row{transition:none}}