.gomoku-shell{color:#172033;background:radial-gradient(circle at 12% 8%,#5aa7ff29,#0000 30%),radial-gradient(circle at 86% 12%,#a78bfa26,#0000 30%),radial-gradient(circle at 48% 92%,#2dd4bf1a,#0000 32%),linear-gradient(#fbfcff 0%,#f7f8fb 48%,#f4f6fb 100%);min-height:100vh}.gomoku-cosmic-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.gomoku-cosmic-bg:before{content:"";filter:blur(46px);background:radial-gradient(circle at 22% 24%,#5aa7ff2e,#0000 30%),radial-gradient(circle at 78% 18%,#a78bfa29,#0000 30%),radial-gradient(circle at 42% 78%,#fb718514,#0000 32%);animation:28s ease-in-out infinite alternate gomokuNebula;position:absolute;inset:-24%}.gomoku-cosmic-bg:after{content:"";opacity:.62;background-image:linear-gradient(#17203309 1px,#0000 1px),linear-gradient(90deg,#17203309 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.gomoku-glass{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffffdb,#ffffff9e);border:1px solid #ffffffb8;border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 24px 80px #1f293714,inset 0 1px #ffffffe0}.gomoku-glass:before{content:"";border-radius:inherit;pointer-events:none;opacity:.72;background:linear-gradient(90deg,#5aa7ff1f,#0000 28% 72%,#a78bfa1a),linear-gradient(#ffffff9e,#0000 38%);position:absolute;inset:0}.gomoku-inner{z-index:1;position:relative}.gomoku-back-link{color:#64748b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffad;border:1px solid #17203314;border-radius:999px;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.88rem;font-weight:800;transition:transform .18s,color .18s,box-shadow .18s;display:inline-flex}.gomoku-back-link:hover{color:#6d28d9;transform:translateY(-2px);box-shadow:0 16px 34px #6d28d91a}.gomoku-chip{color:#386491;background:#5aa7ff14;border:1px solid #5aa7ff38;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .72rem;font-size:.76rem;font-weight:800;display:inline-flex}.gomoku-board-wrapper{border-radius:1.25rem;overflow:hidden}.gomoku-canvas{cursor:pointer;border-radius:1.25rem;transition:opacity .2s;display:block}.gomoku-canvas.gomoku-disabled{cursor:not-allowed;opacity:.75}.gomoku-diff-btn,.gomoku-color-btn{border:1px solid #1720330f}.gomoku-action-btn{color:#6d28d9;background:#ffffffb8;border:1px solid #6d28d924;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 12px 30px #6d28d914}.gomoku-action-btn:hover:not(:disabled){background:#fffffff0;transform:translateY(-2px);box-shadow:0 18px 38px #6d28d924}.gomoku-thinking-dot{background:#5aa7ff;border-radius:999px;width:.55rem;height:.55rem;animation:1.2s ease-in-out infinite gomokuPulse}@keyframes gomokuPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes gomokuNebula{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,1%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.gomoku-cosmic-bg:before{animation:none}.gomoku-back-link:hover,.gomoku-action-btn:hover:not(:disabled){transform:none}}