header{padding:18px 16px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Helvetica,Arial,sans-serif;color:#282c34}.title{font-size:2.05rem;font-weight:700;margin:0}.logo{width:56px;height:auto;display:inline-block;margin-right:6px;will-change:transform,filter}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){.logo{animation:logo-spin infinite 20s linear}}.game-state,.current-turn,.turn-count{margin-bottom:15px}.stone-symbol{display:inline-block;width:20px}.board{margin:auto;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background-color:#14bdac;border-radius:5%;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;max-width:min(360px,70vw);aspect-ratio:1/1}.board.forbidden{filter:grayscale(.5) blur(.5px);cursor:not-allowed}.square{color:#eee;font-size:5em;display:inline-flex;position:relative;justify-content:center;align-items:center;transition:all .25s;border:4px solid #555555;border-radius:0;cursor:pointer}.square.left{border-left:none}.square.right{border-right:none}.square.top{border-top:none}.square.bottom{border-bottom:none}.square .shadow{position:absolute;width:90%;height:90%;border-radius:100%;background-color:transparent;transition:background-color linear .2s}.square:hover .shadow{background-color:#0000001a;transition:background-color linear .2s}.square.forbidden{cursor:not-allowed}.square.forbidden:hover .shadow{background-color:transparent}.control-panel{margin:20px}.copyright{color:#ddd}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center;font-family:Helvetica,sans-serif;color:#282c34}