*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#ffffffe6;background:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f)}#root{min-height:100vh}::selection{background-color:#e040fb;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 4rem;overflow-x:hidden;overflow-y:auto}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(1px 1px at 300px 90px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 350px 140px,white,transparent),radial-gradient(1px 1px at 400px 60px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 450px 200px,white,transparent);background-size:500px 500px;animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}.blackhole{position:fixed;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,transparent 0%,transparent 20%,rgba(138,43,226,.03) 40%,rgba(75,0,130,.05) 60%,rgba(30,0,50,.1) 80%,transparent 100%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.title{font-size:3rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(135deg,#00f5ff,#e040fb,#ff1744);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(224,64,251,.5);margin-bottom:2rem;text-align:center;position:relative;z-index:10}.title span{display:block;font-size:.9rem;letter-spacing:.5em;margin-top:.5rem;background:linear-gradient(90deg,#666,#999,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:10}.main-ranking{background:#000000b3;border:1px solid #333;border-radius:16px;padding:1.5rem 2rem;min-width:320px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-ranking h2{text-align:center;font-size:1.3rem;margin-bottom:1rem;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-list .no-scores{text-align:center;color:#666;padding:1rem}.ranking-item{display:flex;align-items:center;padding:.6rem .8rem;background:#ffffff08;border-radius:8px;transition:background .2s}.ranking-item:hover{background:#ffffff14}.ranking-item.top{background:#ffd7001a}.ranking-pos{width:36px;font-size:1.1rem;font-weight:600;color:#888}.ranking-item.top .ranking-pos{font-size:1.3rem}.ranking-name{flex:1;color:#fff;font-weight:500}.ranking-score{color:#00f5ff;font-weight:600;font-family:SF Mono,monospace}.start-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.start-form input{width:280px;padding:1rem 1.5rem;font-size:1.1rem;border:2px solid #333;border-radius:12px;background:#0009;color:#fff;text-align:center;outline:none;transition:all .3s ease}.start-form input::placeholder{color:#666}.start-form input:focus{border-color:#e040fb;box-shadow:0 0 20px #e040fb4d}.start-form button{padding:1rem 3rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,#e040fb,#7c4dff);color:#fff;cursor:pointer;transition:all .3s ease}.start-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #e040fb66}.start-form button:disabled{opacity:.5;cursor:not-allowed}.safari-block{position:relative;z-index:10;text-align:center;padding:3rem;background:#000c;border:2px solid #ff1744;border-radius:20px;max-width:400px}.safari-block h1{font-size:2rem;margin-bottom:1.5rem;color:#ff1744}.safari-block p{font-size:1.1rem;color:#ccc;margin-bottom:1rem}.safari-block a{display:inline-block;margin-top:1.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:transform .2s,box-shadow .2s}.safari-block a:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4285f466}.game-container{display:flex;gap:2rem;align-items:flex-start;position:relative;z-index:10}.game-info{display:flex;flex-direction:column;gap:1rem;min-width:150px}.info-box{background:#0009;border:1px solid #333;border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-box label{display:block;font-size:.7rem;letter-spacing:.2em;color:#888;margin-bottom:.5rem}.info-box span{display:block;font-size:1.5rem;font-weight:600;color:#fff}.info-box.next{padding:1rem}.next-piece{display:flex;flex-direction:column;align-items:center;min-height:60px;justify-content:center}.info-box.ranking{flex:1}.scores{max-height:250px;overflow-y:auto}.no-scores{color:#666;font-size:.85rem;text-align:center;padding:1rem 0}.score-row{display:flex;align-items:center;padding:.4rem 0;font-size:.85rem;border-bottom:1px solid #222}.score-row:last-child{border-bottom:none}.rank{width:24px;color:#e040fb;font-weight:600}.name{flex:1;color:#ccc}.pts{color:#00f5ff;font-weight:500}.board-wrapper{position:relative}.overlay{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;font-size:2rem;font-weight:700;letter-spacing:.3em;color:#fff;border-radius:8px}.overlay.gameover span{background:linear-gradient(135deg,#ff1744,#ff9100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay button{margin-top:1.5rem;padding:.8rem 2rem;font-size:1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#e040fb,#7c4dff);color:#fff;cursor:pointer;letter-spacing:.1em}.board{display:flex;flex-direction:column;background:#000000b3;border:2px solid #333;border-radius:8px;padding:4px;box-shadow:0 0 30px #e040fb33,inset 0 0 30px #00000080}.row{display:flex}.cell{width:28px;height:28px;border:1px solid #1a1a1a;background:#14141e80;border-radius:3px}.cell.filled{border-color:#fff3}.cell.small{width:20px;height:20px}.face{font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.controls{margin-top:2rem;position:relative;z-index:10}.controls p{font-size:.8rem;color:#666;letter-spacing:.05em}@media(max-width:768px){.app{padding:1rem}.title{font-size:1.8rem;letter-spacing:.15em}.title span{font-size:.7rem}.game-container{flex-direction:column;align-items:center;gap:1rem}.game-info{flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:auto;width:100%}.game-info.left .info-box{min-width:70px;padding:.75rem}.game-info.left .info-box span{font-size:1.1rem}.game-info.right{order:1;width:100%}.info-box.ranking{width:100%}.board-wrapper{order:0}.cell{width:22px;height:22px}.face{font-size:11px}.controls p{font-size:.65rem}}