:root{--cell-size: min(36px, calc((100vw - 150px) / 19), calc((100vh - 295px) / 19));--stone-size: calc(var(--cell-size) * .875);--board-padding: 12px;--board-border: 8px;--font-display: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Apple Myungjo", "Nanum Myeongjo", Batang, "Yu Mincho", "Hiragino Mincho ProN", serif;--bg: #2a2521;--fg: #e8e0d2;--fg-2: #cfc4b2;--muted: #9c917f;--panel: #34302a;--panel-border: #4d463c;--panel-shadow: rgba(0, 0, 0, .55);--accent: #e6b422;--on-accent: #2b2418;--btn-bg: #423b33;--btn-fg: #d6cbb8;--btn-border: #564d42;--btn-hover: #4f4740;--btn-hover-border: #7a6c58;--danger: #a04040;--danger-fg: #ff5c4a;--overlay: rgba(0, 0, 0, .7)}body.light-theme{--bg: #d7b88b;--fg: #2e2418;--fg-2: #4a3c2c;--muted: #7d6a52;--panel: #f7f1e5;--panel-border: #d9c7a6;--panel-shadow: rgba(60, 35, 10, .3);--accent: #8b6914;--on-accent: #fff;--btn-bg: #efe6d5;--btn-fg: #4a3c2c;--btn-border: #d2c1a2;--btn-hover: #e6dac4;--btn-hover-border: #b09a75;--danger: #c05050;--danger-fg: #b8321f;--overlay: rgba(0, 0, 0, .4)}.skip-link{position:absolute;top:-100px;left:0;background:var(--accent);color:var(--on-accent);padding:8px 16px;z-index:9999;font-weight:700;text-decoration:none}.skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-contrast:high){.stone.black{background:#000}.stone.white{background:#fff;border:2px solid #000}.cell:before,.cell:after{background-color:#000}.forbidden-marker{color:red;font-size:12px;opacity:1}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background:var(--bg) url(/art/bg-dark.webp) center / cover no-repeat fixed;color:var(--fg);overflow:hidden}body.light-theme{background-image:url(/art/bg-light.webp)}#app-container{max-width:95vw;max-height:95vh;display:flex;justify-content:center;align-items:center}#loading-screen,#lobby-screen,#game-screen,#history-screen{width:100%;text-align:center;background:var(--panel);padding:20px 40px;border-radius:14px;box-shadow:0 24px 50px -12px var(--panel-shadow),inset 0 1px #ffffff0f;border:1px solid var(--panel-border);display:none}h1{font-family:var(--font-display);color:var(--accent);font-weight:400;letter-spacing:.04em;margin-top:0}h2{font-weight:400;color:var(--fg-2);margin-bottom:20px}button{border:1px solid var(--btn-border);background-color:var(--btn-bg);color:var(--btn-fg);cursor:pointer;transition:all .2s ease;border-radius:6px;font-family:inherit}button:hover:not(:disabled){background-color:var(--btn-hover);border-color:var(--btn-hover-border)}button:disabled{opacity:.4;cursor:default}button.active{background-color:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}#loading-screen{background:none;box-shadow:none;border:none}.spinner{width:56px;height:56px;border:7px solid var(--panel-border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}#lobby-screen{max-width:720px;max-height:95vh;overflow-y:auto;box-sizing:border-box;padding:22px 40px 20px}#lobby-screen h1{font-size:3.2em;line-height:1;margin:10px 0 2px}#wordmark{display:block;height:76px;width:auto;margin:0 auto}#wordmark{filter:invert(1) hue-rotate(180deg) drop-shadow(0 2px 4px rgba(0,0,0,.5))}body.light-theme #wordmark{filter:none}@media(max-height:800px){#lobby-hero.has-art{width:min(100%,260px)}#wordmark{height:64px}}#lobby-tagline{font-family:var(--font-display);font-size:1.05em;color:var(--fg-2);margin:0 0 10px}#lobby-hero{--cell-size: min(30px, calc((100vw - 96px) / 9));--stone-size: calc(var(--cell-size) * .875);display:grid;grid-template-columns:repeat(9,var(--cell-size));justify-content:center;margin:0 auto;width:fit-content;padding:6px;background:linear-gradient(135deg,#d9ad7c,#a87c58);border:5px solid #3a2a1a;border-radius:4px;box-shadow:0 10px 22px #0006,inset 0 0 14px #0000004d}#lobby-hero .cell{cursor:default}#lobby-hero .stone{animation:stone-drop .18s ease-out both}#lobby-hero .win-highlight{animation:hero-win 1.4s ease-out 1.1s both}@keyframes hero-win{0%{opacity:0;box-shadow:none}35%{opacity:1;box-shadow:0 0 16px #eebc1d,0 0 26px #eebc1d99}to{opacity:.5;box-shadow:0 0 4px #eebc1d80}}#lobby-hero.has-art{display:block;width:min(100%,320px);aspect-ratio:16 / 9;padding:0;border-width:4px;background:url(/art/lobby-hero-dark.webp) center / cover no-repeat}body.light-theme #lobby-hero.has-art{background-image:url(/art/lobby-hero-light.webp)}#lobby-hero.has-art .cell{display:none}@media(prefers-reduced-motion:reduce){#lobby-hero .stone,#lobby-hero .win-highlight{animation:none}#lobby-hero .win-highlight{opacity:.5}}#stats-display{margin:0 0 12px;font-size:.95em;color:var(--fg-2)}#stats-display strong{color:var(--fg)}.stat-rate{color:var(--accent);margin-top:2px}.stat-breakdown{font-size:.8em;color:var(--muted);margin-top:4px}#mode-select,#color-select,#difficulty-select{margin:10px 0}#mode-select label,#color-select label,#difficulty-select label{display:block;margin-bottom:6px;font-size:.85em;color:var(--muted)}.mode-buttons,.color-buttons,.difficulty-buttons{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.mode-btn,.color-btn,.diff-btn,#theme-toggle-btn{padding:7px 16px;font-size:.9em;border-radius:999px}.mode-btn.active,.color-btn.active,.diff-btn.active{box-shadow:inset 0 1px #ffffff59,0 2px 6px #0000004d}.difficulty-buttons{display:grid;grid-template-columns:repeat(4,1fr);max-width:440px;margin:0 auto}.diff-btn{--tier: var(--accent);--tier-fg: #fff;padding-left:8px;padding-right:8px;min-width:0;border-color:color-mix(in srgb,var(--tier) 60%,var(--btn-border));background-color:color-mix(in srgb,var(--tier) 12%,var(--btn-bg))}.diff-btn:hover:not(:disabled){border-color:var(--tier);background-color:color-mix(in srgb,var(--tier) 25%,var(--btn-bg))}.diff-btn.active{background-color:var(--tier);border-color:var(--tier);color:var(--tier-fg)}.diff-btn[data-diff=EASY]{--tier: #43a047}.diff-btn[data-diff=BEGINNER]{--tier: #7cb342}.diff-btn[data-diff=NORMAL]{--tier: var(--accent);--tier-fg: var(--on-accent)}.diff-btn[data-diff=ADVANCED]{--tier: #fb8c00}.diff-btn[data-diff=HARD]{--tier: #f4511e}.diff-btn[data-diff=EXPERT]{--tier: #e53935}.diff-btn[data-diff=MASTER]{--tier: #8e24aa}.diff-btn[data-diff=AUTO]{--tier: #1e88e5}#find-match-btn,#back-to-lobby-btn,#history-back-btn{padding:13px 40px;font-size:1.1em;border-radius:999px;border:none;background-color:var(--accent);color:var(--on-accent);font-weight:700;transition:all .3s ease;margin-top:12px}#find-match-btn{background-image:linear-gradient(180deg,#ffffff38,#fff0 55%);box-shadow:0 6px 16px -4px #e6b42299,inset 0 -2px #0003;letter-spacing:.02em}#back-to-lobby-btn,#history-back-btn{background-color:#6c757d;color:#fff}#find-match-btn:hover:not(:disabled){background-color:#f5cc4a;box-shadow:0 8px 22px -4px #e6b422cc,inset 0 -2px #0003}#lobby-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--panel-border)}#lobby-options,#lobby-extra,#lang-select{display:flex;align-items:center;gap:6px}#theme-toggle-btn,#reset-stats-btn,#history-btn,.lang-btn{padding:5px 12px;font-size:.8em;border-radius:999px;background-color:transparent;color:var(--muted)}.lang-btn{padding:5px 10px}#reset-stats-btn:hover{background-color:transparent;border-color:var(--danger-fg);color:var(--danger-fg)}#history-btn:hover,#theme-toggle-btn:hover{background-color:transparent;border-color:var(--accent);color:var(--accent)}#game-screen{position:relative}#game-info h1{font-size:2em;margin-bottom:10px}#status{font-size:1.1em;font-weight:700;min-height:25px;color:var(--fg);margin:10px 0}#player-info{font-size:.85em;color:var(--muted);margin-bottom:10px}#board{display:grid;margin:10px auto;background:linear-gradient(135deg,#d2a679,#a47b59);box-shadow:10px 10px 20px #0006,inset 0 0 15px #0000004d;border:var(--board-border) solid #3a2a1a;border-radius:4px;position:relative;padding:var(--board-padding);box-sizing:content-box;touch-action:none}.cell{width:var(--cell-size);height:var(--cell-size);box-sizing:border-box;cursor:pointer;position:relative}.cell:before{content:"";position:absolute;background-color:#543b21;z-index:0;width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.cell:after{content:"";position:absolute;background-color:#543b21;z-index:0;height:100%;width:1px;left:50%;top:0;transform:translate(-50%)}.flower-point>.flower-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background-color:#543b21;transform:translate(-50%,-50%);z-index:1;pointer-events:none}#result-screen{position:absolute;inset:0;background:var(--overlay);display:none;justify-content:center;align-items:center;z-index:100}.result-box{background:var(--panel);padding:30px 50px;border-radius:12px;box-shadow:0 5px 20px var(--panel-shadow);border:1px solid var(--accent);animation:slide-up .5s ease-out}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}#result-message{font-size:1.8em;margin-bottom:25px;color:var(--accent)}.stone,.hover-stone{width:var(--stone-size);height:var(--stone-size);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.stone{box-shadow:2px 3px 5px #0006}.hover-stone{pointer-events:none;opacity:.3}.hover-stone.touch{opacity:.6}.stone.black,.hover-stone.black{background:url(/art/stone-black.webp) center / contain no-repeat}.stone.white,.hover-stone.white{background:url(/art/stone-white.webp) center / contain no-repeat}.stone-place{animation:stone-drop .15s ease-out}@keyframes stone-drop{0%{transform:translate(-50%,-50%) scale(.5);opacity:.6}70%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.forbidden-marker,.last-move-marker,.win-highlight,.move-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.forbidden-marker{z-index:3;color:#f44;font-size:10px;font-weight:700;opacity:.7}.last-move-marker{width:7px;height:7px;border-radius:50%;background-color:#f44;z-index:3}.win-highlight{width:var(--stone-size);height:var(--stone-size);border-radius:50%;border:2px solid #eebc1d;z-index:4;animation:win-glow 1s ease-in-out infinite alternate}@keyframes win-glow{0%{box-shadow:0 0 6px #eebc1d}to{box-shadow:0 0 16px #eebc1d,0 0 24px #eebc1d80}}.move-number{z-index:5;font-size:9px;font-weight:700;line-height:1}.move-number.on-black{color:#fff}.move-number.on-white{color:#000}.forbidden-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#ff4444e6;color:#fff;font-size:9px;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:10;pointer-events:none}.cell:hover .forbidden-tooltip{display:block}#game-controls{display:flex;justify-content:center;gap:10px;margin-top:10px}#game-controls button{padding:8px 14px;font-size:.85em;font-weight:700}#undo-btn,#surrender-btn{border:none}#undo-btn{color:var(--fg)}#surrender-btn{background-color:var(--danger);color:#fff}#surrender-btn:hover:not(:disabled){background-color:#c05050}#board-wrapper{display:inline-block;position:relative}.coord-row{display:flex;align-items:center}.coord-top{margin-left:0;padding-left:20px}.coord-col{display:flex;flex-direction:column;justify-content:stretch}.coord-label{width:var(--cell-size);height:var(--cell-size);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);-webkit-user-select:none;user-select:none}.coord-corner{width:20px;height:var(--cell-size)}.coord-col .coord-label{width:20px}.board-with-labels{display:flex}.touch-preview{position:absolute;background:#eebc1de6;color:#2b2b2b;font-size:14px;font-weight:700;padding:4px 10px;border-radius:6px;pointer-events:none;transform:translate(-50%);z-index:200;white-space:nowrap}#history-screen{max-height:80vh;overflow-y:auto}#history-list{text-align:left;margin:15px 0}.history-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--panel-border);font-size:.9em}.hist-date{color:var(--muted);min-width:80px}.hist-win{color:#4caf50;font-weight:700;min-width:40px}.hist-loss{color:#f44336;font-weight:700;min-width:40px}.hist-draw{color:#ff9800;font-weight:700;min-width:40px}.hist-info{color:var(--muted);flex:1;font-size:.85em}.hist-replay-btn{padding:4px 10px;font-size:.8em;border-radius:4px}@media(max-width:560px){:root{--cell-size: min(36px, calc((100vw - 56px) / 19), calc((100vh - 260px) / 19));--stone-size: calc(var(--cell-size) * .875);--board-padding: 6px;--board-border: 4px}#app-container{max-width:100vw;max-height:100vh}#loading-screen,#lobby-screen,#game-screen,#history-screen{padding:12px 8px;border-radius:8px}#lobby-screen{padding:16px 16px 14px}#lobby-screen h1{font-size:2.4em;margin-top:12px}#wordmark{height:72px}#lobby-tagline{font-size:.95em}#lobby-hero{--cell-size: min(26px, calc((100vw - 64px) / 9))}#stats-display{font-size:.85em}#lobby-footer{justify-content:center}#game-info h1{font-size:1.4em;margin-bottom:4px}#status{font-size:.95em;margin:6px 0}#player-info{font-size:.75em;margin-bottom:6px}.flower-point>.flower-dot{width:4px;height:4px}.forbidden-marker{font-size:8px}.last-move-marker{width:5px;height:5px}#find-match-btn,#back-to-lobby-btn,#history-back-btn{padding:10px 24px;font-size:1em}.mode-btn,.color-btn,.diff-btn{padding:5px 10px;font-size:.8em}.diff-btn{padding-left:6px;padding-right:6px}#game-controls{flex-wrap:wrap}#game-controls button{padding:6px 10px;font-size:.75em}#result-message{font-size:1.3em}.result-box{padding:20px 30px}.coord-label{font-size:8px}.coord-corner,.coord-col .coord-label{width:14px}.coord-top{padding-left:14px}.move-number{font-size:7px}.hover-stone:not(.touch){display:none}.touch-preview{font-size:12px;padding:3px 8px}}