::selection{background-color:#ffc107;color:#000}::-moz-selection{background:#ffc107;color:#000}footer ::selection,button ::selection,.logo ::selection{background-color:#e0e0e0;color:#000}header ::-moz-selection,footer ::-moz-selection,button ::-moz-selection{background:#e0e0e0;color:#000}:root{--bg-color: #000000;--card-bg: rgba(28, 28, 30, .85);--glass-border: rgba(255, 255, 255, .15);--primary: #007AFF;--accent: #32D74B;--gold: #FFD60A;--danger: #FF453A;--text-main: #FFFFFF;--text-sec: #98989F;--safe-bottom: env(safe-area-inset-bottom, 20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;width:100%;background-color:var(--bg-color)}body{color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100dvh;padding:20px}@media(min-width:700px){.app-container{max-width:480px;margin:0 auto;padding-top:40px}}.background-blob{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 20%,rgba(0,122,255,.12),transparent 50%);z-index:-1;pointer-events:none}h1{font-size:2rem;font-weight:700;margin:20px 0 10px;text-align:center;letter-spacing:-.5px}h2{font-size:1.5rem;margin:0;font-weight:600}p{color:var(--text-sec);margin:0 0 20px;font-size:1rem;text-align:center}header{flex-shrink:0;width:100%;display:flex;justify-content:center;margin-bottom:20px}.main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:8vh;padding-bottom:80px}.logo{font-size:1.8rem;font-weight:800;letter-spacing:-.5px;text-transform:uppercase;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:1}.card.glass{width:100%;background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:stretch}.input-group{margin-bottom:15px;width:100%}input{width:100%;height:50px;background:#ffffff1a;border:none;padding:0 20px;border-radius:12px;color:#fff;font-size:1.1rem;outline:none;text-align:center;transition:background .2s}input:focus{background:#ffffff26}.button-row{display:flex;gap:10px;width:100%;margin-top:10px}button{width:100%;height:50px;border-radius:12px;border:0!important;outline:none!important;font-weight:600;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}button:active{opacity:.6}button:disabled{opacity:.4}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:#ffffff1a;color:#fff}.btn.accent{background:var(--accent);color:#fff}.btn.text-only{background:transparent;color:var(--text-sec);height:auto;padding:15px}.btn-xs{height:32px;padding:0 14px;font-size:.85rem;border-radius:8px}.player-list{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;justify-content:center}.player-tag{background:#ffffff14;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;color:var(--text-sec)}.player-tag.ready{background:#34c75926;color:var(--accent)}.room-code-display{width:100%;background:#007aff1a;border:2px dashed var(--primary);border-radius:16px;padding:15px;text-align:center;font-family:monospace;font-size:2rem;font-weight:700;letter-spacing:3px;margin-bottom:20px;color:var(--primary)}.glass-footer{position:fixed;bottom:25px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:#191919cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 20px;border-radius:50px;border:1px solid rgba(255,255,255,.05);font-size:.85rem;color:var(--text-sec);text-align:center;z-index:100;box-shadow:0 10px 30px #0006}.glass-footer a{color:#fff;text-decoration:none;font-weight:600}.winner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease-out}.winner-card{display:flex;flex-direction:column;align-items:center;padding:40px 30px;border-radius:32px;background:#14141499;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 80px #0009;width:90%;max-width:340px;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}.winner-icon{font-size:5rem;margin-bottom:15px;animation:bounce 2s infinite}.winner-title{font-size:2.2rem;font-weight:900;margin:0 0 5px;letter-spacing:1px;text-transform:uppercase;text-align:center;line-height:1}.winner-subtitle{color:#8e8e93;margin:0 0 30px;font-size:1.1rem}.winner-actions{display:flex;flex-direction:column;gap:12px;width:100%}.btn-main{border:none;padding:16px;border-radius:16px;font-weight:800;font-size:1.1rem;transition:transform .2s;width:100%;cursor:pointer}.btn-main:active{transform:scale(.96)}.btn-main:disabled{cursor:not-allowed;opacity:.7}.btn-secondary-action{background:#ffffff1a;color:#fff;border:none;padding:14px;border-radius:16px;font-weight:600;font-size:1rem;cursor:pointer;width:100%;transition:background .2s}.btn-secondary-action:hover{background:#ffffff26}.btn-text{background:transparent;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;margin-top:5px}.btn-text:hover{color:#fff;text-decoration:underline}.winner-minimized{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 24px;border-radius:40px;z-index:3000;display:flex;gap:12px;align-items:center;cursor:pointer;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px) scale(.9)}to{transform:translateY(0) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);width:96%;margin:15px auto;gap:8px;aspect-ratio:1}.cell-setup,.cell-play{width:100%;height:100%;background:#ffffff0f;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--text-main);transition:background .2s,transform .1s}.cell-setup:active,.cell-play:active{transform:scale(.95)}.cell-setup.filled{background:var(--primary);color:#fff;box-shadow:0 2px 8px #007aff4d}.cell-play.marked{background:var(--accent);color:#fff;box-shadow:0 2px 8px #34c7594d}.grid-disabled{opacity:.5;filter:grayscale(1);pointer-events:none}.award-track{display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px;width:100%}.award-letter{font-size:2.8rem;font-weight:800;color:#ffffff14}.award-letter.unlocked{color:var(--gold);text-shadow:0 0 20px rgba(255,214,10,.6);transform:scale(1.1) translateY(-2px)}.turn-indicator{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:50px;text-align:center;margin:15px auto;font-weight:700;font-size:1rem;width:fit-content;min-width:200px;color:#8e8e93;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:10px}.turn-indicator.active{background:#ffd60a26;border-color:#ffd60a;color:#ffd60a;transform:scale(1.05);box-shadow:0 0 20px #ffd60a33}.game-footer{margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;width:100%}.btn-game-exit{background:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.3);padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-game-exit:hover{background:#ff453a40;transform:translateY(-2px)}.strike-line{position:absolute;background-color:#fff;border-radius:10px;opacity:.9;box-shadow:0 0 10px #fffc;pointer-events:none;z-index:5;animation:slash .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slash{0%{opacity:0;transform:scaleX(0)}to{opacity:.9;transform:scaleX(1)}}.strike-row{height:6px;width:96%;left:2%;transform-origin:left}.strike-col{width:6px;height:96%;top:2%;transform-origin:top}.strike-diag-1{height:6px;width:90%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;animation:slashDiag .3s ease forwards}.strike-diag-2{height:6px;width:90%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;animation:slashDiag .3s ease forwards}@keyframes slashDiag{0%{opacity:0;width:0}to{opacity:.9;width:130%}}.blox-board{position:relative;margin:20px auto;border-radius:24px;background:#ffffff08;box-shadow:0 20px 50px #00000080;transition:transform .3s ease}.blox-dot{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff6;z-index:20;pointer-events:none}.blox-line{position:absolute;background-color:#ffffff1a;border-radius:99px;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:10}.blox-line.clickable{cursor:pointer}.blox-line.clickable:hover{background-color:#ffffff80!important;transform:scale(1.15);box-shadow:0 0 8px #ffffff4d}.blox-line.taken{z-index:15;box-shadow:0 0 12px currentColor}.blox-box-fill{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:1.1rem;z-index:5;animation:boxPop .4s cubic-bezier(.175,.885,.32,1.275) forwards;transform:scale(0)}@keyframes boxPop{to{transform:scale(1)}}.player-badge{background:#ffffff08;padding:12px 16px;border-radius:16px;text-align:center;border:1px solid transparent;opacity:.5;transition:all .3s ease;min-width:100px;display:flex;flex-direction:column;gap:4px}.player-badge.active{opacity:1;background:#ffffff14;transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px #0000004d}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;padding:10px;width:100%;aspect-ratio:1 / 1;margin:0 auto}.ttt-cell{display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:800;line-height:1;font-family:Comic Sans MS,Chalkboard SE,sans-serif;background:transparent;cursor:pointer;border:2px solid rgba(255,255,255,.2);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.ttt-cell:nth-child(1),.ttt-cell:nth-child(2),.ttt-cell:nth-child(3){border-top:none}.ttt-cell:nth-child(7),.ttt-cell:nth-child(8),.ttt-cell:nth-child(9){border-bottom:none}.ttt-cell:nth-child(3n+1){border-left:none}.ttt-cell:nth-child(3n){border-right:none}.ttt-cell:not(.taken):hover{background:#ffffff08}.ttt-strike-line{position:absolute;background-color:#ffd60a;box-shadow:0 0 10px #ffd60a;border-radius:10px;transition:all .2s ease-out;z-index:20;opacity:0;transform-origin:center}.strike-wrapper{position:absolute;height:8px;pointer-events:none;z-index:20;transform-origin:center left;display:flex}.strike-line-inner{height:100%;background-color:#ffd60a;border-radius:4px;box-shadow:0 0 10px #ffd60a;width:0;animation:growLine .4s cubic-bezier(.25,1,.5,1) forwards}@keyframes growLine{0%{width:0}to{width:100%}}