*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#070707;color:#fff}body{overflow-x:hidden}.splash{position:fixed;inset:0;background:#050505;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s}.splash.hide{opacity:0;pointer-events:none}.sk-logo{font-size:58px;font-weight:900;letter-spacing:-5px}.splash-title{font-weight:800;letter-spacing:4px;margin-top:8px}.loader{width:48px;height:48px;border:4px solid #252525;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-top:30px}.loading-text{color:#aaa;font-size:13px;margin-top:12px}@keyframes spin{to{transform:rotate(360deg)}}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #202020;background:#090909;position:sticky;top:0;z-index:20}.brand{font-weight:800;letter-spacing:1px}.brand span{font-size:23px;margin-right:7px}.menu-btn{width:44px;height:44px;border:0;background:#151515;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-btn i{width:20px;height:2px;background:#fff;border-radius:2px}.drawer{position:fixed;top:0;right:-310px;width:300px;height:100%;background:#101010;z-index:50;padding:22px;box-shadow:-10px 0 30px #000;transition:right .3s}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.drawer-head button{background:none;color:#fff;border:0;font-size:30px}.drawer a{display:block;color:#fff;text-decoration:none;background:#1a1a1a;border:1px solid #292929;padding:15px;margin:10px 0;border-radius:10px}.ad-card{margin-top:18px;padding:16px;border-radius:12px;background:#181818;border:1px dashed #444;color:#ddd;text-align:center}.ad-card small{color:#888}main{max-width:680px;margin:auto;padding:20px 16px 35px}.hero{text-align:center;padding:15px 0 20px}.badge{display:inline-flex;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:#000;font-weight:900;font-size:22px}.hero h1{font-size:29px;margin:13px 0 5px;letter-spacing:2px}.hero p{margin:0;color:#999}.claim{display:inline-block;margin-top:14px;padding:7px 12px;border-radius:20px;background:#171717;border:1px solid #2b2b2b;color:#ddd;font-size:11px;letter-spacing:1px}.results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-card{background:#111;border:1px solid #292929;border-radius:15px;padding:17px;text-align:center;min-height:125px}.result-label{font-size:10px;color:#888;line-height:1.4;font-weight:700;letter-spacing:.7px}.result-value{font-size:36px;font-weight:900;margin-top:14px}.color-value{font-size:23px}.color-dot{width:14px;height:14px;border-radius:50%;display:inline-block;margin-left:5px;vertical-align:middle;background:#555}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mode-card{border:1px solid #2b2b2b;background:#111;color:#fff;border-radius:14px;padding:15px;text-align:left;display:flex;align-items:center;gap:12px}.mode-icon{width:38px;height:38px;border-radius:10px;background:#1d1d1d;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}.mode-card b{display:block;font-size:14px}.mode-card small{display:block;color:#777;margin-top:4px;font-size:10px}.panel{margin-top:14px;padding:18px;background:#101010;border:1px solid #282828;border-radius:17px;text-align:center}.panel.hidden{display:none}.panel h2{margin:0 0 15px;font-size:18px}.wheel-wrap{width:min(78vw,330px);height:min(78vw,330px);margin:0 auto;position:relative}.wheel{width:100%;height:100%;border-radius:50%;border:10px solid #171717;box-shadow:0 0 0 3px #3a3a3a,0 10px 30px #000;position:relative;overflow:hidden;background:conic-gradient(#161616 0 10%,#2b2b2b 10% 20%,#101010 20% 30%,#353535 30% 40%,#151515 40% 50%,#303030 50% 60%,#111 60% 70%,#292929 70% 80%,#151515 80% 90%,#333 90% 100%);transition:transform 3.2s cubic-bezier(.12,.72,.16,1)}.wheel:after{content:"";position:absolute;inset:20%;border-radius:50%;border:2px solid #555;box-shadow:inset 0 0 20px #000}.pointer{position:absolute;z-index:3;top:-3px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:0;border-bottom:25px solid #fff;filter:drop-shadow(0 2px 3px #000)}.spin-btn{margin-top:18px;width:180px;padding:14px;border:0;border-radius:12px;background:#eee;color:#080808;font-weight:900;letter-spacing:1px}.spin-btn:disabled{opacity:.4}.cooldown{color:#888;font-size:11px;margin-top:9px}.spin-result{min-height:30px;margin-top:9px;font-size:16px;font-weight:800}.tic-menu{width:100%;margin-top:14px;padding:16px;border-radius:14px;border:1px solid #292929;background:#111;color:#fff;font-weight:800;text-align:left}.tic-modes{display:grid;gap:10px}.tic-modes button,.setup button,.restart{padding:14px;border-radius:11px;border:1px solid #303030;background:#1a1a1a;color:#fff}.setup{display:grid;gap:10px}.setup h3{font-size:14px;color:#aaa}.players{display:flex;justify-content:space-between;font-size:11px;color:#aaa;margin-bottom:10px}.p1 b,.p2 b{display:block;color:#fff;margin-top:3px}.turn{font-size:13px;margin-bottom:12px}.board{width:min(80vw,300px);height:min(80vw,300px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cell{background:#181818;border:1px solid #303030;border-radius:10px;font-size:48px;font-weight:900;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.cell.x{color:#ff5555}.cell.o{color:#5599ff}.restart{margin-top:14px;width:150px}footer{text-align:center;color:#555;font-size:10px;padding:15px 0 30px}@media(max-width:430px){main{padding-left:12px;padding-right:12px}.results,.modes{gap:7px}.result-card{padding:13px}.result-value{font-size:32px}.color-value{font-size:19px}.mode-card{padding:12px 10px}.mode-card b{font-size:12px}}