:root{--accent:#e040fb;--bg-dark:#0a0e27;--panel-bg:rgba(15, 20, 40, 0.95);--text-main:#ffffff;--text-dim:rgba(255, 255, 255, 0.7);--blue-glow:rgba(100, 181, 246, 0.4)}body{background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(135deg,#0a0e27 0%,#1a1f3a 25%,#0f1629 50%,#1e2a4a 75%,#0a0e27 100%);background-size:60px 60px,60px 60px,100% 100%;background-attachment:fixed;color:#fff;font-family:maven pro,sans-serif;min-height:100vh}.actionBtn{--btn-color-top:#49a8de;--btn-color-bottom:#2e7ca8;--btn-text-color:#ffffff;--btn-color-top-hover:#59b8ef;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background-color:var(--btn-color-top);color:var(--btn-text-color);border:none;border-radius:12px;padding:16px 32px;font-size:20px;font-weight:700;text-transform:uppercase;font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;box-shadow:0 6px 0 var(--btn-color-bottom);transition:transform .1s ease-out,box-shadow .1s ease-out;position:relative}.actionBtn svg{flex-shrink:0}.actionBtn:hover{background-color:var(--btn-color-top-hover);transform:translateY(-2px);box-shadow:0 8px 0 var(--btn-color-bottom)}.actionBtn:active{transform:translateY(6px);box-shadow:0 0 0 var(--btn-color-bottom);transition-duration:.05s}.actionBtn-green{--btn-color-top:#43a047;--btn-color-bottom:#2e7d32;--btn-color-top-hover:#4caf50}.actionBtn-blue{--btn-color-top:#1e88e5;--btn-color-bottom:#1565c0;--btn-color-top-hover:#2196f3}.actionBtn.is-searching{cursor:wait;background-color:#95a5a6;box-shadow:0 6px #7f8c8d;color:#ecf0f1}.actionBtn.is-searching:hover,.actionBtn.is-searching:active{transform:translateY(0);box-shadow:0 6px #7f8c8d}.container{max-width:900px;margin:40px auto;background:var(--panel-bg);border-radius:20px;padding:32px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--text-main)}h1{text-align:center;margin-bottom:24px;background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-1px}#status,#game-status{text-align:center;margin:16px 0;font-size:1.1em;font-weight:500;min-height:1.5em}.board{display:grid;grid-template-columns:repeat(15,28px);grid-template-rows:repeat(15,28px);gap:1px;justify-content:center;margin:24px auto;padding:16px;background:#deb887;border-radius:8px;border:3px solid #8b4513;width:fit-content;box-shadow:0 4px 20px rgba(0,0,0,.4)}.cell{width:28px;height:28px;background:#deb887;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative}.cell::before{content:'';position:absolute;width:100%;height:100%;border:.5px solid rgba(0,0,0,.3);box-sizing:border-box}.cell:hover{background:#e8c99b}.cell .stone{width:24px;height:24px;border-radius:50%;position:relative;z-index:1}.cell .stone.black{background:radial-gradient(circle at 30% 30%,#555,#111);box-shadow:2px 2px 4px rgba(0,0,0,.5)}.cell .stone.white{background:radial-gradient(circle at 30% 30%,#fff,#ccc);box-shadow:2px 2px 4px rgba(0,0,0,.3);border:1px solid #aaa}#restart{display:block;margin:20px auto 0;padding:12px 32px;font-size:1em;font-weight:600;border-radius:12px;border:none;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px rgba(25,118,210,.3)}#restart:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(25,118,210,.4)}#leaderboard-list li{background:rgba(255,255,255,2%);border:1px solid rgba(255,255,255,5%);border-radius:8px;padding:10px 16px;margin-bottom:8px;transition:background .2s}#leaderboard-list li:hover{background:rgba(255,255,255,5%)}#points-breakdown{background:rgba(255,255,255,3%)!important;color:var(--text-dim)!important;border:1px solid rgba(255,255,255,8%)}#points-breakdown>div:first-child{color:var(--text-main)!important}#yesterday-section h2{color:var(--text-main)}#yesterday-winners li{background:rgba(255,255,255,2%);border:1px solid rgba(255,255,255,5%);border-radius:8px;padding:10px 16px;margin-bottom:8px}@keyframes matchmaking-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.matchmaking-pulse{animation:matchmaking-pulse 1s ease-in-out infinite}@media(max-width:600px){.board{grid-template-columns:repeat(15,22px);grid-template-rows:repeat(15,22px);padding:8px}.cell{width:22px;height:22px}.cell .stone{width:18px;height:18px}.container{margin:20px 10px;padding:20px}}