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)}}#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;grid-template-columns:repeat(19,24px);grid-template-rows:repeat(19,24px);width:456px;height:456px;margin:10px 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 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:21px;height:21px;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%)}