@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700;900&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";:root{--c-ink:#07070e;--c-ink-mid:#0c0c18;--c-ink-surf:#111228;--c-ink-card:#181830;--c-jade:#52a882;--c-jade-br:#7fcca2;--c-jade-alt:#357a5c;--c-amber:#c9963a;--c-amber-br:#e8b858;--c-cream:#f5f0e6;--c-cream-dk:#e8e0cc;--c-text:#1a1a1a;--c-text-dark:#f0ece0;--c-text-sub:#7a9070;--color-bg:var(--c-cream);--color-ink:var(--c-ink);--color-board:#e8b848;--color-board-line:#321a02a6;--color-nav:#281c0af2;--color-nav-text:var(--c-text-dark);--color-panel:#fffffff7;--color-panel-border:#00000014;--color-panel-inner:#0000000a;--color-accent:var(--c-jade);--color-accent-dark:var(--c-jade-alt);--color-text:var(--c-text);--color-text-muted:#888;--color-danger:#d46060;--color-recommend:var(--c-jade);--side-panel-width:220px;--navbar-height:48px}[data-theme=dark]{--color-bg:var(--c-ink);--color-ink:var(--c-ink);--color-board:#1e0d04;--color-board-line:#5eac782e;--color-nav:#0a1008f7;--color-nav-text:var(--c-text-dark);--color-panel:#12190ef7;--color-panel-border:#5eac7826;--color-panel-inner:#00000040;--color-accent:var(--c-jade);--color-accent-dark:var(--c-jade-alt);--color-text:var(--c-text-dark);--color-text-muted:var(--c-text-sub)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--c-ink);--color-ink:var(--c-ink);--color-nav:#0a1008f7;--color-nav-text:var(--c-text-dark);--color-panel:#12190ef7;--color-panel-border:#5eac7826;--color-panel-inner:#00000040;--color-text:var(--c-text-dark);--color-text-muted:var(--c-text-sub)}}#shadow-canvas,#board-canvas,canvas.ShadowLayer,canvas.StoneLayer{top:0;left:0;position:absolute!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Noto Sans KR,system-ui,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}.btn-recommend:active:not(:disabled){opacity:.85;transform:scale(.95)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tsumego-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes tsumego-correct-flash{0%{box-shadow:0 0 #4ade8099}50%{box-shadow:0 0 0 16px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes streak-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.tsumego-shake{animation:.6s ease-in-out tsumego-shake}.tsumego-correct-glow{animation:1.2s ease-out tsumego-correct-flash}.streak-bounce{animation:.4s ease-in-out streak-bounce}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7fcca233;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7fcca266}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}.Goban{box-shadow:var(--goban-shadow);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;background-color:#dcb35c;display:inline-block;position:relative}.Goban .GobanMessage{text-align:center;width:100%;height:100%;z-index:var(--z-goban-message);font-size:large;position:absolute;inset:0}.Goban .PenLayer{z-index:var(--z-goban-pen-layer);position:absolute;left:0;right:0}.Goban .StoneLayer{z-index:var(--z-goban-stone-layer);position:absolute;left:0;right:0}.Goban .ShadowLayer{z-index:var(--z-goban-shadow-layer);position:absolute;left:0;right:0}.Goban .GobanMessage table{width:100%;height:100%;position:relative}.Goban .GobanMessage table td{background-image:none}.Goban .GobanMessage table td div{color:#f50;background-color:#262626;border-radius:3px;margin:.4em;padding:.3em;box-shadow:5px 5px 3px #00000042}.Goban .hidden{display:none}.Goban.borderless{box-shadow:var(--goban-shadow-borderless);text-align:center;border-radius:0;width:100%;margin:0}.Goban.small{font-size:small;box-shadow:0 2px 5px #00000042}.Goban.small canvas{box-shadow:0 2px 10px #00000029}.Goban svg text{text-anchor:middle;-webkit-user-select:none;user-select:none;font-family:Verdana,Arial,sans-serif;font-weight:700}