.ninja-host,.ninja-player{background:radial-gradient(ellipse at 90% 0,#073c58,transparent 55%),#0d1428;color:#fff}.ninja-player{min-height:100dvh}.ninja-player-header{height:78px;padding:16px 22px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #ffffff18;gap:5px}.ninja-player-header>span{display:flex;align-items:center;gap:9px;color:#6de8ff;font-size:14px;letter-spacing:1px}.ninja-player-header small{color:#90a5be;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ninja-player main{max-width:760px;margin:auto}.ninja-welcome{padding:32px 24px 45px;text-align:center}.ninja-welcome h1{font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-1px;margin:20px 0}.ninja-welcome h1 small{font-size:20px}.ninja-welcome>p{color:#aabbd0;line-height:1.65;margin:18px 0}.ninja-welcome .participant-entry{text-align:left;margin-top:28px}.ninja-emblem{display:grid;place-items:center;width:110px;height:110px;background:linear-gradient(135deg,#00afd9,#3361db);border-radius:30px;margin:10px auto 30px;transform:rotate(-8deg);box-shadow:0 16px 60px #00b5e930}.ninja-emblem svg{transform:rotate(8deg)}.ninja-welcome .eyebrow{color:#55d9f8;font-size:10px}.ninja-player .btn.ninja-start{background:#00b5e9;color:#052438;width:100%;height:58px;margin-top:18px;font-weight:750}.ninja-rules{display:grid;gap:10px;margin:28px 0}.ninja-rules>span{padding:14px 18px;border:1px solid #ffffff12;border-radius:12px;text-align:left;display:flex;gap:8px;background:#ffffff06}.ninja-rules b{margin-left:auto;color:#6de8ff}.ninja-rules>span:last-child b{color:#ff8195}.ninja-player .ninja-attempts{font-size:12px}.ninja-best{padding:18px;background:#00b5e914;border:1px solid #00b5e947;border-radius:16px;display:flex;flex-direction:column;gap:6px;color:#aabbd0}.ninja-best b{font-size:32px;color:#6de8ff}.ninja-loading{border:1px solid #4c748c;border-radius:12px;background:#ffffff09;padding:15px;margin:16px 0}.ninja-loading p{margin:0 0 8px}.ninja-loading small{color:#aabbd0}.ninja-welcome .leaderboard{text-align:left;margin-top:28px}.ninja-pill{background:#00b5e9;color:#07283a}.ninja-host-intro{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;padding:35px 0 50px}.ninja-host-intro h1{font-size:80px;line-height:.96;letter-spacing:-3px;font-weight:900;margin:25px 0}.ninja-host-intro h1 em{font-style:normal;color:#00b5e9}.ninja-host-intro p{font-size:20px;color:#aabbd0;line-height:1.5}.ninja-facts{display:flex;gap:25px;margin-top:30px;color:#aabbd0;font-size:12px}.ninja-facts span{display:flex;flex-direction:column}.ninja-facts b{font-size:32px;color:#fff}.ninja-qr img{border-radius:12px}.ninja-qr p{font-size:12px;color:#6e7289}.ninja-host-actions{display:flex;gap:16px;justify-content:center;margin:28px 0}.ninja-return{display:inline-block;margin:28px;color:#6de8ff}.ninja-play{height:calc(100dvh - 78px);min-height:380px;display:flex;flex-direction:column;overflow:hidden}.ninja-hud{display:flex;justify-content:space-between;gap:18px;padding:18px 22px 12px;flex-shrink:0}.ninja-hud>div{display:flex;flex-direction:column}.ninja-hud small{color:#90a5be;text-transform:uppercase;font-size:10px;letter-spacing:1px;margin-bottom:4px}.ninja-hud strong{font-size:28px;color:#6de8ff;font-variant-numeric:tabular-nums;line-height:1}.ninja-hud strong span{font-size:12px;color:#aabbd0}.ninja-hud .ninja-time-low strong{color:#ff8195}.ninja-field{flex:1;min-height:0;position:relative;background:radial-gradient(ellipse at 50% 80%,#00b5e914,transparent 70%);overflow:hidden}.ninja-field canvas{position:absolute;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;display:block}.ninja-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#0d142850;pointer-events:none}.ninja-overlay b{font-size:78px;font-weight:850;color:#6de8ff}.ninja-overlay span{font-size:20px;font-weight:600}.ninja-overlay small{color:#aabbd0}.ninja-combo{position:absolute;top:15%;left:0;right:0;text-align:center;color:#6de8ff;font-size:24px;font-weight:900;letter-spacing:1px;pointer-events:none}.ninja-field-note{padding:12px 14px max(12px,env(safe-area-inset-bottom));color:#7990aa;font-size:10px;text-align:center;flex-shrink:0}.ninja-network{color:#ffd080;background:#644c281f;font-size:11px;padding:6px 15px;text-align:center}.ninja-editor h1 svg{vertical-align:middle;color:#00a2d0}.ninja-editor-settings{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin:25px 0}.ninja-editor-settings label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.ninja-editor-settings select{border:1px solid #d9ddea;background:white;border-radius:8px;padding:8px;height:36px}.ninja-editor-rules{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:16px;background:#eaf8fd;margin:28px 0}.ninja-editor-rules>svg{flex-shrink:0;color:#0085ae}.ninja-editor-rules p{font-size:13px;color:#567087;line-height:1.6;margin:8px 0 0}.ninja-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:15px;margin:22px 0}.ninja-photo-grid article{position:relative;background:white;padding:12px;border:1px solid #e0e3ed;border-radius:14px}.ninja-photo-grid img{width:100%;height:150px;object-fit:contain;margin-bottom:12px}.ninja-photo-grid article>button{position:absolute;right:6px;top:6px;padding:5px;background:#f1f3f9;border-radius:50%}.ninja-upload{display:flex;align-items:center;gap:8px;background:#00b5e9;border-radius:9px;padding:10px 14px;cursor:pointer;color:#062634;font-size:13px;font-weight:600}.ninja-upload input{display:none}.ninja-upload.is-disabled{opacity:.4;pointer-events:none}.ninja-empty{padding:50px 20px;text-align:center;border:1px dashed #a5b8cb;border-radius:15px;color:#76859b}.ninja-library{margin-top:40px}.ninja-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ninja-library-grid button{position:relative;background:white;border:1px solid #dbe1ee;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px}.ninja-library-grid img{height:85px;width:100%;object-fit:contain}.ninja-library-grid button:disabled{opacity:.5}.ninja-library-grid svg{position:absolute;right:9px;top:9px;color:#009ac3}.ninja-library-cover{background:linear-gradient(135deg,#0b2b44,#008dc7)!important}.ninja-new-game{border-color:#00a2d0;background:#ecf9ff}.ninja-new-game>span{color:#008dc7;background:#d5f4ff}.ninja-host .leaderboard{background:#ffffff06}.ninja-player .leader>strong small{color:#6de8ff}@media(max-width:700px){.ninja-host-intro{grid-template-columns:1fr;text-align:center;gap:30px}.ninja-host-intro h1{font-size:62px}.ninja-facts{justify-content:center}.ninja-editor-settings{grid-template-columns:1fr 1fr}.ninja-editor-settings label:first-child{grid-column:1/-1}.ninja-editor .section-line{align-items:flex-start;gap:12px}.ninja-editor .section-line h2{font-size:19px}.ninja-host-actions{flex-direction:column}.ninja-host .arena-main{padding-bottom:35px}.ninja-player .podium-name strong{font-size:12px}.ninja-welcome .leader>strong{font-size:14px}.ninja-welcome .leader{padding:13px 12px;gap:8px}.ninja-player-header{padding-top:max(16px,env(safe-area-inset-top))}}