:root{color:#162a25;font-synthesis:none;--paper:#f9f6ed;--paper-strong:#fffdf7;--ink:#172b25;--muted:#6f746f;--green:#185e49;--green-dark:#0f4939;--line:#273a3329;--orange:#ce7c2d;--board:#d9a459;--danger:#a8392f;--shadow:0 20px 50px #342a1b1f;--app-height:100vh;background:#f5f0e4;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light dark!important}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (height:100svh){:root{--app-height:100svh}}@supports (height:100lvh){@media (width<=900px){:root{--app-height:100lvh}}}*{box-sizing:border-box}html{color:#162a25;background:#f5f0e4;min-width:320px;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light dark!important}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:#162a25;background:#f5f0e4;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important}@media (prefers-color-scheme:dark){:root,html{color:#162a25;--paper:#f9f6ed;--paper-strong:#fffdf7;--ink:#172b25;--muted:#6f746f;--green:#185e49;--green-dark:#0f4939;--line:#273a3329;--orange:#ce7c2d;--board:#d9a459;--danger:#a8392f;background:#f5f0e4;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}body{color:#162a25;background:#f5f0e4}}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f9f6edf5;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 clamp(22px,5vw,64px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;width:fit-content;font-size:16px;display:inline-flex}.brand-dots{gap:3px;display:flex}.brand-dots i{background:var(--ink);border-radius:50%;width:7px;height:7px}.brand-dots i:nth-child(2){background:var(--orange)}.brand-dots i:nth-child(3){background:var(--green)}.desktop-nav{align-items:center;gap:8px;display:flex}.desktop-nav a{color:#235345;border:1px solid #0000;padding:10px 12px;font-size:13px;font-weight:800}.desktop-nav a:hover,.desktop-nav a.active{background:#185e490f;border-color:#185e4942}.header-actions{justify-self:end;align-items:center;gap:18px;display:flex}.sound-toggle-wrap{place-items:center;display:grid;position:relative}.sound-toggle{width:var(--board-control-size,28px);height:var(--board-control-size,28px);color:var(--green);border:1px solid var(--green);background:var(--paper-strong);border-radius:5px;place-items:center;padding:0;display:grid}.sound-toggle svg{width:52.5%;height:52.5%}.sound-toggle:not(.music-toggle) svg{transform:scaleY(1.22)}.sound-toggle.music-toggle svg{width:65%;height:65%}.sound-toggle.active{color:#fff;background:var(--green)}.sound-toggle-tooltip{z-index:60;color:#fff;white-space:nowrap;pointer-events:none;background:#19201deb;border-radius:5px;width:max-content;padding:6px 9px;font:700 11px/1.2 system-ui,sans-serif;display:none;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #151f1b29}.sound-toggle-wrap:hover .sound-toggle-tooltip,.sound-toggle-wrap:focus-within .sound-toggle-tooltip{display:block}.language-picker{grid-template-columns:auto minmax(84px,auto);align-items:center;gap:7px;display:flex;position:relative}.language-picker>svg{width:18px;height:18px;color:var(--green)}.language-picker select{background-color:var(--paper-strong);width:auto;min-width:96px;min-height:42px;padding:7px 30px 7px 10px;font-size:12px;font-weight:800}.account-button{background:var(--paper-strong);border:1px solid var(--line);align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.account-button span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.account-button strong{font-size:13px}.page-shell{min-height:calc(100vh - 72px)}.mobile-nav,.engine-startup-screen{display:none}.home-hero{grid-template-columns:1.08fr .92fr;align-items:center;min-height:calc(100vh - 72px);padding:clamp(54px,7vw,100px) clamp(22px,5vw,72px);display:grid;overflow:hidden}.hero-copy{z-index:1;position:relative}.eyebrow{color:var(--green);letter-spacing:.2em;margin:0 0 18px;font-size:12px;font-weight:900}.hero-copy h1{letter-spacing:-.06em;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(54px,7vw,104px);font-weight:500;line-height:.98}.hero-copy h1 em{color:var(--green);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:680px;color:var(--muted);margin:42px 0 30px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.home-play-button{justify-content:center;min-width:min(360px,100%);min-height:68px;font-size:19px}.button{border:1px solid var(--line);background:var(--paper-strong);justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-weight:800;display:inline-flex}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.danger{color:var(--danger);border-color:#a8392f59}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.45}.hero-board{aspect-ratio:1;background:var(--board);width:min(42vw,560px);box-shadow:var(--shadow);border:1px solid #3d2b153d;justify-self:end;padding:7%;position:relative;transform:rotate(2.3deg)}.mini-grid{background-image:linear-gradient(#261c0f60 1px,#0000 1px),linear-gradient(90deg,#261c0f60 1px,#0000 1px);background-size:12.5% 12.5%;border-bottom:1px solid #261c0f60;border-right:1px solid #261c0f60;width:100%;height:100%;position:relative}.mini-stone{aspect-ratio:1;border-radius:50%;width:10%;position:absolute;box-shadow:0 8px 12px #00000040}.mini-stone.black{background:radial-gradient(circle at 32% 26%,#525955,#0c0e0d 70%)}.mini-stone.white{background:radial-gradient(circle at 32% 26%,#fff,#d2cec2 75%)}.mini-stone.one{top:45%;left:45%}.mini-stone.two{top:45%;left:57.5%}.mini-stone.three{top:57.5%;left:57.5%}.mini-stone.four{top:32.5%;left:45%}.hero-board>strong{color:#432b138c;font:86px Georgia,serif;position:absolute;bottom:3%;right:7%}.feature-grid{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.feature-card{background:var(--paper);border-right:1px solid var(--line);min-height:300px;padding:34px;transition:background .2s,transform .2s}.feature-card:hover{z-index:1;background:var(--paper-strong);box-shadow:var(--shadow);position:relative;transform:translateY(-4px)}.feature-card h2{margin:32px 0 18px;font-family:Georgia,serif;font-size:30px}.feature-card p{min-height:72px;color:var(--muted);line-height:1.7}.feature-card>strong{color:var(--green)}.content-page{padding:48px clamp(20px,5vw,72px) 80px}.content-page.narrow{max-width:1180px;margin:auto}.page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:0;font:500 clamp(38px,5vw,64px) Georgia,serif}.panel,.loading-card{background:var(--paper-strong);border:1px solid var(--line);padding:28px;box-shadow:0 10px 28px #342a1b0f}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-identity{grid-template-columns:auto 1fr;gap:20px;display:grid}.profile-identity form{grid-column:1/-1;align-items:end;gap:10px;display:flex}.profile-identity form label{flex:1}.large-avatar{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:78px;height:78px;font:800 28px Georgia,serif;display:grid}.panel h2{margin:4px 0 12px;font-family:Georgia,serif;font-size:27px}label{gap:8px;display:grid}label>span{font-size:12px;font-weight:800}input,select,textarea{background:#fffefa;border:1px solid #273a333d;outline:none;width:100%;min-height:46px;padding:10px 13px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #185e491a}.stack-form{gap:13px;display:grid}.detail-list{margin:20px 0 0}.detail-list div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:800}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat-grid a,.stat-grid div{background:#f3efe5;gap:5px;padding:18px;display:grid}.stat-grid strong{font:700 28px Georgia,serif}.stat-grid span{color:var(--muted);font-size:12px}.form-message{min-height:20px;color:var(--green);margin:12px 0 0;font-size:13px}.form-message.error,.form-message.error{color:var(--danger)}.nps-test-panel{grid-column:1/-1}.nps-test-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.nps-test-heading h2{margin-bottom:0}.nps-test-description{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.65}.nps-test-running{min-height:94px;color:var(--green);background:#f3efe5;justify-content:center;align-items:center;gap:11px;margin-top:18px;font-size:13px;font-weight:800;display:flex}.nps-test-running i{border:2px solid #185e4933;border-top-color:var(--green);border-radius:50%;width:18px;height:18px;animation:.85s linear infinite game-result-spin}.nps-test-result{grid-template-columns:minmax(190px,.75fr) 1.25fr;gap:12px;margin-top:18px;display:grid}.nps-test-primary{color:#fff;background:var(--green);text-align:center;place-content:center;min-height:132px;padding:20px;display:grid}.nps-test-primary strong{font-variant-numeric:tabular-nums;font:700 clamp(34px,5vw,52px)/1 Georgia,serif}.nps-test-primary span{color:#ffffffb8;letter-spacing:.15em;margin-top:8px;font-size:11px;font-weight:900}.nps-test-result dl{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid}.nps-test-result dl div{background:#f3efe5;align-content:center;gap:5px;min-height:65px;padding:12px 16px;display:grid}.nps-test-result dt{color:var(--muted);font-size:11px}.nps-test-result dd{font-variant-numeric:tabular-nums;margin:0;font-size:16px;font-weight:900}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c1915ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-dialog{overscroll-behavior:contain;background:var(--paper-strong);width:min(440px,100%);max-height:calc(100dvh - 40px);padding:34px;position:relative;overflow-y:auto;box-shadow:0 32px 90px #00000057}.confirm-dialog{background:var(--paper-strong);width:min(430px,100%);padding:30px;box-shadow:0 32px 90px #00000057}.confirm-dialog h2{margin:0 0 12px;font-size:27px}.confirm-dialog p{color:var(--muted);margin:0 0 24px;line-height:1.65}.auth-dialog h2{margin:0 0 22px;font:500 36px Georgia,serif}.modal-close{border:1px solid var(--line);background:0 0;width:38px;height:38px;font-size:25px;position:absolute;top:13px;right:13px}.auth-dialog-header{grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;gap:10px;margin-bottom:20px;display:grid}.auth-dialog-header .modal-close{width:38px;height:auto;min-height:0;position:static}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.auth-tabs button{background:0 0;border:0;border-bottom:3px solid #0000;padding:12px;font-weight:800}.auth-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.auth-dialog form{gap:13px;display:grid}@media (width<=900px){.engine-startup-screen{z-index:200;color:var(--ink);background:var(--paper);place-content:center;justify-items:center;gap:13px;display:grid;position:fixed;inset:0}.engine-startup-screen>strong{letter-spacing:-.04em;font:500 29px Georgia,Noto Serif KR,serif}.engine-startup-screen>span{color:var(--muted);font-size:12px;font-weight:800}.engine-startup-mark{align-items:center;gap:5px;height:24px;display:flex}.engine-startup-mark i{background:var(--green);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite engine-startup-stone}.engine-startup-mark i:nth-child(2){animation-delay:80ms}.engine-startup-mark i:nth-child(3){animation-delay:.16s}.engine-startup-mark i:nth-child(4){animation-delay:.24s}.engine-startup-mark i:nth-child(5){animation-delay:.32s}.site-header{grid-template-columns:1fr auto;height:64px;padding:0 20px}.desktop-nav,.account-button strong{display:none}.account-button{padding-right:5px}.page-shell{min-height:calc(var(--app-height) - 64px);padding-bottom:68px}.mobile-nav{z-index:60;height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#f9f6edfa;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav a,.mobile-nav button,.mobile-language-picker{color:var(--muted);text-align:center;background:0 0;border:0;place-content:center;gap:5px;font-size:11px;display:grid;position:relative}.mobile-nav span{font-size:19px;line-height:1}.mobile-nav .active{color:var(--green)}.mobile-nav .home-nav-icon{place-items:center;display:grid}.mobile-nav .home-nav-icon svg{fill:currentColor;width:21px;height:21px}.mobile-nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.1;overflow:hidden}.mobile-submenu-dismiss{z-index:57;background:#0e1b172e;border:0;position:fixed;inset:0 0 66px}.mobile-submenu{z-index:59;border:1px solid var(--line);background:#f9f6edfa;border-radius:14px;gap:0;width:max-content;max-width:calc(100vw - 16px);padding:5px;display:grid;position:fixed;bottom:74px;box-shadow:0 18px 48px #1f272333}.mobile-submenu.align-analysis{left:8px}.mobile-submenu.align-more{right:8px}.mobile-submenu strong{font-weight:600}.mobile-submenu>a,.mobile-submenu>button{text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:24px max-content auto;align-items:center;gap:7px;min-height:40px;padding:0 10px;display:grid}.mobile-submenu.align-analysis>a{grid-template-columns:22px max-content;gap:5px;padding-inline:8px}.mobile-submenu>a:active,.mobile-submenu>button:active,.mobile-language-options button:active{background:#185e4914}.mobile-submenu>a>span,.mobile-submenu>button>span{width:24px;color:var(--green);place-items:center;font-size:17px;display:grid}.mobile-submenu .submenu-number-icon,.mobile-submenu .submenu-sound-icon{border:1px solid var(--green);background:0 0;border-radius:4px;justify-self:center;width:20px;height:20px;font:800 11px/1 Georgia,serif}.mobile-submenu .submenu-sound-icon svg{width:13px;height:13px}.mobile-submenu .submenu-music-icon{padding:0}.mobile-submenu .submenu-music-icon svg{width:16px;height:16px}.mobile-submenu .submenu-number-icon.active,.mobile-submenu .submenu-sound-icon.active{color:#fff;background:var(--green)}.mobile-submenu.align-analysis>a>span{width:22px}.mobile-submenu>a>strong,.mobile-submenu>button>strong{white-space:nowrap;font-size:14px}.mobile-submenu>button>i{color:var(--muted);font-size:24px;font-style:normal}.submenu-language-icon svg{width:21px;height:21px}.mobile-submenu>header{border-bottom:1px solid var(--line);grid-template-columns:30px 24px max-content;align-items:center;min-height:40px;padding:0 7px 4px;display:grid}.mobile-submenu>header>button{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:26px;display:grid}.mobile-submenu>header>strong{white-space:nowrap;font-size:14px}.mobile-language-options{gap:1px;padding-top:4px;display:grid}.mobile-language-options button{background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.mobile-language-options button.active{color:#fff;background:var(--green)}.home-hero{grid-template-columns:1fr;min-height:auto;padding:58px 22px 42px}.mobile-home-shell{height:calc(var(--app-height) - 64px);min-height:0;overflow:hidden}.mobile-home-shell .home-hero{align-content:center;height:100%;min-height:0}.mobile-home-shell .feature-grid{display:none}.mobile-home-shell .hero-actions{width:min(360px,100%);display:flex}.mobile-home-shell .home-play-button{width:100%;min-height:72px;font-size:20px}.hero-copy h1{font-size:clamp(49px,14vw,76px)}.hero-copy>p:not(.eyebrow){margin:30px 0 24px;font-size:15px}.hero-board{justify-self:center;width:min(82vw,500px);margin:52px auto 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.nps-test-panel{grid-column:auto}}@media (width<=600px){.site-header{display:none}.page-shell{min-height:var(--app-height);padding-bottom:calc(66px + env(safe-area-inset-bottom))}.mobile-home-shell{height:var(--app-height);min-height:0}.home-hero{min-height:calc(var(--app-height) - 66px);align-content:center}.hero-board{display:none}.hero-actions .button{flex:1;min-width:145px;padding:0 12px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:210px;padding:26px 22px}.feature-card h2{margin-top:18px}.feature-card p{min-height:auto}.content-page{padding:24px 14px 88px}.page-heading{align-items:center;margin-bottom:20px}.page-heading h1{font-size:38px}.profile-identity{grid-template-columns:64px 1fr}.large-avatar{width:60px;height:60px}.profile-identity form{display:grid}.nps-test-heading{flex-direction:column;align-items:stretch}.nps-test-result{grid-template-columns:1fr}.panel{padding:20px}.modal-backdrop{align-items:center;padding:12px;overflow-y:auto}.auth-dialog{max-height:calc(100dvh - 24px);padding:20px 18px 18px}.auth-dialog-header{margin-bottom:14px}.auth-dialog form{gap:9px}.auth-dialog label{gap:5px}.auth-dialog input{min-height:42px;padding-block:8px}.auth-dialog .form-message{margin-top:4px}}@keyframes engine-startup-stone{0%,55%,to{opacity:.35;transform:translateY(0)}25%{opacity:1;transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=901px){html,body{height:100%;overflow:hidden}.app-frame{overscroll-behavior-y:contain;scrollbar-gutter:stable both-edges;height:calc(100dvh - 72px);min-height:0;overflow:hidden auto}}.puzzle-screen{min-height:0;padding:14px}.puzzle-stage{width:min(1420px,100%);height:calc(var(--app-height) - 100px);border:1px solid var(--line);background:var(--paper-strong);min-height:0;box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) minmax(360px,430px);margin:auto;display:grid;overflow:hidden}.puzzle-board-column{background:#f7f3e8;grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;min-height:0;padding:8px clamp(10px,3vw,34px);display:grid;overflow:hidden}.puzzle-board-column .board-shell{width:min(100%, calc(var(--app-height) - 192px));position:relative}.puzzle-board-column .board-shell:after{content:"";z-index:2;pointer-events:none;background:0 0;position:absolute;inset:0}.puzzle-board-column .board-shell.puzzle-result-success:after{animation:.8s ease-out puzzle-board-success-pulse}.puzzle-board-column .board-shell.puzzle-result-failure:after{animation:.8s ease-out puzzle-board-failure-pulse}.puzzle-game-hud{grid-template-columns:1fr;gap:9px;display:grid}.puzzle-hud-card{background:linear-gradient(145deg,#ffffffd6,#185e490e);border:1px solid #185e4933;border-radius:12px;align-content:center;gap:3px;min-width:0;padding:12px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #242d2612}.puzzle-hud-card>span{color:var(--muted);letter-spacing:.18em;font-size:9px;font-weight:950}.puzzle-hud-card>strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(28px,2.7vw,42px);line-height:1}.puzzle-hud-card>strong em{color:var(--muted);margin-left:3px;font-size:.48em;font-style:normal}.puzzle-hud-card>small{color:var(--muted);font-size:9px;font-weight:800}.puzzle-timer-card{background:radial-gradient(circle at 90% 10%,#2d99702e,#0000 42%),linear-gradient(145deg,#fff,#185e4912);border-color:#185e495c;min-height:96px}.puzzle-timer-card:after{content:"";background:var(--green);height:4px;position:absolute;inset:auto 0 0}.puzzle-timer-card.steady:after{background:var(--orange);animation:1.2s ease-in-out infinite puzzle-timer-pulse}.puzzle-timer-card.late:after{background:var(--danger)}.puzzle-timer-card>strong{color:var(--green);letter-spacing:.03em;font-size:clamp(38px,4vw,58px)}.puzzle-timer-card.steady>strong{color:var(--orange)}.puzzle-timer-card.late>strong{color:var(--danger)}.puzzle-move-pips{gap:4px;margin:15px 0 2px;display:flex}.puzzle-move-pips>i,.puzzle-bonus-pip{flex:1 1 0}.puzzle-move-pips i{background:#1f26221f;border-radius:999px;width:100%;height:5px;transition:background .25s,transform .25s;display:block}.puzzle-move-pips i.used{background:var(--green);transform:translateY(-1px)}.puzzle-move-pips i.bonus{background:repeating-linear-gradient(135deg,#d37e2b38 0 3px,#d37e2b8c 3px 6px)}.puzzle-move-pips i.bonus.used{background:var(--orange)}.puzzle-bonus-pip{gap:4px;display:flex;position:relative}.puzzle-bonus-pip>i{flex:1 1 0}.puzzle-bonus-pip small{color:var(--orange);letter-spacing:.12em;font-size:7px;font-weight:950;line-height:1;position:absolute;bottom:calc(100% + 3px);right:0}.puzzle-move-count b{margin-left:9px;font:950 .62em/1 system-ui}.puzzle-move-count b.solved{color:var(--green)}.puzzle-move-count b.failed{color:var(--danger)}.puzzle-player-rating small.positive{color:var(--green)}.puzzle-player-rating small.negative{color:var(--danger)}.puzzle-rating-value{align-items:baseline;gap:10px;display:flex}.puzzle-rating-value>strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(28px,2.7vw,42px);line-height:1}.puzzle-rating-value>small{font-size:15px;font-weight:950}.puzzle-turn-banner{min-height:58px;color:var(--green);background:#185e490b;border:1px solid #185e4938;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.puzzle-turn-banner strong{font-size:clamp(18px,1.7vw,24px)}.puzzle-turn-banner i{background:#202622;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026,0 2px 4px #00000040}.puzzle-turn-banner i.white-stone{background:#fffdf7;border:1px solid #b9b3a6;box-shadow:inset 0 0 0 1px #fffc,0 2px 4px #00000024}.puzzle-player-rating.rating-bump{animation:.7s cubic-bezier(.2,.9,.2,1) puzzle-rating-card}.puzzle-count-drop{animation:.3s cubic-bezier(.2,.8,.3,1) puzzle-count-drop;display:inline-block}@keyframes puzzle-count-drop{0%{opacity:.2;transform:translateY(-.42em)}to{opacity:1;transform:translateY(0)}}@keyframes puzzle-rating-card{0%{transform:scale(.96)}45%{transform:scale(1.045);box-shadow:0 0 0 4px #185e4924,0 12px 28px #185e4926}to{transform:scale(1)}}@keyframes puzzle-timer-pulse{50%{opacity:.45}}@keyframes puzzle-board-success-pulse{0%,to{background:#7ebd5300;box-shadow:inset 0 0 #7ebd5300}35%{background:#99dd6a4d;box-shadow:inset 0 0 0 7px #71ae469e}}@keyframes puzzle-board-failure-pulse{0%,to{background:#d23f3500;box-shadow:inset 0 0 #d23f3500}35%{background:#de4c4247;box-shadow:inset 0 0 0 7px #be30299e}}@media (prefers-reduced-motion:reduce){.puzzle-timer-card.steady:after,.puzzle-player-rating.rating-bump,.puzzle-count-drop,.puzzle-board-column .board-shell:after{animation:none}}.puzzle-sidebar{border-left:1px solid var(--line);background:var(--paper-strong);flex-direction:column;gap:14px;min-height:0;padding:clamp(18px,2vw,28px);display:flex;overflow:auto}.puzzle-sidebar>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:14px;padding-bottom:14px;display:flex}.puzzle-sidebar h1{margin:0;font:600 clamp(30px,3vw,44px)/1 Georgia,serif}.puzzle-rating{color:var(--green);background:#185e490f;border:1px solid #185e4947;flex:none;padding:8px 10px;font-weight:900}.puzzle-info{gap:12px;display:grid}.puzzle-info>div:first-child>span{color:var(--orange);font-size:10px;font-weight:900}.puzzle-info h2{margin:5px 0 0;font:600 24px Georgia,serif}.puzzle-types{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.puzzle-types span{color:var(--green);background:#185e490f;border:1px solid #185e4940;padding:4px 7px;font-size:10px;font-weight:800}.puzzle-feedback{border:1px solid var(--line);background:var(--paper);align-content:center;gap:5px;min-height:68px;padding:13px;line-height:1.5;display:grid}.puzzle-feedback.success{color:var(--green);background:#185e490f;border-color:#185e4952}.puzzle-feedback.failure{color:var(--danger);background:#a8392f0d;border-color:#a8392f4d}.puzzle-feedback span{font-size:11px}.puzzle-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.puzzle-play-actions{grid-template-columns:repeat(3,1fr)}.puzzle-play-controls{gap:8px;display:grid}.puzzle-admin-current{color:var(--muted);border:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:10px;font-weight:850;display:flex}.puzzle-admin-current button{min-height:26px;color:var(--green);cursor:pointer;background:#185e490f;border:1px solid #185e494d;margin-left:auto;padding:4px 8px;font-size:9px;font-weight:900}.puzzle-tabs{gap:8px;margin-bottom:10px;display:flex}.puzzle-admin-tab{margin-left:auto}.puzzle-tab-button{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:999px;flex:1;padding:8px 10px;font-weight:800}.puzzle-tab-button.active{color:var(--green);background:#185e4914;border-color:#185e494d}.puzzle-explore-panel{gap:12px;display:grid}.puzzle-explore-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.puzzle-explore-header h2{margin:0;font:600 22px Georgia,serif}.puzzle-filter-group{border-top:1px solid var(--line);gap:8px;padding:10px 0;display:grid}.puzzle-filter-grid{flex-wrap:wrap;gap:8px;display:flex}.puzzle-filter-chip{border:1px solid var(--line);background:var(--paper);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;min-height:10px;margin:0;padding:5px 12px;font-size:12px;line-height:1.2;display:inline-flex}.puzzle-filter-chip input{accent-color:var(--green);width:auto;min-height:auto;margin:0}.puzzle-filter-chip:has(input:checked){background:#185e490f;border-color:#185e494d}.puzzle-filter-chip span{align-items:center;gap:0;font-size:12px;font-weight:700;display:inline-flex}.puzzle-explore-list{gap:8px;max-height:240px;display:grid;overflow:auto}.puzzle-explore-item{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:10px;gap:3px;padding:10px 12px;display:grid}.puzzle-explore-item strong{font-size:13px}.puzzle-explore-item span,.puzzle-explore-item small{color:var(--muted);font-size:11px}.puzzle-list{border-block:1px solid var(--line);max-height:170px;display:grid;overflow:auto}.puzzle-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid}.puzzle-list>div.active{box-shadow:inset 3px 0 var(--green);background:#185e4914}.puzzle-list>div>button:first-child{text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:10px;display:grid}.puzzle-list button span,.puzzle-list button small{color:var(--muted);font-size:10px}.puzzle-list button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.puzzle-delete{border:0;border-left:1px solid var(--line);width:36px;color:var(--danger);background:0 0;font-size:18px}.puzzle-empty{min-height:130px;color:var(--muted);text-align:center;border:1px solid var(--line);background:var(--paper);place-content:center;gap:6px;display:grid}.puzzle-empty strong{color:var(--ink)}.puzzle-admin{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:12px;display:grid}.puzzle-admin small{color:var(--muted);font-size:10px;line-height:1.5}@media (width<=1200px) and (width>=901px){.feature-grid{grid-template-columns:repeat(3,1fr)}.puzzle-stage{grid-template-columns:minmax(0,1fr) 370px}}@media (width<=900px){.puzzle-stage{grid-template-columns:minmax(0,1fr) minmax(300px,38vw)}.puzzle-sidebar{padding:16px}.board-shell{place-self:center}}@media (width<=600px){.puzzle-screen{height:calc(var(--app-height) - 66px - env(safe-area-inset-bottom));padding:0;overflow:hidden}.puzzle-stage{width:100%;height:100%;box-shadow:none;border:0;grid-template-rows:minmax(0,1fr) 240px;grid-template-columns:1fr}.puzzle-board-column{grid-template-rows:minmax(0,1fr);padding:3px 0}.puzzle-board-column .board-shell{width:min(100vw, calc(var(--app-height) - 270px))}.puzzle-sidebar{border-top:1px solid var(--line);border-left:0;gap:7px;max-height:240px;padding:8px 10px;overflow:auto}.puzzle-game-hud{gap:5px}.puzzle-hud-card{border-radius:8px;min-height:54px;padding:7px 8px}.puzzle-hud-card>strong{font-size:20px}.puzzle-timer-card{min-height:54px}.puzzle-timer-card>strong{font-size:22px}.puzzle-tabs{margin-bottom:8px}.puzzle-tab-button{padding:7px 8px;font-size:11px}.puzzle-explore-list{max-height:170px}.puzzle-list{scrollbar-width:none;min-height:38px;max-height:38px;display:flex;overflow:auto hidden}.puzzle-list::-webkit-scrollbar{display:none}.puzzle-list>div{border-right:1px solid var(--line);border-bottom:0;min-width:max-content}.puzzle-list>div>button:first-child{grid-template-columns:auto auto auto;padding:6px 8px}.puzzle-delete{width:28px}.puzzle-admin{margin-top:0;padding-top:6px}.puzzle-admin>.button{min-height:36px}.puzzle-admin form{padding-bottom:8px}.puzzle-stage.puzzle-play-layout{padding:6px 0 max(6px, env(safe-area-inset-bottom));background:0 0;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"tabs tabs tabs tabs tabs tabs""turn turn turn rating rating rating""board board board board board board""moves moves moves moves moves moves""timer timer actions actions actions actions";gap:6px;display:grid;overflow:hidden}.puzzle-play-layout .puzzle-sidebar,.puzzle-play-layout .puzzle-game-hud{display:contents}.puzzle-play-layout .puzzle-tabs{grid-area:tabs;margin:0 7px}.puzzle-play-layout .puzzle-board-column{grid-area:board;width:100%;height:100%;padding:0;overflow:visible}.puzzle-play-layout .puzzle-board-column .board-shell{place-self:center}.puzzle-play-layout .puzzle-turn-banner{grid-area:turn;min-height:56px;margin-left:7px;padding:8px 10px}.puzzle-play-layout .puzzle-player-rating{grid-area:rating;min-height:56px;margin-right:7px}.puzzle-play-layout .puzzle-moves-card{grid-area:moves;min-height:64px;margin-inline:7px;padding:8px 11px}.puzzle-play-layout .puzzle-move-pips{margin-top:12px}.puzzle-play-layout .puzzle-timer-card{grid-area:timer;min-height:48px;margin-left:7px;padding:5px 9px}.puzzle-play-layout .puzzle-timer-card>strong{font-size:21px}.puzzle-play-layout .puzzle-play-controls{grid-area:actions;align-self:stretch;gap:4px;margin-right:7px}.puzzle-play-layout .puzzle-play-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:5px}.puzzle-play-layout .puzzle-play-actions .button{min-width:0;min-height:48px;padding-inline:5px;font-size:11px}.puzzle-play-layout .puzzle-admin-current{gap:6px;padding:3px 7px;font-size:8px}.puzzle-play-layout .puzzle-admin-current button{min-height:22px;padding:2px 5px;font-size:8px}}.records-page{padding:clamp(24px,4vw,52px) clamp(18px,5vw,72px) 96px}.records-heading{justify-content:space-between;align-items:end;gap:16px;max-width:1440px;margin:0 auto 16px;display:flex}.records-heading h1{margin:0;font:600 clamp(30px,4vw,52px)/1.1 Georgia,serif}.records-heading .eyebrow{color:var(--green);letter-spacing:.13em;margin:0 0 6px;font-size:12px;font-weight:800}.sort-control{grid-auto-flow:column;align-items:center;gap:10px;font-weight:800;display:flex}.sort-control>span{white-space:nowrap;writing-mode:horizontal-tb}.sort-control select{min-width:112px}.games-record-controls{align-items:end;gap:12px;display:flex}.games-record-controls label{align-items:center;gap:7px;min-width:0;font-weight:800;display:flex}.games-record-controls label>span{white-space:nowrap;writing-mode:horizontal-tb;flex:none}.games-record-controls select{min-width:106px}.games-record-controls label:nth-child(2) select{min-width:142px}.mobile-record-controls,.mobile-record-sort{display:none}.record-tabs{border:1px solid var(--line);background:var(--paper-strong);width:fit-content;max-width:1440px;margin:0 auto 20px;padding:4px;display:flex}.record-tabs a{color:var(--muted);padding:11px 18px;font-weight:800;text-decoration:none}.record-tabs a.active{color:#fff;background:var(--ink)}.empty-panel{max-width:1440px;min-height:210px;color:var(--muted);text-align:center;border:1px solid var(--line);background:var(--paper-strong);place-content:center;gap:8px;margin:auto;padding:24px;display:grid}.empty-panel strong{color:var(--ink);font-size:18px}.error-text{color:var(--danger)}.record-grid{gap:12px;max-width:1440px;margin:auto;display:grid}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reviews-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.record-card{min-width:0;color:inherit;border:1px solid var(--line);background:var(--paper-strong);flex-direction:column;gap:14px;padding:16px;text-decoration:none;transition:translate .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 5px 16px #241b0e0a}.record-card:hover{translate:0 -2px;box-shadow:0 9px 20px #241b0e17}.record-card-link{z-index:1;position:absolute;inset:0}.record-card>:not(.record-card-link){z-index:2;pointer-events:none;position:relative}.record-card-topline,.record-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.record-badges{align-items:center;gap:5px;min-width:0;display:flex}.rule-badge{color:var(--green);border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));background:#185e490f;padding:4px 7px;font-weight:800}.game-kind-badge{color:var(--muted);border:1px solid var(--line);background:var(--paper);padding:4px 7px;font-weight:800}.record-players{gap:9px;display:grid}.record-players.has-analysis-action{padding-right:62px}.record-players>div{align-items:center;gap:9px;min-width:0;display:flex}.record-players strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-players b{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;padding-right:1px;font-size:12px}.record-analysis-button{pointer-events:auto;min-width:54px;min-height:34px;color:var(--ink);border:1px solid var(--line);background:color-mix(in srgb, var(--paper-strong) 72%, var(--line));padding:6px 10px;font-size:13px;font-weight:800;position:absolute;top:50%;right:0;translate:0 -50%}.record-analysis-button:hover{background:color-mix(in srgb, var(--paper-strong) 58%, var(--line))}.stone{border:1px solid #30322f;border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.stone.black{background:#181b18}.stone.white{background:#fffef9}.review-versus{text-align:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.review-versus>div{gap:3px;min-width:0;display:grid}.review-versus span,.review-versus i{color:var(--muted);font-size:11px;font-style:normal}.review-versus strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.review-versus b{font:800 22px/1 Georgia,serif}.quality-mini{grid-template-columns:1fr 1fr;gap:5px;font-size:11px;font-weight:800;display:grid}.quality-mini span{text-align:center;background:var(--paper);padding:5px}.quality-mini .best{color:#639f2f}.quality-mini .good{color:#4e84a8}.quality-mini .inaccuracy{color:#ca8718}.quality-mini .mistake{color:#d65b3f}@media (width<=1200px){.games-grid,.reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.records-page{padding:14px 12px 82px}.records-heading{align-items:center;margin-bottom:10px}.records-heading .eyebrow{display:none}.records-heading h1{font-size:24px}.desktop-record-controls{display:none}.mobile-record-sort{display:flex}.record-tabs{width:100%;margin-bottom:10px}.record-tabs a{text-align:center;flex:1}.mobile-record-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin:0 auto 10px;display:grid}.games-record-controls label,.games-record-controls .sort-control{gap:4px;font-size:10px;display:grid}.games-record-controls select,.games-record-controls label:nth-child(2) select,.games-record-controls .sort-control select{width:100%;min-width:0;padding-inline:7px 22px;font-size:11px}.games-grid,.reviews-grid{grid-template-columns:1fr;gap:8px}.record-card{gap:10px;padding:13px 15px}.review-record-card .quality-mini{display:none}.review-versus>div{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center}.review-versus>div:last-child{text-align:right}.review-versus span{display:none}}.game-screen{min-height:0;padding:14px}.game-stage{width:min(1480px,100%);height:calc(var(--app-height) - 100px);border:1px solid var(--line);background:var(--paper-strong);min-height:620px;box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) minmax(340px,430px);margin:auto;display:grid;position:relative;overflow:hidden}.game-board-column{background:#f7f3e8;grid-template-rows:36px minmax(0,1fr) 36px;place-items:center;min-width:0;padding:8px clamp(10px,3vw,34px);display:grid;overflow:hidden}.game-board-column.board-only{grid-template-rows:minmax(0,1fr)}.player-strip{width:min(100%, calc(var(--app-height) - 192px));justify-self:center;align-items:center;gap:9px;max-width:1000px;font-size:13px;display:flex}.player-strip.top{align-self:end}.online-lobby-screen.matchmaking .player-strip:not(.top),.online-game-screen .player-strip:not(.top),.replay-screen .player-strip:not(.top){align-self:start}.board-shell{width:min(100%, calc(var(--app-height) - 192px));aspect-ratio:1;background:var(--board);border:1px solid #492d1242;max-width:1000px;position:relative;box-shadow:0 15px 40px #432b1424}.renju-board{aspect-ratio:1;touch-action:manipulation;background:var(--board);width:100%;display:block}.renju-board[aria-disabled=true]{cursor:default}.board-move-number-toggle{z-index:12;aspect-ratio:1;width:5.26%;min-width:24px;min-height:0;color:var(--green);border:1px solid var(--green);background:var(--paper-strong);border-radius:5px;place-items:center;padding:0;font:600 clamp(14px,2.4vw,20px)/1 Noto Sans,Times,serif;display:grid;position:absolute;top:0;right:calc(-5.26% - 10px);box-shadow:0 3px 10px #1f3f311f}.board-move-number-toggle.active{color:#fff;background:var(--green)}.board-move-number-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#19201deb;border-radius:5px;width:max-content;padding:6px 9px;font:700 11px/1.2 system-ui,sans-serif;display:none;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 4px 12px #151f1b29}.board-move-number-toggle:hover .board-move-number-tooltip,.board-move-number-toggle:focus-visible .board-move-number-tooltip{display:block}.board-mobile-confirm,.mobile-analysis-confirm,.mobile-board-review-card,.online-mobile-confirm,.online-mobile-game-actions,.analysis-mobile-tools,.offline-mobile-status{display:none}.board-mobile-confirm,.mobile-analysis-confirm,.online-mobile-confirm{position:relative;z-index:2147483000!important}.game-sidebar{border-left:1px solid var(--line);background:var(--paper-strong);flex-direction:column;gap:16px;min-height:0;padding:clamp(20px,2vw,30px);display:flex;overflow:auto}.game-setup{gap:22px;margin-block:auto;display:grid}.game-setup h1,.game-status-header h1,.replay-sidebar h1{margin:0;font:600 clamp(30px,3.5vw,48px)/1.05 Georgia,serif}.game-setup .eyebrow,.game-status-header .eyebrow,.replay-sidebar .eyebrow{margin-bottom:8px}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.game-status-header,.replay-sidebar>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.game-status-header p,.replay-sidebar header p{color:var(--muted);margin:7px 0 0}.icon-button{border:1px solid var(--line);background:var(--paper-strong);flex:none;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.opening-panel{background:#185e490e;border:1px solid #185e493d;gap:10px;padding:16px;display:grid}.opening-panel>strong{line-height:1.55}.opening-panel>button,.opening-panel .two-buttons button{border:1px solid var(--green);background:var(--paper-strong);min-height:44px;font-weight:800}.opening-panel p{color:var(--muted);margin:0}.two-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirm-dialog .two-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.confirm-dialog .two-buttons .button{white-space:nowrap;min-width:0;padding-inline:8px}.move-ribbon{border:1px solid var(--line);scrollbar-width:thin;gap:7px;min-height:49px;padding:10px;display:flex;overflow-x:auto}.move-ribbon span{background:var(--paper);flex:none;padding:5px 7px;font-size:12px;font-weight:800}.game-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.game-actions.compact{grid-template-columns:repeat(3,1fr)}.game-actions .button{text-align:center;padding-inline:10px}.game-message{min-height:20px;color:var(--green);margin:0;font-size:12px}.game-message.error{color:var(--danger)}.board-toast-host{z-index:35;top:18px;left:var(--board-toast-anchor-x,50%);pointer-events:none;justify-content:center;width:0;display:flex;position:absolute}.board-toast{color:#f8f5ed;text-align:center;background:#24231ff0;border:1px solid #ffffff1f;border-radius:12px;flex:none;width:max-content;max-width:min(360px,52vw);padding:11px 16px;font-size:12px;font-weight:800;animation:.2s ease-out board-toast-in;position:relative;box-shadow:0 12px 32px #1a161040}.board-toast.error{color:#ffd3d0;border-color:#ff756c4d}.board-toast.leaving{animation:.26s ease-in forwards board-toast-out}@keyframes board-toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes board-toast-out{to{opacity:0;transform:translateY(8px)}}.result-panel{border:1px solid var(--line);background:var(--paper);text-align:center;gap:10px;margin-block:auto 0;padding:20px;display:grid}.result-panel>strong{font:600 30px Georgia,serif}.result-panel p{color:var(--muted);margin:0 0 8px}.game-result-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18161294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.game-result-summary{width:min(460px,100%);max-height:min(680px, calc(var(--app-height) - 40px));color:#f8f5ed;background:#24231f;border:1px solid #ffffff14;border-radius:22px;gap:13px;padding:24px;display:grid;position:relative;overflow-y:auto;box-shadow:0 28px 80px #0f0d0a6b}.game-result-close{z-index:1;color:#aaa8a1;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:27px;line-height:1;display:grid;position:absolute;top:10px;right:12px}.game-result-summary>header{text-align:center;justify-items:center;gap:7px;display:grid}.game-result-summary>header h1{margin:0;font-size:clamp(32px,5vw,42px);line-height:1}.game-result-summary>header strong{color:#bbb9b2;font-size:14px}.game-result-rating{background:#ffffff0e;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:5px 18px;padding:16px 18px;display:grid}.game-result-rating>span{color:#bbb9b2;font-size:12px;font-weight:800}.game-result-rating>strong{justify-self:end}.game-result-rating>div{grid-area:1/2/3;align-items:baseline;gap:8px;display:flex}.game-result-rating>div strong{font-size:30px}.game-result-rating>div b{color:#aaa8a1;font-size:16px}.game-result-rating>div b.positive{color:#8bc862}.game-result-rating>div b.negative{color:#ff756c}.game-result-rating>small{color:#85837e;font-size:10px}.game-result-quality{gap:10px;display:grid}.game-result-section-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.game-result-section-heading h2{margin:3px 0 0;font-size:18px}.game-result-section-heading small{color:#85837e;font-size:10px}.game-result-quality-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.game-result-quality-grid>div{background:#fff1;border-radius:12px;align-content:center;place-items:center;gap:3px;min-height:76px;display:grid}.game-result-quality-grid i{color:#24231f;background:#8bc862;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;font-weight:950;display:grid}.game-result-quality-grid strong{color:#8bc862;font-size:24px;line-height:1}.game-result-quality-grid span{color:#c7c5be;font-size:12px;font-weight:900}.game-result-quality-grid .good i,.game-result-quality-grid .good strong{color:#24231f;background:#68aecd}.game-result-quality-grid .good strong{color:#68aecd;background:0 0}.game-result-quality-grid .mistake i{color:#fff;background:#ee675f}.game-result-quality-grid .mistake strong{color:#ee675f}.game-result-analysis-state{background:#ffffff0e;border-radius:12px;align-items:center;gap:13px;min-height:92px;padding:16px;display:flex}.game-result-analysis-state>i{border:3px solid #ffffff2e;border-top-color:#8bc862;border-radius:50%;flex:none;width:28px;height:28px}.game-result-analysis-state.loading>i{animation:.85s linear infinite game-result-spin}.game-result-analysis-state>div{gap:4px;display:grid}.game-result-analysis-state span{color:#96948e;font-size:11px}.game-review-button{background:#6cad43;border-radius:12px;min-height:52px;font-size:17px;position:relative;overflow:hidden}.game-review-button span{font-size:17px}.game-review-button.analyzing,.game-review-button.analyzing:hover,.game-review-button.analyzing:focus,.game-review-button.analyzing:active{opacity:1;background:#124f3d;border-color:#124f3d;justify-content:space-between;align-items:center;gap:10px;padding-inline:16px;display:flex}.game-review-button.analyzing strong,.game-review-button.analyzing b{z-index:1;color:#fff;font-size:12px;position:relative}.game-review-button.analyzing b{font-variant-numeric:tabular-nums}.game-review-progress{z-index:0;background:var(--green);transition:width .18s;position:absolute;inset:0 auto 0 0}.game-review-error{color:#ff8179;text-align:center;margin:-4px 0 0;font-size:11px}.game-save-button{color:#f8f5ed;background:#ffffff13;border-color:#ffffff29;border-radius:11px;min-height:46px}.game-result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.game-result-actions .button{color:#f8f5ed;background:#ffffff13;border-color:#ffffff1f;border-radius:11px}@media (hover:hover) and (pointer:fine){.button.primary:hover{background:var(--green-dark)}.button.secondary:hover{border-color:var(--green)}.game-result-close:hover{color:#fff;background:#ffffff14}.game-review-button:hover{background:#78bc4e}.game-result-actions .button:hover{background:#ffffff1f;border-color:#ffffff3d}}@keyframes game-result-spin{to{transform:rotate(360deg)}}.replay-range{min-height:24px;box-shadow:none;accent-color:var(--green);border:0;padding:0}.replay-controls{grid-template-columns:48px 48px 1fr 48px 48px;gap:7px;display:grid}.replay-controls button{border:1px solid var(--line);background:var(--paper-strong);min-height:48px;font-size:22px}.replay-controls strong{place-items:center;font-size:13px;display:grid}@media (width<=900px){.game-stage{grid-template-columns:minmax(0,1fr) minmax(290px,36vw)}.game-sidebar{padding:18px}.game-actions.compact{grid-template-columns:1fr 1fr}.game-actions.compact .danger{grid-column:1/-1}}@media (width<=600px){.game-result-overlay{padding:12px}.game-result-summary{width:min(420px,100%);max-height:calc(var(--app-height) - 24px - env(safe-area-inset-bottom));border-radius:18px;gap:11px;padding:20px 14px 14px}.game-result-summary>header h1{font-size:34px}.game-result-rating{padding:13px 15px}.game-result-quality-grid>div{min-height:70px}.game-review-button{min-height:50px}.game-screen{height:calc(var(--app-height) - 66px - env(safe-area-inset-bottom));min-height:0;padding:0;overflow:hidden}.game-stage{width:100%;height:100%;min-height:0;box-shadow:none;border:0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.board-toast-host{top:10px;left:50%}.board-toast{max-width:calc(100vw - 28px)}.game-board-column{grid-template-rows:28px minmax(0,1fr) 28px;padding:3px 0}.board-shell{width:min(100vw, calc(var(--app-height) - 280px));min-width:280px}.player-strip{width:min(calc(100vw - 16px), calc(var(--app-height) - 280px));font-size:11px}.game-sidebar{border-top:1px solid var(--line);border-left:0;gap:8px;max-height:204px;padding:10px 12px 8px;overflow:auto}.game-setup{grid-template-columns:1fr 1fr;gap:8px;margin:0}.game-setup>div:first-child,.game-setup .two-fields{display:none}.game-setup label,.game-setup .button{grid-column:1/-1}.game-status-header{align-items:center;padding-bottom:7px}.game-status-header .eyebrow,.game-status-header h1{display:none}.game-status-header p{color:var(--ink);margin:0;font-weight:800}.icon-button{width:36px;height:36px}.opening-panel{gap:6px;padding:8px;font-size:11px}.opening-panel>button,.opening-panel .two-buttons button{min-height:36px}.move-ribbon{min-height:39px;padding:6px}.game-actions{margin-top:0}.game-actions.compact{grid-template-columns:repeat(3,1fr)}.game-actions.compact .danger{grid-column:auto}.game-actions .button{min-height:40px}.game-message{display:none}.result-panel{grid-template-columns:1fr 1fr;margin:0;padding:8px}.result-panel>strong,.result-panel>p{display:none}.replay-screen .game-stage{grid-template-rows:minmax(0,1fr) 128px}.replay-screen .board-shell{width:min(100vw, calc(var(--app-height) - 238px))}.replay-screen .player-strip{width:min(calc(100vw - 16px), calc(var(--app-height) - 238px))}.replay-sidebar{max-height:128px;overflow:hidden}.replay-sidebar>header,.replay-range,.replay-sidebar .game-actions{display:none}.replay-review-move-list{border:1px solid var(--line);min-height:38px;max-height:38px;display:flex;overflow:auto hidden}.replay-review-move-list button{border-right:1px solid var(--line);border-bottom:0;flex:none;padding:8px 10px}.replay-controls{grid-template-columns:42px 42px 1fr 42px 42px}.replay-controls button{min-height:42px}}.analysis-input-sidebar>div:first-child h1{margin:0;font:600 clamp(23px,2.1vw,30px)/1.25 Georgia,serif}.analysis-rule-picker{gap:7px;margin-top:12px;display:grid}.analysis-rule-picker>span{color:var(--ink);letter-spacing:.12em;font-size:10px;font-weight:900}.analysis-input-sidebar .move-text-input{margin-top:12px}.analysis-input-sidebar textarea{resize:vertical;line-height:1.6}.analysis-edit-actions{grid-template-columns:1fr 1fr}.analysis-edit-actions .primary{grid-column:1/-1}.analysis-progress{border:1px solid var(--line);background:var(--paper);gap:8px;padding:14px;font-size:12px;display:grid}.analysis-progress>div{background:#185e491f;height:8px;overflow:hidden}.analysis-progress i{background:var(--green);height:100%;transition:width .18s;display:block}.analysis-progress span{color:var(--muted)}.analysis-dialog{background:var(--paper-strong);gap:16px;width:min(470px,100%);padding:32px;display:grid;position:relative;box-shadow:0 32px 90px #00000057}.analysis-dialog h2{margin:0 0 5px;font:600 34px Georgia,serif}.review-board-column{grid-template-rows:minmax(0,1fr) 26px;position:relative}.review-evaluation{width:min(100%, calc(var(--app-height) - 212px));align-items:center;gap:10px;max-width:1000px;display:flex}.review-evaluation strong{color:#fff;background:var(--green);padding:7px 10px;font-size:12px}.review-evaluation span{font-weight:800}.review-mobile-moves{display:none}.review-sidebar>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.review-sidebar h1{margin:0;font:600 32px Georgia,serif}.accuracy-pair{gap:7px;display:flex}.accuracy-pair span{border:1px solid var(--line);justify-content:center;align-items:center;gap:6px;min-width:77px;padding:10px;font:800 14px Georgia,serif;display:flex}.accuracy-pair b{font:inherit}.accuracy-pair.player-accuracy{flex-direction:column;gap:3px;padding-top:12px;position:relative}.accuracy-pair.player-accuracy>em{color:var(--muted);letter-spacing:.1em;font-size:7px;font-style:normal;font-weight:950;position:absolute;top:0;right:0}.accuracy-pair.player-accuracy span{justify-content:flex-start;min-width:142px;padding:6px 8px}.accuracy-pair.player-accuracy small{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:800 10px system-ui;overflow:hidden}.accuracy-pair.player-accuracy b{margin-left:auto}.selected-review-card{border:1px solid var(--line);background:var(--paper);padding:18px}.selected-review-card>strong{color:#fff;background:#7a817d;padding:6px 9px;font-size:12px;display:inline-block}.selected-review-card[data-quality=최선]>strong{background:#8fbd43}.selected-review-card[data-quality=좋음]>strong{background:#75a84a}.selected-review-card[data-quality=부정확]>strong{background:#e2ad28}.selected-review-card[data-quality=실수]>strong{background:#ed8f24}.selected-review-card[data-quality=치명적\ 실수]>strong{background:#d5322f}.selected-review-card h2{margin:10px 0 14px;font:800 18px Georgia,serif}.selected-review-card dl{grid-template-columns:1fr 1fr;margin:0;display:grid}.selected-review-card dl div{gap:4px;display:grid}.selected-review-card dt{color:var(--muted);font-size:11px;font-weight:800}.selected-review-card dd{margin:0;font-weight:900}.opening-decision-anchor{position:relative}.opening-decision-anchor dt{align-items:center;gap:5px;display:flex}.opening-decision-anchor dt button{border:1px solid var(--green);min-height:20px;color:var(--green);cursor:help;background:0 0;padding:2px 6px;font-size:8px;font-weight:950}.review-opening-decision{z-index:30;border:1px solid var(--green);background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;gap:6px;width:min(390px,100vw - 44px);padding:11px 12px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 8px);left:-8px;transform:translateY(-5px);box-shadow:0 14px 36px #12271f33}.opening-decision-anchor:hover .review-opening-decision,.opening-decision-anchor:focus-within .review-opening-decision{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.review-opening-decision>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.review-opening-decision>header>div{gap:2px;display:grid}.review-opening-decision>header span{color:var(--muted);letter-spacing:.11em;font-size:8px;font-weight:950}.review-opening-decision>header strong{font-size:12px}.review-opening-decision>header>b{color:var(--green);font:850 18px Georgia,serif}.review-opening-option{border:1px solid var(--line);background:#f3efe5;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:42px;padding:6px 8px;display:grid}.review-opening-option.best{border-color:var(--green);box-shadow:inset 3px 0 var(--green)}.review-opening-option.chosen{background:#e8eee7}.review-opening-option>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:950;display:grid}.review-opening-option>.option-copy{gap:2px;min-width:0;display:grid}.review-opening-option>.option-copy strong{font-size:11px}.review-opening-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.review-opening-option>b{font:850 12px Georgia,serif}.review-opening-option .option-badges{justify-items:stretch;gap:2px;display:grid}.review-opening-option em{color:#fff;background:var(--green);padding:2px 4px;font-size:7px;font-style:normal;font-weight:900}.review-opening-option em.chosen-badge{color:var(--green-dark);background:#cfded1}.review-move-list{scroll-behavior:smooth;border-block:1px solid var(--line);grid-template-columns:1fr 1fr;align-content:start;min-height:0;display:grid;overflow:auto}.review-move-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:24px 16px 1fr auto;align-items:center;gap:7px;min-width:0;padding:9px 10px;display:grid}.review-move-list button.active{box-shadow:inset 3px 0 var(--green);background:#185e491a}.review-move-list button.taraguchi-opening-row{grid-column:1/-1}.review-move-list button>span,.review-move-list button>b{color:var(--muted);font-size:10px}.review-move-list button>strong,.review-mobile-moves button>strong{align-items:baseline;gap:7px;min-width:0;display:flex}.move-actor-id{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.online-lobby-screen,.online-game-screen{place-items:center;display:grid}.online-board-column{position:relative}.online-rule-label{z-index:3;color:var(--muted);font-size:13px;font-weight:700;display:none;position:absolute;top:10px;right:12px}.online-lobby-board-column{background:#f3eee3}.online-lobby-player{color:var(--muted)}.online-lobby-player.waiting strong{font-weight:750}.online-lobby-avatar{color:#817d74;background:#e8e2d6;border:1px dashed #464e4961;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;font-weight:900;display:grid}.online-lobby-avatar.mine{color:#fff;border-style:solid;border-color:var(--green);background:var(--green)}.rating-rank-badge{border:1px solid hsl(var(--rank-hue) 62% 38% / .55);min-width:0;min-height:23px;color:hsl(var(--rank-hue) 72% 25%);background:linear-gradient(135deg, hsl(var(--rank-hue) 82% 91%), hsl(var(--rank-hue) 68% 81%));white-space:nowrap;border-radius:6px;place-items:center;padding:2px 5px;font-size:13px;font-weight:850;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffff9e}.player-strip .rating-rank-badge{font-size:inherit}.stat-grid .rating-rank-badge{color:hsl(var(--rank-hue) 72% 25%);font-size:13px}.profile-rating-value{justify-content:center;align-items:center;gap:8px;display:flex}.matchmaking-board-cancel{place-self:center;min-width:86px;min-height:40px;padding-inline:18px;display:none}.matchmaking-board-loader{z-index:4;aspect-ratio:1;border:clamp(2px,.34vw,4px) solid #185e4933;border-top-color:var(--green);border-radius:50%;width:10.7%;animation:.8s linear infinite matchmaking-board-spin;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes matchmaking-board-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.online-lobby-controls{justify-content:center;gap:16px;position:relative}.online-lobby-controls>.game-message{position:absolute;bottom:clamp(20px,2vw,30px);left:clamp(20px,2vw,30px);right:clamp(20px,2vw,30px)}.online-lobby-header{border-bottom:1px solid var(--line);padding-bottom:18px;display:block}.online-profile{border:1px solid var(--line);background:var(--paper);align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 12px;display:flex}.online-profile>span{color:#fff;background:var(--green);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.online-profile div{gap:2px;min-width:0;display:grid}.online-profile-heading{align-items:center;gap:6px!important;display:flex!important}.online-profile strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-profile small{color:var(--muted);font-size:10px}.online-match-settings{gap:10px;display:grid}.online-settings{grid-template-columns:1fr;gap:10px;display:grid}.online-settings label:not(.check-field){gap:6px;display:grid}.online-settings label:not(.check-field)>span{color:var(--ink);letter-spacing:.08em;font-size:9px;font-weight:900}.check-field{grid-column:1/-1;align-items:center;gap:9px;padding:10px 0;display:flex}.check-field input{width:19px;min-height:19px}.match-button{min-height:87px;font-size:18px}.online-room-section{border-top:1px solid var(--line);gap:9px;min-height:0;padding-top:15px;display:grid}.online-room-title{margin:0;font-size:14px;font-weight:900}.online-room-divider{background:var(--line);height:1px;margin-block:3px}.solo-play-button{justify-content:center;min-height:46px}.room-actions{grid-template-columns:minmax(150px,.45fr) 1fr;gap:8px;display:grid}.room-actions>div{grid-template-columns:1fr 74px;display:grid}.room-actions button{border:1px solid var(--line);background:var(--paper-strong);min-height:46px;font-weight:800}.channel-waiting{color:var(--muted);align-self:center;margin:0;font-size:11px;line-height:1.5}.channel-waiting strong{color:var(--green);letter-spacing:.08em}.online-player b{border:1px solid var(--line);background:var(--paper-strong);text-align:center;min-width:78px;margin-left:auto;padding:6px 10px;font:800 17px Georgia,serif}.online-player b.active{color:#fff;background:var(--green);border-color:var(--green)}.bot-badge{border:1px solid color-mix(in srgb, var(--green) 45%, var(--line));color:var(--green);background:color-mix(in srgb, var(--green) 8%, transparent);letter-spacing:.04em;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.button.draw-accept{border-color:var(--green)}.online-result-badge{letter-spacing:.12em;opacity:0;border-radius:999px;place-items:center;min-width:54px;margin-left:4px;padding:4px 9px;font:900 12px/1 system-ui;animation:.55s cubic-bezier(.2,.9,.25,1.25) forwards online-result-badge-in;display:inline-grid;transform:translate(-8px)scale(.82)}.online-result-badge.win{color:#fff;background:var(--green);box-shadow:0 0 0 4px #2e7e571f,0 5px 16px #1c634438}.online-result-badge.lose{color:#fff;background:#a3483e;box-shadow:0 0 0 4px #a3483e1a}.online-result-badge.draw{color:#5e584f;background:#e8e1d5;box-shadow:0 0 0 4px #635b4e14}@keyframes online-result-badge-in{60%{opacity:1;transform:translate(2px)scale(1.08)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=900px){.online-rule-label{display:block}.online-lobby-controls{padding:16px}.online-sidebar .game-actions{display:none}.online-game-screen .online-board-column{grid-template-rows:32px minmax(0,1fr) 32px 44px;row-gap:7px}.online-mobile-game-actions{width:min(100%, calc(var(--app-height) - 192px));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.online-mobile-game-actions>.button{white-space:nowrap;border-radius:8px;width:max-content;min-width:0;min-height:40px;padding:8px}.online-mobile-game-actions>.button:first-child{justify-self:start}.online-mobile-game-actions>.button:last-child{justify-self:end}.online-mobile-confirm{color:#fff;border:1px solid var(--green);background:var(--green);border-radius:999px;place-self:center;min-width:76px;min-height:40px;padding:8px 15px;font-weight:950;display:block;box-shadow:0 6px 16px #185e4940}.online-mobile-confirm:disabled{opacity:.38}}@media (width<=600px){.analysis-input-sidebar>div:first-child,.analysis-input-sidebar .analysis-rule-picker,.analysis-input-sidebar .move-text-input,.analysis-input-sidebar .move-ribbon{display:none}.analysis-input-sidebar{max-height:74px;padding:8px 12px;overflow:hidden}.analysis-input-screen .game-stage{position:relative}.analysis-input-screen .game-board-column{position:static}.offline-game-screen .game-stage{position:relative}.offline-game-screen .offline-board-column{position:static}.analysis-mobile-tools{z-index:6;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;width:calc(100% - 20px);display:grid;position:absolute;top:9px;left:10px}.analysis-mobile-tools label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.analysis-mobile-tools label span{color:var(--ink);font-size:10px;font-weight:900}.analysis-mobile-tools select,.analysis-mobile-tools button{min-height:40px}.analysis-mobile-tools button{white-space:nowrap;padding-inline:12px}.analysis-input-screen .game-board-column .board-shell,.offline-game-screen .offline-board-column .board-shell{width:min(100vw, calc(var(--app-height) - 324px));margin-bottom:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.offline-mobile-status{z-index:6;top:calc(50% - min(50vw, calc((var(--app-height) - 324px) / 2)) - 50px);width:min(calc(100vw - 20px), calc(var(--app-height) - 324px));border:1px solid var(--line);background:var(--paper-strong);align-items:center;min-height:42px;padding:3px 4px 3px 9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.offline-mobile-status>div{min-width:0}.offline-mobile-status h1{display:none}.offline-mobile-status p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:850;display:block;overflow:hidden}.offline-mobile-status .icon-button{width:34px;height:34px;margin-left:auto}.offline-game-screen .offline-desktop-status,.offline-game-screen .game-sidebar .analysis-rule-picker{display:none}.offline-mobile-tools{grid-template-columns:minmax(0,1fr);align-items:stretch}.offline-mobile-names{grid-template-columns:1fr 1fr;gap:8px;display:grid}.offline-mobile-names label{grid-template-columns:1fr;align-items:stretch;gap:5px;display:grid}.offline-mobile-names label span{font-size:10px;font-weight:900}.offline-mobile-names input{width:100%;min-width:0;min-height:40px;font-size:16px}.analysis-edit-actions{grid-template-columns:1fr 1fr 1.3fr}.analysis-edit-actions .primary{grid-column:auto}.analysis-input-sidebar .game-message{display:none}.analysis-progress{z-index:90;background:#f9f6edf5;place-content:center;padding-inline:40px;position:fixed;inset:0}.analysis-progress>div{width:min(320px,80vw)}.analysis-dialog{padding:28px 20px 22px}.analysis-text-dialog textarea{resize:vertical;line-height:1.6}.review-screen .game-stage{grid-template-rows:minmax(0,1fr) 128px}.review-board-column{grid-template-rows:minmax(0,1fr) 38px;padding:0}.review-board-column .board-shell{width:min(100vw, calc(var(--app-height) - 246px))}.review-evaluation{width:min(calc(100vw - 16px), calc(var(--app-height) - 246px));font-size:11px}.review-evaluation strong{padding:5px 7px}.review-mobile-moves{width:calc(100vw - 16px);display:flex;overflow-x:auto}.review-mobile-moves button{border:0;border-right:1px solid var(--line);background:var(--paper);flex:none;padding:7px 9px;font-size:11px}.review-mobile-moves button.active{color:#fff;background:var(--green)}.review-sidebar{max-height:128px;overflow:hidden}.review-sidebar>header,.selected-review-card,.review-opening-decision,.review-move-list,.review-sidebar .game-actions{display:none}.online-lobby-screen .game-stage{grid-template-rows:minmax(0,1fr) 264px}.online-lobby-screen .board-shell{width:min(100vw, calc(var(--app-height) - 374px))}.online-lobby-screen .player-strip{width:min(calc(100vw - 16px), calc(var(--app-height) - 374px))}.online-lobby-controls{gap:8px;max-height:264px;padding:9px 10px;overflow:auto}.online-lobby-header{display:none}.online-match-settings{gap:7px}.online-settings{grid-template-columns:1fr;gap:7px}.online-settings select{min-height:36px;padding-block:5px}.online-settings .check-field{padding:2px 0}.online-settings .check-field input{width:16px;min-height:16px}.online-lobby-controls .match-button{min-height:63px}.online-room-section{gap:6px;padding-top:7px}.room-actions{grid-template-columns:1fr}.online-lobby-screen:not(.matchmaking) .game-stage{grid-template-rows:minmax(0,1fr)}.online-lobby-screen:not(.matchmaking) .online-lobby-board-column{display:none}.online-lobby-screen:not(.matchmaking) .online-lobby-controls{border-top:0;justify-content:center;gap:14px;height:100%;max-height:none;padding:18px 14px;display:flex}.online-lobby-screen:not(.matchmaking) .online-lobby-header,.online-lobby-screen:not(.matchmaking) .online-lobby-controls .game-message{display:block}.online-lobby-screen.channel-input-focused .online-lobby-controls>:not(.online-room-section):not(.game-message){display:none}.online-lobby-screen.channel-input-focused .online-room-section{z-index:62;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));border:0;padding:0;display:block;position:fixed;left:10px}.online-lobby-screen.channel-input-focused .room-actions>button,.online-lobby-screen.channel-input-focused .channel-waiting,.online-lobby-screen.channel-input-focused .online-room-title,.online-lobby-screen.channel-input-focused .online-room-divider,.online-lobby-screen.channel-input-focused .solo-play-button{display:none}.online-lobby-screen.channel-input-focused .online-lobby-controls>.game-message{z-index:63;right:10px;bottom:calc(122px + env(safe-area-inset-bottom));text-align:left;position:fixed;left:10px}.online-lobby-screen.matchmaking .game-stage{grid-template-rows:minmax(0,1fr)}.online-lobby-screen.matchmaking .online-lobby-controls{display:none}.online-lobby-screen.matchmaking .online-board-column,.online-game-screen .online-board-column{grid-template-rows:28px auto 28px 48px;align-content:center;row-gap:7px;padding-block:8px 10px}.matchmaking-board-cancel{display:inline-flex}.online-lobby-screen.matchmaking .online-player,.online-game-screen .online-player{align-self:center;font-size:13px}.online-lobby-screen.matchmaking .board-shell,.online-game-screen .board-shell{width:min(100vw, calc(var(--app-height) - 298px))}.online-lobby-screen.matchmaking .player-strip,.online-game-screen .player-strip,.online-game-screen .online-mobile-game-actions{width:min(calc(100vw - 16px), calc(var(--app-height) - 298px))}.online-game-screen .game-stage{grid-template-rows:minmax(0,1fr)}.online-sidebar{max-height:min(156px,32vh);padding:8px 10px}.online-sidebar .game-status-header,.online-sidebar .game-actions{display:none}.online-rule-label{font-size:11px;top:4px;right:8px}.online-lobby-screen.matchmaking .online-board-column>:not(.board-toast),.online-game-screen .online-board-column>:not(.board-toast){position:relative;transform:translateY(20px)}@supports (width:100cqh){.online-lobby-screen.matchmaking .online-board-column,.online-game-screen .online-board-column{container-type:size}.online-lobby-screen.matchmaking .online-board-column>:not(.board-toast),.online-game-screen .online-board-column>:not(.board-toast){transform:translateY(clamp(0px,50cqh + min(100cqw,100cqh - 139px)/-2 - 62.5px,29px))}.online-lobby-screen.matchmaking .board-shell,.online-game-screen .board-shell{width:min(100cqw,100cqh - 139px)}.online-lobby-screen.matchmaking .player-strip,.online-game-screen .player-strip,.online-game-screen .online-mobile-game-actions{width:min(100cqw - 16px,100cqh - 139px)}}.online-game-screen .online-board-column{--online-mobile-board-size:min(100vw, calc(var(--app-height) - 324px));padding:0;display:block;position:relative}.online-game-screen .online-board-column .board-shell{width:var(--online-mobile-board-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important}.online-game-screen .online-board-column .player-strip{width:min(calc(100vw - 16px), var(--online-mobile-board-size));font-size:13px;position:absolute;left:50%;transform:translate(-50%)!important}.online-game-screen .online-board-column .player-strip.top{top:auto;bottom:calc(50% + var(--online-mobile-board-size) / 2 + 7px)}.online-game-screen .online-board-column .player-strip:not(.top){top:calc(50% + var(--online-mobile-board-size) / 2 + 7px)}.online-game-screen .online-mobile-game-actions{top:calc(50% + var(--online-mobile-board-size) / 2 + 48px);width:min(calc(100vw - 16px), var(--online-mobile-board-size));left:50%;position:absolute!important;transform:translate(-50%)!important}.online-game-screen .online-sidebar{display:none}.online-game-screen .online-sidebar.has-opening{z-index:8;border:1px solid var(--line);width:min(260px,100vw - 16px);max-height:min(156px,32vh);display:flex;position:absolute;bottom:8px;right:8px}}@media (width>=601px){.offline-game-screen .offline-mobile-status{display:none!important}}@media (width>=901px) and (height<=800px){.online-lobby-controls{gap:10px;padding-block:20px}.online-lobby-header{padding-bottom:12px}.online-lobby-controls .check-field{padding-block:4px}.online-lobby-controls .match-button{min-height:75px}}.quality-marker{flex:none;display:block}.review-screen .game-stage{grid-template-columns:minmax(0,1fr) minmax(390px,460px);min-height:0}.review-board-column{grid-template-rows:minmax(0,1fr) 34px;padding-inline:clamp(8px,2vw,24px);position:relative}.review-board-stage{justify-content:center;align-items:center;gap:14px;min-width:0;min-height:0;display:flex}.review-board-stage .board-shell{width:min(calc(100% - 62px), calc(var(--app-height) - 196px));position:relative}.analysis-move-loader{z-index:5;aspect-ratio:1;pointer-events:none;background:#f9f6edf0;border:1.5px solid #ffffffe6;border-radius:50%;width:max(17px,3.483%);position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 9px #373d3a33}.analysis-move-loader:after{content:"";border:2.5px solid #a8aeaa;border-color:#a8aeaa #a8aeaa #a6aca83d #a6aca83d;border-radius:50%;animation:.8s linear infinite analysis-move-loader-spin;position:absolute;inset:1.5px}@keyframes analysis-move-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.analysis-move-loader:after{animation-duration:1.8s}}.evaluation-bar{color:#fff;background:#171a18;border:1px solid #14191640;flex-direction:column;flex:0 0 48px;align-self:stretch;width:48px;height:auto;max-height:1000px;font-size:10px;display:flex;position:relative;overflow:hidden}.evaluation-bar .white-share{height:var(--share);background:#fff;flex:none;transition:height .22s,width .22s}.evaluation-bar .black-share{height:var(--share);background:#171a18;flex:none;transition:height .22s,width .22s}.evaluation-bar>i{border-top:1px solid #d2a449b8;position:absolute;top:50%;left:0;right:0}.evaluation-bar .side-label{z-index:1;text-align:center;padding:8px 0;font-weight:900;position:absolute;left:0;right:0}.evaluation-bar .side-label.white{color:#17221e;top:0}.evaluation-bar .side-label.black{bottom:0}.evaluation-bar>strong{z-index:2;color:#fff;text-shadow:0 1px 2px #00000080;text-align:center;background:0 0;padding:4px 1px;font:800 10px Georgia,serif;position:absolute;bottom:34px;left:0;right:0}.evaluation-bar.white-leading>strong{color:#17221e;text-shadow:0 1px 2px #ffffffa6;background:0 0;top:34px;bottom:auto}.evaluation-bar.neutral>strong{color:#17221e;text-shadow:0 1px 2px #ffffffa6;background:0 0;top:auto;bottom:calc(50% + 1px)}.review-evaluation[data-quality=최선]>strong{background:#8fbd43}.review-evaluation[data-quality=좋음]>strong{background:#75a84a}.review-evaluation[data-quality=부정확]>strong{background:#e2ad28}.review-evaluation[data-quality=실수]>strong{background:#ed8f24}.review-evaluation[data-quality=치명적\ 실수]>strong{background:#d5322f}.mobile-summary-back{display:none}.review-sidebar{gap:10px;overflow:hidden}.review-sidebar>header{min-height:64px;padding-bottom:10px}.review-sidebar>header>div:nth-child(2){min-width:0;margin-right:auto}.review-sidebar>header .eyebrow{margin-bottom:4px}.review-sidebar h1{font-size:26px}.accuracy-pair span{min-width:66px;padding:8px}.selected-review-card{padding:12px 14px}.selected-review-heading,.engine-review-heading{align-items:center;gap:10px;display:flex}.selected-review-heading>div,.engine-review-heading>div{min-width:0}.selected-review-card .selected-review-heading>div>strong,.engine-review-heading strong{color:var(--ink);background:0 0;font-size:11px}.selected-review-card h2{margin:2px 0 0;font-size:16px}.selected-review-card dl,.engine-review-card dl{grid-template-columns:repeat(3,1fr);margin-top:10px}.review-move-list{flex:auto;grid-template-columns:1fr 1fr;min-height:80px}.review-move-list button{border-right:1px solid var(--line);grid-template-columns:22px 15px minmax(0,1fr) 24px;min-height:39px;padding:6px 8px}.review-move-list button>strong{text-overflow:ellipsis;overflow:hidden}.review-move-list button.opening-action{color:var(--green);background:#185e490b;grid-template-columns:22px 22px minmax(0,1fr) auto}.review-move-list button.opening-action.non-stone-action{grid-template-columns:22px minmax(0,1fr) auto}.review-move-list button.opening-action em{color:var(--muted);font-size:9px;font-style:normal;font-weight:900}.opening-action-icon{color:#fff;background:var(--green);border-radius:5px;place-items:center;width:20px;height:20px;font-size:9px;font-style:normal;font-weight:950;display:grid}.opening-action-detail{color:var(--muted);margin:10px 0 0;font-size:10px;font-weight:800;line-height:1.6}.review-chart-wrap{background:#292b29;height:116px;min-height:86px;position:relative;overflow:hidden}.review-chart{touch-action:manipulation;width:100%;height:100%;display:block}.chart-tooltip{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:#151715eb;border:1px solid #ffffff47;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:5px;translate:-50%}@media (width>=601px){.review-chart-wrap{z-index:3;overflow:visible}.chart-tooltip{top:auto;bottom:calc(100% + 6px)}}.review-sidebar .replay-controls{grid-template-columns:42px 42px 1fr 42px 42px}.review-sidebar .replay-controls button{min-height:40px}.review-actions{margin-top:0}.engine-review-card{border:1px solid var(--line);background:var(--paper);gap:12px;padding:16px;display:grid}.engine-review-heading span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.engine-review-card dl{margin-bottom:0;display:grid}.engine-review-card dl div{gap:3px;display:grid}.engine-review-card dt{color:var(--muted);font-size:10px;font-weight:800}.engine-review-card dd{margin:0;font-weight:900}.engine-variation{border-top:1px solid var(--line);gap:5px;padding-top:10px;display:grid}.engine-variation span{color:var(--muted);font-size:10px;font-weight:900}.engine-variation strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.engine-pv-list{gap:6px;display:grid}.engine-pv-list>div{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;display:grid}.engine-pv-list b{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:2px solid #9da49f;border-radius:5px;padding:4px 3px;font-size:12px}.engine-pv-list b.black{color:#fff;background:#171a18;border-color:#171a18}.engine-pv-list b.white{color:#17221e;background:#fff;border-color:#fff;box-shadow:0 0 0 1px #17221e2e}.engine-pv-list strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-review-summary{display:none}.replay-screen .game-stage{min-height:0}.replay-board-column{position:relative}.replay-mobile-header{display:none}.online-lobby-screen.matchmaking .player-strip.top,.online-game-screen .player-strip.top,.replay-board-column .player-strip.top{align-self:end}.replay-review-move-list{flex:auto;min-height:90px;max-height:none}.replay-review-move-list button:not(.opening-action){grid-template-columns:22px 15px minmax(0,1fr)}.replay-play{font-weight:900;font-size:15px!important}.replay-actions{margin-top:0}.replay-sidebar{overflow-x:hidden}@media (width>=901px) and (height<=650px){.review-sidebar,.replay-sidebar{overflow-y:auto}}.quality-mini span{justify-content:center;align-items:center;gap:4px;padding:2px 5px;display:flex}@media (width<=900px){body.review-route .site-header,body.review-route .mobile-nav,body.replay-route .site-header,body.replay-route .mobile-nav{display:none}body.review-route>div>main.page-shell,body.replay-route>div>main.page-shell{min-height:var(--app-height);padding-bottom:0}.mobile-review-summary{width:100%;height:var(--app-height);padding:8px 12px max(10px, env(safe-area-inset-bottom));background:var(--paper);grid-template-rows:42px minmax(0,1fr) auto auto;gap:8px;display:grid;overflow:hidden}.mobile-review-summary.hidden{display:none}.mobile-review-summary>header{grid-template-columns:38px 1fr auto;align-items:center;gap:8px;display:grid}.mobile-review-summary>header .icon-button{width:38px;height:38px}.mobile-review-summary>header>strong{text-align:center}.mobile-review-summary>header>span{color:var(--muted);font-size:10px;font-weight:800}.mobile-summary-analysis{grid-template-rows:minmax(86px,112px) auto auto;align-content:center;gap:8px;min-height:0;display:grid}.mobile-summary-analysis .review-chart-wrap{border:1px solid var(--line);height:100%;max-height:112px}.mobile-summary-players{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-summary-players>div{background:var(--paper-strong);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;padding:8px 12px;display:grid}.mobile-summary-players strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mobile-summary-players b{text-align:center;grid-column:1/-1;font:800 24px Georgia,serif}.mobile-summary-quality{border-block:1px solid var(--line);align-content:center;min-height:0;display:grid}.mobile-summary-quality>div{grid-template-columns:1fr 48px 40px 48px;align-items:center;min-height:38px;display:grid}.mobile-summary-quality span{font-size:12px;font-weight:800}.mobile-summary-quality strong{text-align:center}.mobile-review-start{min-height:48px}.mobile-summary-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.mobile-summary-actions:empty{display:none}.mobile-summary-actions .button{min-height:38px;padding-inline:8px;font-size:11px}.mobile-summary-message{color:var(--green);background:var(--paper-strong);border:1px solid var(--line);text-align:center;margin:0;padding:7px;font-size:10px;position:absolute;bottom:68px;left:12px;right:12px}.mobile-summary-message.error{color:var(--danger)}.review-screen{height:var(--app-height);padding:0}.review-screen.mobile-hidden{display:none}.review-screen .game-stage{width:100%;height:100%;min-height:0;box-shadow:none;border:0;grid-template-rows:minmax(0,1fr) 58px;grid-template-columns:minmax(0,1fr)}.review-board-column{grid-template-rows:82px minmax(0,1fr) 36px;padding:6px 0 0}.review-evaluation{width:min(calc(100vw - 12px), calc(var(--app-height) - 150px));gap:6px;height:46px;font-size:10px}.review-evaluation span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-summary-back{border:1px solid var(--line);background:var(--paper-strong);place-items:center;width:32px;height:32px;font-size:18px;display:grid}.review-board-back{z-index:6;position:absolute;top:7px;left:9px}.mobile-board-review-card{border:1px solid var(--line);background:var(--paper-strong);border-left:4px solid #7a817d;border-radius:10px;align-self:center;width:min(100vw - 58px,620px);margin-left:40px;padding:8px 9px;display:block;box-shadow:0 6px 18px #342a1b12}.mobile-board-review-card[data-quality=최선]{border-left-color:#8fbd43}.mobile-board-review-card[data-quality=좋음]{border-left-color:#75a84a}.mobile-board-review-card[data-quality=부정확]{border-left-color:#e2ad28}.mobile-board-review-card[data-quality=실수]{border-left-color:#ed8f24}.mobile-board-review-card[data-quality=치명적\ 실수]{border-left-color:#d5322f}.mobile-board-review-card dl{grid-template-columns:1.25fr repeat(3,1fr);margin:0;display:grid}.mobile-board-review-card dl>div{border-left:1px solid var(--line);gap:3px;min-width:0;padding:0 8px;display:grid}.mobile-board-review-card dl>div:first-child{border-left:0;padding-left:1px}.mobile-board-review-card dt{color:var(--muted);letter-spacing:.06em;font-size:9px;font-weight:900}.mobile-board-review-card dd{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;min-height:26px;margin:0;font-size:11px;font-weight:900;display:flex;overflow:hidden}.mobile-board-review-card dd span{text-overflow:ellipsis;overflow:hidden}.review-board-stage{flex-direction:column;align-self:stretch;gap:0;width:100%;height:100%;overflow:hidden;container-type:size}.review-board-stage .evaluation-bar{width:min(calc(100vw - 12px), calc(var(--app-height) - 214px));flex-direction:row-reverse;flex:0 0 30px;align-self:auto;height:30px;min-height:30px;max-height:none;display:flex}.review-board-stage .evaluation-bar .white-share,.review-board-stage .evaluation-bar .black-share{width:var(--share);height:100%}.review-board-stage .evaluation-bar>i{border-top:0;border-left:1px solid #d2a449b8;inset:0 auto 0 50%}.review-board-stage .evaluation-bar .side-label{place-items:center;width:auto;padding:0 8px;display:grid;top:0;bottom:0}.review-board-stage .evaluation-bar .side-label.white{left:auto;right:0}.review-board-stage .evaluation-bar .side-label.black{left:0;right:auto}.review-board-stage .evaluation-bar>strong{place-items:center;min-width:42px;padding:0 4px;display:grid;inset:0 auto 0 30px}.review-board-stage .evaluation-bar.white-leading>strong{inset:0 30px 0 auto}.review-board-stage .evaluation-bar.neutral>strong{inset:0 auto 0 calc(50% + 4px)}.review-board-stage .board-shell,.review-board-column .board-shell{width:min(100vw, calc(var(--app-height) - 214px));min-width:0}@supports (width:100cqh){.review-board-stage .evaluation-bar,.review-board-stage .board-shell{width:min(100cqw,100cqh - 30px);max-width:100%}.review-board-stage .board-shell{max-height:100%}}.review-mobile-moves{scrollbar-width:none;scroll-behavior:smooth;width:calc(100vw - 12px)}.review-mobile-moves::-webkit-scrollbar{display:none}.review-mobile-moves button{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-left:0;align-items:center;gap:6px;display:flex}.review-mobile-moves button.active{color:var(--ink);background:var(--paper);box-shadow:inset 0 -3px #7eaa3c}.review-mobile-moves button.opening-action{color:var(--green)}.review-mobile-moves button.opening-action.active{color:var(--green-dark)}.review-mobile-moves button .stone{width:12px;height:12px}.review-sidebar{border-top:1px solid var(--line);border-left:0;max-height:58px;padding:7px 9px;overflow:hidden}.review-sidebar>header,.review-sidebar .selected-review-card,.review-sidebar .review-opening-decision,.review-sidebar .review-move-list,.review-sidebar .review-chart-wrap,.review-sidebar .review-actions{display:none}.review-sidebar .replay-controls{grid-template-columns:40px 40px 1fr 40px 40px}.review-sidebar .replay-controls button{min-height:40px}.review-sidebar .replay-ply-count{display:none}.review-sidebar .mobile-analysis-confirm{color:#fff;border-color:var(--green);background:var(--green);min-height:40px;font-weight:950;display:block}.review-screen.engine-mode .game-stage{grid-template-rows:minmax(0,1fr) 58px;grid-template-columns:minmax(0,1fr)}.review-screen.engine-mode .review-sidebar{max-height:58px;overflow:hidden}.review-screen.engine-mode .engine-review-card{display:none}.review-screen.engine-mode .game-actions{grid-template-columns:1fr 1fr 1fr;display:grid}.review-screen.engine-mode .game-actions .button{min-height:38px}.board-mobile-confirm{z-index:2147483000;color:#fff;border:1px solid var(--green);background:var(--green);border-radius:999px;min-width:76px;min-height:40px;padding:8px 15px;font-weight:950;display:block;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #185e4940}.board-shell:has(.board-mobile-confirm){margin-bottom:58px}.board-move-number-toggle{display:none}.mobile-analysis-confirm{color:#fff;border:1px solid var(--green);background:var(--green);border-radius:999px;min-width:76px;padding-inline:15px;font-weight:950;box-shadow:0 6px 16px #185e4933}.board-mobile-confirm:disabled,.mobile-analysis-confirm:disabled{opacity:.38}.replay-screen{height:var(--app-height);padding:0}.replay-screen .game-stage{width:100%;height:100%;min-height:0;box-shadow:none;border:0;grid-template-rows:minmax(0,1fr) 58px;grid-template-columns:minmax(0,1fr)}.replay-board-column{grid-template-rows:28px auto 28px 48px;align-content:center;row-gap:7px;padding:8px 0 10px}.replay-mobile-header{z-index:6;width:34px;display:block;position:absolute;top:4px;left:8px}.replay-mobile-header .icon-button{width:34px;height:34px}.replay-mobile-header strong{display:none}.replay-screen .board-shell{width:min(100vw, calc(var(--app-height) - 298px));min-width:0}.replay-screen .player-strip{width:min(calc(100vw - 16px), calc(var(--app-height) - 298px));min-width:0;font-size:13px}.replay-board-column>.player-strip,.replay-board-column>.board-shell{position:relative;transform:translateY(20px)}.replay-board-column>.replay-mobile-moves{z-index:7;width:auto;position:absolute;bottom:0;left:6px;right:6px;transform:none}@supports (width:100cqh){.replay-board-column{container-type:size}.replay-board-column>.player-strip,.replay-board-column>.board-shell{transform:translateY(clamp(0px,50cqh + min(100cqw,100cqh - 139px)/-2 - 62.5px,29px))}.replay-screen .board-shell{width:min(100cqw,100cqh - 139px)}.replay-screen .player-strip{width:min(100cqw - 16px,100cqh - 139px)}}.replay-sidebar{max-height:58px;padding:6px 8px}.replay-range,.replay-actions,.replay-sidebar>header,.replay-sidebar .game-message,.replay-sidebar .replay-review-move-list{display:none}.replay-mobile-moves{scroll-behavior:auto;width:calc(100vw - 12px);min-height:36px;max-height:36px;display:flex;overflow:auto hidden}.replay-mobile-moves button{min-width:max-content;padding:6px 9px}.replay-mobile-moves button>span{color:var(--muted);font-size:9px;font-weight:800}.replay-mobile-moves button strong{text-overflow:ellipsis;white-space:nowrap;max-width:128px;overflow:hidden}.replay-controls{grid-template-columns:38px 38px 1fr 38px 38px}.replay-controls button{min-height:38px}}@media (width<=380px),(height<=700px) and (width<=600px){.mobile-review-summary{gap:5px;padding-top:5px}.mobile-review-summary .review-chart-wrap{max-height:92px}.mobile-summary-quality>div{min-height:32px}.mobile-summary-quality .quality-marker{width:29px!important;height:29px!important}.mobile-summary-players b{font-size:20px}}@media (width>=901px){.online-lobby-screen .player-strip.top,.online-game-screen .player-strip.top,.replay-screen .player-strip.top{align-self:end;transform:translateY(-5px)}.online-lobby-screen .player-strip:not(.top),.online-game-screen .player-strip:not(.top),.replay-screen .player-strip:not(.top){align-self:start;transform:translateY(5px)}}