:root{--cell-size: min(24px, calc((95vw - 60px) / 19), calc((100vh - 260px) / 19));--stone-size: calc(var(--cell-size) * .875);--board-padding: 12px;--board-border: 8px}.skip-link{position:absolute;top:-100px;left:0;background:#eebc1d;color:#000;padding:8px 16px;z-index:9999;font-weight:700;text-decoration:none}.skip-link:focus{top:0}*:focus-visible{outline:2px solid #eebc1d;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-color:#3a3a3a;color:#e0e0e0;overflow:hidden}#app-container{max-width:95vw;max-height:95vh;display:flex;justify-content:center;align-items:center}#loading-screen,#lobby-screen,#game-screen{width:100%;text-align:center;background:#4a4a4a;padding:20px 40px;border-radius:12px;box-shadow:0 10px 25px #00000080;border:1px solid #555;display:none}h1{color:#eebc1d;font-weight:300;letter-spacing:1px;margin-top:0}h2{font-weight:400;color:#ccc;margin-bottom:20px}#loading-screen{background:none;box-shadow:none;border:none}.spinner{width:56px;height:56px;border:7px solid #555;border-top-color:#eebc1d;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}#lobby-screen h1{font-size:3em;margin-bottom:20px}#stats-display{margin:20px 0;font-size:1.1em}#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:#f0f0f0;margin:10px 0}#player-info{font-size:.85em;color:#aaa;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}.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{position:relative}.flower-point:after{content:"";position:absolute;background-color:#543b21;z-index:0;height:100%;width:1px;left:50%;top:0;transform:translate(-50%)}.flower-point:before{content:"";position:absolute;background-color:#543b21;z-index:0;width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.flower-point{box-shadow:inset 0 0 0 3px transparent}.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:#000000b3;display:none;justify-content:center;align-items:center;z-index:100}.result-box{background:#4a4a4a;padding:30px 50px;border-radius:12px;box-shadow:0 5px 20px #00000080;border:1px solid #eebc1d;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:#eebc1d}#find-match-btn,#back-to-lobby-btn{padding:12px 32px;font-size:1.1em;border-radius:8px;border:none;background-color:#eebc1d;color:#2b2b2b;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;margin-top:10px}#back-to-lobby-btn{background-color:#6c757d;color:#fff}#find-match-btn:hover{background-color:#fff;box-shadow:0 0 15px #eebc1d}.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;box-shadow:2px 3px 5px #0006}.stone.black{background:radial-gradient(circle at 6px 6px,#555,#000 80%)}.stone.white{background:radial-gradient(circle at 6px 6px,#fff,#ccc 80%)}.forbidden-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;color:#f44;font-size:10px;font-weight:700;pointer-events:none;opacity:.7}.last-move-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background-color:#f44;z-index:3;pointer-events:none}.win-highlight{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--stone-size);height:var(--stone-size);border-radius:50%;border:2px solid #eebc1d;box-shadow:0 0 8px #eebc1d,0 0 16px #eebc1d66;z-index:4;pointer-events:none;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}}#difficulty-select{margin:15px 0}#difficulty-select label{display:block;margin-bottom:8px;font-size:.95em;color:#aaa}.difficulty-buttons{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.diff-btn{padding:6px 16px;font-size:.9em;border-radius:6px;border:1px solid #666;background-color:#555;color:#ccc;cursor:pointer;transition:all .2s ease}.diff-btn:hover{background-color:#666;border-color:#888}.diff-btn.active{background-color:#eebc1d;color:#2b2b2b;border-color:#eebc1d;font-weight:700}#game-controls{display:flex;justify-content:center;gap:10px;margin-top:10px}#undo-btn,#surrender-btn{padding:8px 20px;font-size:.9em;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-weight:700}#undo-btn{background-color:#555;color:#e0e0e0}#undo-btn:hover:not(:disabled){background-color:#666}#undo-btn:disabled{opacity:.4;cursor:default}#surrender-btn{background-color:#a04040;color:#fff}#surrender-btn:hover:not(:disabled){background-color:#c05050}#surrender-btn:disabled{opacity:.4;cursor:default}.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;pointer-events:none;opacity:.3}.hover-stone.black{background:radial-gradient(circle at 6px 6px,#555,#000 80%)}.hover-stone.white{background:radial-gradient(circle at 6px 6px,#fff,#ccc 80%)}.move-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;font-size:9px;font-weight:700;pointer-events:none;line-height:1}.move-number.on-black{color:#fff}.move-number.on-white{color:#000}#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:#999;-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}#lobby-extra{margin-top:12px}#reset-stats-btn{padding:6px 16px;font-size:.8em;border-radius:6px;border:1px solid #666;background-color:transparent;color:#999;cursor:pointer;transition:all .2s ease}#reset-stats-btn:hover{border-color:#f44;color:#f44}.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}}#move-num-btn,#save-btn,#load-btn,#forbidden-toggle-btn,#sound-toggle-btn{padding:8px 14px;font-size:.85em;border-radius:6px;border:1px solid #666;background-color:#555;color:#ccc;cursor:pointer;transition:all .2s ease;font-weight:700}#move-num-btn:hover,#save-btn:hover,#load-btn:hover,#forbidden-toggle-btn:hover,#sound-toggle-btn:hover{background-color:#666;border-color:#888}#move-num-btn.active,#forbidden-toggle-btn.active,#sound-toggle-btn.active{background-color:#eebc1d;color:#2b2b2b;border-color:#eebc1d}@media(max-width:560px){:root{--cell-size: min(24px, calc((95vw - 40px) / 19), calc((100vh - 200px) / 19));--stone-size: calc(var(--cell-size) * .875);--board-padding: 8px;--board-border: 4px}#app-container{max-width:100vw;max-height:100vh}#loading-screen,#lobby-screen,#game-screen{padding:12px 16px;border-radius:8px}#lobby-screen h1{font-size:2em}#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{padding:10px 24px;font-size:1em}.diff-btn{padding:5px 10px;font-size:.8em}#undo-btn,#surrender-btn{padding:6px 14px;font-size:.8em}#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{display:none}#move-num-btn,#save-btn,#load-btn,#forbidden-toggle-btn,#sound-toggle-btn{padding:6px 10px;font-size:.75em}.touch-preview{font-size:12px;padding:3px 8px}#game-controls{flex-wrap:wrap}}body.light-theme{background-color:#e8e0d4;color:#333}body.light-theme #loading-screen,body.light-theme #lobby-screen,body.light-theme #game-screen,body.light-theme #history-screen{background:#f5f0e8;border-color:#ccc;box-shadow:0 10px 25px #00000026}body.light-theme h1{color:#8b6914}body.light-theme h2{color:#555}body.light-theme #status{color:#333}body.light-theme #player-info,body.light-theme .coord-label{color:#666}body.light-theme .diff-btn,body.light-theme .mode-btn,body.light-theme .color-btn,body.light-theme #undo-btn,body.light-theme #move-num-btn,body.light-theme #save-btn,body.light-theme #load-btn,body.light-theme #forbidden-toggle-btn,body.light-theme #sound-toggle-btn{background-color:#ddd;color:#444;border-color:#bbb}body.light-theme .diff-btn.active,body.light-theme .mode-btn.active,body.light-theme .color-btn.active,body.light-theme #move-num-btn.active,body.light-theme #forbidden-toggle-btn.active,body.light-theme #sound-toggle-btn.active{background-color:#8b6914;color:#fff;border-color:#8b6914}body.light-theme .result-box{background:#f5f0e8;border-color:#8b6914}body.light-theme #result-message{color:#8b6914}body.light-theme #result-screen{background:#0006}body.light-theme #reset-stats-btn{color:#888;border-color:#bbb}body.light-theme #reset-stats-btn:hover{color:#c03030;border-color:#c03030}body.light-theme #surrender-btn{background-color:#c05050}#mode-select,#color-select{margin:10px 0}#mode-select label,#color-select label{display:block;margin-bottom:6px;font-size:.95em;color:#aaa}.mode-buttons,.color-buttons{display:flex;justify-content:center;gap:8px}.mode-btn,.color-btn{padding:6px 16px;font-size:.9em;border-radius:6px;border:1px solid #666;background-color:#555;color:#ccc;cursor:pointer;transition:all .2s ease}.mode-btn:hover,.color-btn:hover{background-color:#666;border-color:#888}.mode-btn.active,.color-btn.active{background-color:#eebc1d;color:#2b2b2b;border-color:#eebc1d;font-weight:700}#theme-select{margin:10px 0}#theme-toggle-btn{padding:6px 16px;font-size:.85em;border-radius:6px;border:1px solid #666;background-color:#555;color:#ccc;cursor:pointer;transition:all .2s ease}#theme-toggle-btn:hover{background-color:#666;border-color:#888}#lobby-options{display:flex;justify-content:center;gap:12px;align-items:center;margin:10px 0}#lang-select{display:flex;gap:4px}.lang-btn{padding:4px 10px;font-size:.8em;border-radius:4px;border:1px solid #666;background-color:#555;color:#ccc;cursor:pointer;transition:all .2s ease}.lang-btn:hover{background-color:#666}.lang-btn.active{background-color:#eebc1d;color:#2b2b2b;border-color:#eebc1d;font-weight:700}#history-screen{width:100%;text-align:center;background:#4a4a4a;padding:20px 40px;border-radius:12px;box-shadow:0 10px 25px #00000080;border:1px solid #555;max-height:80vh;overflow-y:auto}body.light-theme #history-screen{background:#f5f0e8;border-color:#ccc}#history-list{text-align:left;margin:15px 0}.history-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #555;font-size:.9em}body.light-theme .history-item{border-bottom-color:#ddd}.hist-date{color:#888;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:#aaa;flex:1;font-size:.85em}.hist-replay-btn{padding:4px 10px;font-size:.8em;border-radius:4px;border:1px solid #666;background-color:#555;color:#ccc;cursor:pointer}.hist-replay-btn:hover{background-color:#666}#history-back-btn{padding:10px 28px;font-size:1em;border-radius:8px;border:none;background-color:#6c757d;color:#fff;cursor:pointer;margin-top:10px}#history-btn{padding:6px 16px;font-size:.8em;border-radius:6px;border:1px solid #666;background-color:transparent;color:#999;cursor:pointer;transition:all .2s ease;margin-left:8px}#history-btn:hover{border-color:#eebc1d;color:#eebc1d}.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}