html{scroll-behavior:smooth;background:#05060a}body{color:#f4f5f7;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#05060a;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}::selection{color:#fff;background:#9664ff59}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#05060a}::-webkit-scrollbar-thumb{background:#272a38;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#464a5d}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-error-page{color:#fff;background:radial-gradient(circle at 50% 35%,#172033 0%,#0d1320 35%,#070b12 70%,#030509 100%);width:100%;height:100%;position:fixed;inset:0;overflow:hidden auto}.app-error-bg{pointer-events:none;position:fixed;inset:0;overflow:hidden}.error-grid{opacity:.35;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.error-orb{filter:blur(110px);opacity:.15;border-radius:50%;width:420px;height:420px;position:absolute}.error-orb-one{background:#6366f1;top:-220px;left:-180px}.error-orb-two{background:#7c3aed;bottom:-220px;right:-180px}.error-layout{z-index:2;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:55px;width:min(1120px,100%);min-height:100vh;margin:auto;padding:60px 24px 80px;display:grid;position:relative}.app-error-card{text-align:center;-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff17;border-radius:30px;width:100%;padding:48px 42px;animation:.65s cubic-bezier(.22,1,.36,1) both errorCardIn;box-shadow:0 35px 100px #00000073,inset 0 1px #ffffff0f}.app-error-icon{background:linear-gradient(135deg,#ff7070,#ef4444);border-radius:23px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 20px;animation:3s ease-in-out infinite errorIconFloat;display:flex;box-shadow:0 15px 45px #ef444440}.app-error-icon span{font-size:35px;font-weight:900}.app-error-code{letter-spacing:-7px;background:linear-gradient(135deg,#fff,#9da8bd);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(72px,12vw,115px);font-weight:900;line-height:.85}.app-error-card h1{letter-spacing:-1.2px;margin:0;font-size:clamp(27px,4vw,38px);line-height:1.1}.app-error-card p{color:#9da6b8;max-width:450px;margin:16px auto 30px;font-size:15px;line-height:1.7}.app-error-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.error-primary-button,.error-secondary-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 21px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.error-primary-button:hover,.error-secondary-button:hover{transform:translateY(-2px)}.error-primary-button{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border:0;box-shadow:0 12px 28px #6366f140}.error-secondary-button{color:#dce1eb;background:#ffffff0d;border:1px solid #ffffff1a}.app-error-status{color:#667085;justify-content:center;align-items:center;gap:8px;margin-top:27px;font-size:12px;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s infinite statusPulse;box-shadow:0 0 12px #4ade80}.error-game{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#fff1,#ffffff05);border:1px solid #ffffff17;border-radius:26px;width:100%;padding:25px;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both errorCardIn;box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff0d}.game-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.game-label{color:#69758a;letter-spacing:1.5px;font-size:9px;font-weight:800}.game-header h2{letter-spacing:-.5px;margin:4px 0 0;font-size:21px}.game-turn{color:#aeb5ff;white-space:nowrap;background:#6366f11a;border:1px solid #6366f133;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:700}.game-score{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:17px;display:grid}.score-box{text-align:center;background:#ffffff06;border:1px solid #ffffff0f;border-radius:11px;padding:9px 5px;transition:all .2s}.score-box span{color:#687286;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.score-box strong{font-size:17px}.score-box.active-score{background:#6366f114;border-color:#6366f147}.score-box.winner-score{background:#4ade8014;border-color:#4ade8059}.tic-board{aspect-ratio:1;background:#0000002e;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,330px);margin:0 auto;padding:7px;display:grid}.tic-cell{color:#fff;cursor:pointer;background:#ffffff0b;border:0;border-radius:12px;font-family:inherit;font-size:clamp(28px,6vw,42px);font-weight:800;transition:background .18s,transform .18s,box-shadow .18s;position:relative}.tic-cell:hover:not(.x):not(.o){background:#6366f11f;transform:scale(.97)}.tic-cell.x{color:#8b8fff;text-shadow:0 0 20px #6366f159}.tic-cell.o{color:#ff7b7b;text-shadow:0 0 20px #ef44444d}.tic-cell.winning-cell{background:#4ade801f;animation:.5s both winnerCell;box-shadow:inset 0 0 0 1px #4ade8059}.game-result{text-align:center;color:#7d889b;min-height:19px;margin:13px 0 11px;font-size:11px;font-weight:600}.game-reset{color:#cfd5e2;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:11px;width:100%;height:42px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.game-reset:hover{color:#fff;background:#ffffff17;transform:translateY(-1px)}.app-error-brand{color:#4d576b;z-index:5;font-size:10px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@keyframes errorCardIn{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes errorIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes winnerCell{0%{transform:scale(.92)}70%{transform:scale(1.04)}to{transform:scale(1)}}@media (width<=850px){.error-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:25px}.app-error-card{padding:35px 25px}.error-game{padding:20px}}@media (width<=700px){.app-error-page{min-height:100%;position:absolute;overflow-y:auto}.error-layout{grid-template-columns:1fr;gap:22px;min-height:auto;padding:35px 18px 70px}.app-error-card{border-radius:24px;padding:35px 22px}.app-error-icon{border-radius:20px;width:64px;height:64px}.app-error-code{letter-spacing:-5px;font-size:78px}.app-error-card h1{font-size:27px}.app-error-card p{font-size:14px}.app-error-actions{flex-direction:column}.error-primary-button,.error-secondary-button{width:100%}.error-game{border-radius:22px}.tic-board{width:min(100%,340px)}.app-error-brand{bottom:10px}}@media (width<=390px){.error-layout{padding-left:12px;padding-right:12px}.app-error-card{padding:30px 17px}.error-game{padding:17px}.game-header h2{font-size:19px}.tic-board{gap:5px;padding:5px}.tic-cell{border-radius:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
