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:90vw;max-height:90vh;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)}}.style-selector .options{display:flex;justify-content:center;gap:30px;margin:30px 0}.option{cursor:pointer;padding:10px;border:2px solid transparent;border-radius:8px;transition:all .3s ease;display:flex;gap:10px}.option:hover{border-color:#777}.option.selected{border-color:#eebc1d;transform:scale(1.1);box-shadow:0 0 15px #eebc1d80}.preview-stone{width:30px;height:30px;border-radius:50%}#game-screen{position:relative}#status{font-size:1.2em;font-weight:700;min-height:25px;color:#f0f0f0}#player-info{font-size:.9em;color:#aaa}#board{display:grid;grid-template-columns:repeat(19,24px);grid-template-rows:repeat(19,24px);width:456px;height:456px;margin:20px auto;background:linear-gradient(135deg,#d2a679,#a47b59);box-shadow:10px 10px 20px #0006,inset 0 0 15px #0000004d;border:8px solid #3a2a1a;border-radius:4px;position:relative;padding:12px;box-sizing:content-box}.cell{width:24px;height:24px;box-sizing:border-box;cursor:pointer;position:relative}.cell:before,.cell:after{content:"";position:absolute;background-color:#543b21;z-index:0}.cell:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.cell:after{height:100%;width:1px;left:50%;top:0;transform:translate(-50%)}.flower-point:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background-color:#543b21;transform:translate(-50%,-50%);z-index:1}#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 24px;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 10px #eebc1d}.stone{width:20px;height:20px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.skin-default .stone,.option[data-style=default] .preview-stone{box-shadow:1px 1px 2px #0006}.skin-default .stone.black,.option[data-style=default] .preview-stone.black{background:radial-gradient(circle at 8px 6px,#454545,#0a0a0a 80%)}.skin-default .stone.white,.option[data-style=default] .preview-stone.white{background:radial-gradient(circle at 8px 7px,#fff,#e5e5e5 80%)}.skin-glass .stone,.option[data-style=glass] .preview-stone{box-shadow:1px 2px 4px #00000080,inset 0 0 5px #fff3}.skin-glass .stone.black,.option[data-style=glass] .preview-stone.black{background:radial-gradient(circle at 8px 6px,#646464cc,#0a0a0ae6 80%)}.skin-glass .stone.white,.option[data-style=glass] .preview-stone.white{background:radial-gradient(circle at 8px 7px,#fffc,#c8c8c8b3 80%)}.skin-flat .stone,.option[data-style=flat] .preview-stone{box-shadow:none}.skin-flat .stone.black,.option[data-style=flat] .preview-stone.black{background:#111}.skin-flat .stone.white,.option[data-style=flat] .preview-stone.white{background:#f1f1f1}