/* Neon arcade console for Tic-Tac-Toe; all motion is decorative. */
#tic-screen:before{background:radial-gradient(circle at 50% 15%,#24dfff22,transparent 46%),repeating-linear-gradient(0deg,#7cf8ff0b 0 1px,transparent 1px 7px);background-size:auto;animation:tic-scan 9s linear infinite}
#tic-screen .family-game-panel{overflow:hidden;background:radial-gradient(circle at 50% -15%,#286e85,#11263c 45%,#10172f 95%);border-color:#67e4eb;box-shadow:inset 0 0 0 2px #98fbff33,inset 0 2px 30px #41c9ed33,0 8px 0 #071223,0 26px 55px #0009}
#tic-screen .family-game-panel:after{content:'SYSTEM ONLINE  ·  GRID 03 × 03';display:block;margin:16px auto 0;color:#7de4ed;font:800 11px/1.2 monospace;letter-spacing:.16em;opacity:.75}
#tic-screen .family-status{border:1px solid #72ecf3;color:#bdfaff;box-shadow:inset 0 0 14px #1ae5f433,0 0 22px #33dcee33;letter-spacing:.03em}
#tic-screen .family-rule{color:#b6dbe7}
#tic-screen .tic-board{position:relative;border:2px solid #7df0f4;border-radius:22px;padding:clamp(8px,1.6vw,14px);gap:clamp(7px,1.3vw,12px);background:linear-gradient(150deg,#458dab55,#11223f 32%,#0b1530 75%,#37648755);box-shadow:inset 0 0 0 2px #88fcff55,inset 0 0 28px #16d5e644,0 8px 0 #061026,0 18px 30px #0009;isolation:isolate}
#tic-screen .tic-board:before{content:'';position:absolute;inset:3px;border-radius:18px;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 8px,#a4faff08 9px 10px);z-index:1}
#tic-screen .tic-cell{overflow:hidden;border:1px solid #6edee899;border-radius:clamp(12px,2vw,19px);background:radial-gradient(circle at 35% 20%,#396e8d,#18334d 60%,#12223d);box-shadow:inset 0 1px #c6fcff55,inset 0 -6px 10px #061325,0 3px 0 #09162d;transition:transform .14s,box-shadow .18s,background .18s}
#tic-screen .tic-cell:not(:disabled):hover{background:radial-gradient(circle at 45% 30%,#467f9e,#22425f);box-shadow:inset 0 0 0 2px #80ecf4aa,0 0 16px #35deed55}
#tic-screen .tic-cell:disabled{opacity:1}
#tic-screen .tic-mark{position:relative;z-index:2;transform:scale(.86);font-family:Arial,sans-serif;font-weight:900;filter:drop-shadow(0 3px 0 #061223);-webkit-text-stroke:2px #efffff88}
#tic-screen .tic-cell.is-x{color:#77f8ff;text-shadow:0 0 8px #38e6ff,0 0 25px #15cfea,3px 3px #0a739b}
#tic-screen .tic-cell.is-o{color:#ff8ac9;text-shadow:0 0 8px #ff6bb7,0 0 25px #eb40a4,3px 3px #972858}
#tic-screen .tic-cell.is-oldest{box-shadow:inset 0 0 0 2px #f9e791aa,inset 0 0 17px #f2c66b77,0 3px 0 #09162d}
#tic-screen .tic-cell.is-oldest:after{background:#ffe69d;color:#4c3d29;border-radius:5px;box-shadow:0 0 10px #ffe69699}
#tic-screen .tic-cell.just-played .tic-mark{animation:tic-materialize .3s steps(4,end) both}
#tic-screen .tic-cell.just-left{animation:tic-cell-flash .34s steps(3,end)}
#tic-screen .tic-cell.just-left:before{content:attr(data-evicted);position:absolute;inset:0;display:grid;place-items:center;color:#fff5c7;font:900 clamp(42px,9vw,110px)/1 Arial,sans-serif;text-shadow:-5px 0 #21f5ff,5px 0 #ff5ab6;z-index:3;pointer-events:none;animation:tic-decompile .42s steps(5,end) both}
.family-tiles .tic-tile .family-tile-art{background:linear-gradient(145deg,#173452,#071a34);border-color:#82f2f2;color:#7df7fc;text-shadow:0 0 12px #38e7f4,3px 3px #853d8a;box-shadow:inset 0 0 17px #1de4fa66,0 6px #08152c}
@keyframes tic-scan{to{background-position:0 80px}}
@keyframes tic-materialize{0%{opacity:0;transform:translate(6px,-5px) scale(1.17);filter:brightness(3)}55%{opacity:1;transform:translate(-3px,1px) scale(.78);filter:brightness(1.5)}100%{transform:scale(.86);filter:drop-shadow(0 3px 0 #061223)}}
@keyframes tic-cell-flash{0%,55%{background:#6ea4ab}100%{background:#18334d}}
@keyframes tic-decompile{0%{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0)}25%{clip-path:inset(8% 0 15% 0);transform:translateX(6px)}55%{clip-path:inset(42% 0 18% 0);transform:translateX(-6px)}100%{opacity:0;clip-path:inset(90% 0 0 0);transform:translateX(9px)}}
@media(prefers-reduced-motion:reduce){#tic-screen:before,#tic-screen .tic-cell.just-played .tic-mark,#tic-screen .tic-cell.just-left,#tic-screen .tic-cell.just-left:before{animation:none}#tic-screen .tic-cell.just-left:before{display:none}}