.chessboard-shell{width:100%;position:relative}.chessboard{aspect-ratio:1;border:1px solid hsl(var(--border) / .75);width:min(100%,480px);box-shadow:inset 0 1px 0 #ffffff59, inset 0 -1px 0 #5d371024, 0 12px 28px hsl(var(--foreground) / .1);background-color:#d8b07a;background-image:linear-gradient(#fff5e147 0%,#fff5e100 28%),repeating-linear-gradient(8deg,#794e1c14 0 2px,#794e1c00 2px 22px),linear-gradient(#e8c48c 0%,#d8b07a 48%,#c99a60 100%);border-radius:24px;position:relative;overflow:hidden}.chessboard:before{content:"";pointer-events:none;border:1px solid #5835142e;border-radius:16px;position:absolute;inset:6.25%;box-shadow:inset 0 0 0 1px #ffffff14}.no-regret-overlay{z-index:18;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0f172a24,#0f172a47);border-radius:24px;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.no-regret-text{text-align:center;letter-spacing:.08em;color:#fff8ecf5;text-shadow:0 8px 24px #00000059;max-width:82%;font-size:clamp(17px,5vw,27px);font-weight:700;line-height:1.5;animation:6s forwards no-regret-fade}.gobang-layout{flex-direction:column;gap:12px;width:min(100%,480px);display:flex}.gobang-stage{flex-direction:column;width:100%;display:inline-flex;position:relative}.gobang-actions{width:100%}.gobang-easter-egg-button{background:linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--accent)));color:hsl(var(--foreground));cursor:pointer;box-shadow:0 10px 22px hsl(var(--foreground) / .08);border:0;border-radius:9999px;padding:10px 20px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}.gobang-easter-egg-button:hover{box-shadow:0 14px 28px hsl(var(--foreground) / .12);transform:translateY(-1px)}.gobang-easter-egg-button:active{transform:translateY(0)}.gobang-rules{border:1px solid hsl(var(--border) / .7);background:hsl(var(--background) / .88);width:100%;box-shadow:0 10px 24px hsl(var(--foreground) / .05);border-radius:20px;padding:14px 16px}.gobang-rules-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.gobang-rules-title{color:hsl(var(--foreground));margin:0;font-size:13px;font-weight:700}.gobang-rules-toggle{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.gobang-rules-toggle:hover{color:hsl(var(--foreground))}.gobang-rules-list{gap:6px;display:grid}.gobang-rule-item{color:hsl(var(--muted-foreground));margin:0;font-size:13px;line-height:1.6}.gobang-modal-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a47;border-radius:24px;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.gobang-modal-card{width:min(100%,340px)}.board-surface{position:absolute;inset:6.25%}.board-svg{z-index:1;position:absolute;inset:0;overflow:visible}.board-svg-line{stroke:#4e2d0fc7;stroke-width:.24px;shape-rendering:geometricprecision}.board-svg-star{fill:#3c220ceb}.board-point{z-index:3;cursor:pointer;appearance:none;background:0 0;border:0;justify-content:center;align-items:center;width:clamp(20px,5.8%,28px);height:clamp(20px,5.8%,28px);padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.board-point-hit{background:0 0;border-radius:9999px;width:clamp(12px,3.8%,18px);height:clamp(12px,3.8%,18px);transition:background-color .18s,box-shadow .18s,transform .18s}.board-point:hover .board-point-hit{background:#ffffff2e;transform:scale(1.05);box-shadow:0 0 0 1px #4e2d0f26}.board-point:focus-visible{outline:none}.board-point:focus-visible .board-point-hit{box-shadow:0 0 0 2px hsl(var(--ring));background:#ffffff38}.chess-piece{z-index:4;aspect-ratio:1;box-sizing:border-box;opacity:0;border-radius:9999px;width:clamp(20px,4.6%,24px);min-width:20px;height:clamp(20px,4.6%,24px);min-height:20px;animation:.18s ease-out forwards place-piece;display:block;position:absolute;transform:scale(.72)}.chess-piece.black{background:radial-gradient(circle at 30% 30%,#5b5b5b 0%,#171717 58%,#090909 100%);box-shadow:inset 0 1px 2px #ffffff29,0 6px 14px #0f172a59}.chess-piece.white{background:radial-gradient(circle at 30% 30%,#fff 0%,#f5f5f4 52%,#d6d3d1 100%);box-shadow:inset 0 1px 1px #fffc,inset 0 -1px 2px #78716c47,0 6px 14px #0f172a2e}.chess-piece.last-move-dot:after{content:"";background:#ef4444f2;border-radius:9999px;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chess-piece.winning-piece{box-shadow:0 0 0 2px #fbbf24bf,0 8px 20px #fbbf244d}@keyframes place-piece{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes no-regret-fade{0%{opacity:0;transform:translateY(10px)scale(.94)}12%{opacity:1;transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(1.03)}}