:root{--board-bg: #E7C282;--line-color: #2D3436;--black-stone: #1e1e1e;--white-stone: #fcfcfc;--accent: #4D96FF;--radius: 24px;--shadow: 0 10px 40px rgba(0, 0, 0, .1);--bg: #F0F4F8;--white: #FFFFFF;--text: #2D3436}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;max-width:600px;height:100vh;padding:min(10px,2vw);display:flex;flex-direction:column;justify-content:center}.card{background:var(--white);border-radius:var(--radius);padding:min(1.5rem,3vh);box-shadow:var(--shadow);text-align:center;max-height:98vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}.title{font-size:min(1.5rem,4vh);margin:0;font-weight:800;color:#555}.icon-btn{background:#f1f2f6;border:none;border-radius:12px;padding:10px;cursor:pointer;color:#555;transition:all .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.icon-btn:active{transform:scale(.95)}.game-status.has-error{margin-bottom:1.5rem}.forbidden-badge{width:100%;padding:12px;background:#ff6b6b;color:#fff;border-radius:12px;font-weight:800;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.game-status{display:flex;gap:15px;width:100%;margin-bottom:1.5rem}.status-item{flex:1;padding:10px;border-radius:12px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;color:#666;transition:all .3s ease;border:2px solid transparent;opacity:.6}.status-item.active{opacity:1;transform:scale(1.05);box-shadow:0 4px 12px #0000000d}.status-item.black.active{background:#e9ecef;border-color:#000;color:#000}.status-item.white.active{background:#fff;border-color:#ddd;color:#000}.status-item.winner{background:#27ae60!important;color:#fff!important;border-color:#27ae60!important;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1.05)}to{transform:scale(1.1)}}.stone-preview{width:20px;height:20px;border-radius:50%;box-shadow:0 2px 4px #0003}.stone-preview.black{background:var(--black-stone)}.stone-preview.white{background:var(--white-stone);border:1px solid #ddd}.board-container{background:var(--board-bg);padding:min(15px,3vw);border-radius:12px;box-shadow:inset 0 0 50px #0000001a,0 5px 15px #0003;margin-bottom:1rem;width:100%;max-width:fit-content;display:flex;justify-content:center}.gomoku-board{width:calc(min(95vw,60vh) - 80px);max-width:500px;aspect-ratio:1/1;position:relative;display:flex;flex-direction:column}.grid-lines-container{position:absolute;top:3.333%;left:3.333%;width:93.334%;height:93.334%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(14,1fr);pointer-events:none}.grid-cell{border:1px solid var(--line-color);margin-right:-1px;margin-bottom:-1px}.intersections-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:5}.board-row{flex:1;display:flex}.intersection{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.stone{width:90%;height:90%;border-radius:50%;box-shadow:2px 4px 8px #0000004d;position:relative;animation:drop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes drop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.stone.black{background:var(--black-stone)}.stone.white{background:var(--white-stone);background:radial-gradient(circle at 30% 30%,#fff,#eee 40%,#ccc)}.stone.highlight{animation:bounce .6s infinite alternate;box-shadow:0 0 15px var(--accent);border:2px solid var(--accent)}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.last-move-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#ff6b6b;border-radius:50%;box-shadow:0 0 5px #ff6b6b}.win-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.congrats{font-size:2.5rem;font-weight:800;color:var(--text);margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.1)}.restart-btn{background:#27ae60;color:#fff;border:none;padding:16px 48px;border-radius:100px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #27ae604d;transition:all .2s}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #27ae6066}.ad-container{width:100%;min-height:80px;background:#f1f2f6;border-radius:12px;margin-top:.5rem;display:flex;justify-content:center;align-items:center;border:1px dashed #ced4da;padding:5px}