@import"https://fonts.googleapis.com/css2?family=Nunito:wght@800;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .35s ease,border-color .35s ease,color .2s ease}button,input,svg,canvas,.logo-ball,.mgrid-cell{transition:none}button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease,opacity .2s ease}:root,[data-theme=dark]{--bg: #0a0a0a;--surface: #141414;--surface2: #1a1a1a;--surface3: #222222;--accent: #e94560;--accent2: #4ecca3;--accent3: #f5a623;--text: #f2f2f2;--text-muted: #666680;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--shadow: rgba(0, 0, 0, .7);--header-bg: rgba(10, 10, 10, .92);--app-gradient-from: #0a0a0a;--app-gradient-to: #0a0a0a;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--focus-ring: rgba(78, 204, 163, .85);--accent-blue: #4f6ef7}[data-theme=light]{--bg: #f5f5f7;--surface: #ffffff;--surface2: #fafafa;--surface3: #f0f0f0;--accent: #e94560;--accent2: #0d9e7a;--accent3: #d97706;--text: #111111;--text-muted: #888899;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .16);--shadow: rgba(0, 0, 0, .12);--header-bg: rgba(245, 245, 247, .92);--app-gradient-from: #f5f5f7;--app-gradient-to: #f5f5f7;--focus-ring: rgba(13, 158, 122, .85);--accent-blue: #4f6ef7}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .25s ease,color .25s ease}#root{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 16px 40px;gap:14px;max-width:480px;margin:0 auto;width:100%}.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;transition:background .25s ease,border-color .25s ease}.header>.icon-btn:first-child{justify-self:start}.header-left{display:flex;align-items:center;gap:2px;justify-self:start}.header-center{display:flex;flex-direction:column;align-items:center;gap:2px;justify-self:center;min-width:0}.header-right{display:flex;align-items:center;gap:2px;justify-self:end;min-width:0}@media (max-width: 400px){.header{padding:10px 8px}.header-left,.header-right{gap:0}.logo{font-size:22px}}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:6px;min-width:190px;box-shadow:0 8px 32px #00000059;z-index:200;animation:settingsFadeIn .15s ease}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:none;border-radius:9px;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}.settings-item:hover{background:var(--border)}.settings-item-icon{color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.settings-item-label{flex:1}.settings-item-right{flex-shrink:0}.settings-toggle{font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;background:#ffffff14;color:var(--text-muted);letter-spacing:.5px}.settings-toggle.on{background:#4ecca326;color:var(--accent2)}.settings-divider{height:1px;background:var(--border);margin:4px 6px}.logo{font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:26px;letter-spacing:.5px;line-height:1;display:flex;align-items:center;gap:0;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:visible}.logo-num{color:var(--text);position:relative;z-index:2}.logo-path{color:var(--text);font-weight:700;position:relative;z-index:2}[data-theme=light] .logo-path{color:var(--text);text-shadow:none}.logo-ball{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb3c6,#e94560 55%,#c0183a);box-shadow:0 0 10px #e94560e6,0 0 22px #e9456066;top:50%;left:0;transform:translateY(-50%);pointer-events:none;z-index:1;opacity:0;animation:ballSlide 3s ease-in-out infinite;animation-delay:1s}@keyframes ballSlide{0%{left:-4px;opacity:0;transform:translateY(-50%) scale(.5)}8%{opacity:1;transform:translateY(-50%) scale(1)}25%{left:22%;transform:translateY(-60%) scale(1)}45%{left:46%;transform:translateY(-45%) scale(1.05)}65%{left:68%;transform:translateY(-58%) scale(1)}85%{left:90%;transform:translateY(-48%) scale(1)}92%{opacity:1;transform:translateY(-50%) scale(1)}to{left:104%;opacity:0;transform:translateY(-50%) scale(.5)}}.puzzle-num{font-size:10px;color:var(--text-muted);font-weight:600;letter-spacing:1px;text-transform:uppercase}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;transition:color .2s,background .2s;flex-shrink:0}.icon-btn:hover{color:var(--text);background:var(--border)}.streak-badge{position:absolute;top:2px;right:2px;background:var(--accent3);color:#000;font-size:9px;font-weight:700;border-radius:99px;padding:1px 4px;min-width:16px;text-align:center}.theme-btn svg{transition:transform .4s ease}.theme-btn:hover svg{transform:rotate(20deg)}.mode-selector{display:flex;gap:6px;width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.mode-selector::-webkit-scrollbar{display:none}.mode-btn{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all .18s ease;font-family:inherit}.mode-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface2)}.mode-btn.active{background:#4ecca31a;border-color:var(--accent2);color:var(--accent2)}.mode-icon{display:flex;align-items:center;justify-content:center;opacity:.85}.mode-btn.active .mode-icon{opacity:1}.mode-label{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.game-hud{display:flex;gap:8px;width:100%;justify-content:center;flex-wrap:wrap}.hud-target,.hud-sum,.hud-remaining,.hud-timer,.hud-attempts,.hud-cells{display:flex;flex-direction:column;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;min-width:70px;transition:border-color .2s}.hud-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:5px}.hud-value{font-size:26px;font-weight:800;line-height:1}.target-value{color:var(--accent2)}.hud-timer.urgent .hud-value{color:var(--accent)}.hud-timer.urgent{border-color:#e9456066;animation:pulseContainer .6s ease-in-out infinite alternate;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:border-color,background-color}@keyframes pulseContainer{0%{background-color:var(--surface);border-color:#e9456066}to{background-color:#e945601f;border-color:#e94560b3}}.hud-timer .hud-value{min-width:2.5ch;text-align:center;display:block;transform:translateZ(0);-webkit-transform:translateZ(0)}.attempts-value{font-size:13px;color:var(--accent);letter-spacing:2px}@keyframes pulse{0%{opacity:1}to{opacity:.4}}.board-wrapper{width:100%;max-width:420px}.reach-end-wrapper{width:100%;max-width:420px;height:36px;display:flex;align-items:center;justify-content:center}.reach-end-toast{background:#f5a623;color:#111;font-size:13px;font-weight:700;padding:7px 22px;border-radius:99px;white-space:nowrap;pointer-events:none;animation:reachEndIn .22s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes reachEndIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.already-played-banner{width:100%;background:#4ecca314;border:1px solid rgba(78,204,163,.2);border-radius:var(--radius);padding:12px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--accent2)}.result-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.result-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 24px 28px;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 32px 80px #0009;position:relative}.result-close{position:absolute;top:14px;right:14px;background:var(--surface3);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.result-close:hover{color:var(--text);background:var(--border)}.result-emoji{font-size:48px}.result-title{font-size:26px;font-weight:800;text-align:center;letter-spacing:-.5px}.result-subtitle{color:var(--text-muted);font-size:14px;font-weight:500}.result-time{font-size:14px;font-weight:600;color:var(--text-muted);letter-spacing:.3px;display:inline-flex;align-items:center;gap:6px}.result-time-icon{color:var(--text-muted);flex-shrink:0}.result-stars{display:flex;gap:6px}.star{font-size:30px;color:var(--border);transition:color .3s}.star.filled{color:var(--accent3);text-shadow:0 0 12px rgba(245,166,35,.5)}.result-score{font-size:44px;font-weight:900;background:linear-gradient(135deg,#4ecca3,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.score-breakdown{width:100%;background:var(--surface3);border-radius:var(--radius);padding:12px 16px;display:flex;flex-direction:column;gap:7px}.breakdown-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted);font-weight:500}.breakdown-row.bonus span:last-child{color:var(--accent2);font-weight:700}.breakdown-row.penalty span:last-child{color:var(--accent);font-weight:700}.streak-info{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent3);font-weight:700}.streak-info-icon{flex-shrink:0}.breakdown-row-icon{color:var(--accent3)}.share-preview{width:100%;margin:0;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px 14px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;box-shadow:0 1px #00000014}.share-preview-header{display:flex;flex-direction:column;gap:4px}.share-preview-title{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.2px}.share-preview-subtitle{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px}.share-preview-stars{display:inline-flex;align-items:center;gap:2px;color:var(--accent3);filter:drop-shadow(0 0 4px rgba(245,166,35,.4))}.share-preview-star{flex-shrink:0}.share-preview-grid{display:flex;align-items:center;justify-content:center;padding:6px 0}.share-path-svg{width:100%;max-width:168px;height:auto;display:block;color:var(--text)}.share-path-svg .share-cell{fill:var(--surface3)}.share-path-svg .share-cell-path{fill:var(--accent3)}.share-path-svg .share-cell-start{fill:var(--accent-blue)}.share-path-svg .share-cell-end{fill:var(--accent2)}.share-path-svg .share-path-line{fill:none;stroke:currentColor;stroke-opacity:.35;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.share-preview-footer{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.4px;text-transform:lowercase}.result-actions{display:flex;gap:8px;width:100%;flex-wrap:wrap}.btn-icon{margin-right:6px;flex-shrink:0}.btn{flex:1;padding:13px 18px;border-radius:var(--radius);border:none;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s ease;min-width:110px;display:flex;align-items:center;justify-content:center;letter-spacing:.2px}.btn-primary{background:linear-gradient(135deg,#4ecca3,#2eb89a);color:#0a0a0a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4ecca359}.btn-secondary{background:var(--surface3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--surface)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300;padding:20px;animation:fadeIn .2s ease}.modal{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;overflow:hidden;box-shadow:0 32px 80px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:17px;font-weight:800;letter-spacing:-.3px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:var(--surface2);gap:6px}.stat-value{font-size:32px;font-weight:900;color:var(--accent2);letter-spacing:-1px}.stat-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.stat-label-icon{flex-shrink:0;vertical-align:middle}.stat-label-icon-flame,.stat-label-icon-bolt{color:var(--accent3)}.streak-banner{padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:var(--accent3);background:#f5a62312;border-top:1px solid var(--border)}.help-content{padding:20px 24px;display:flex;flex-direction:column;gap:18px}.help-step{display:flex;gap:14px;align-items:flex-start}.help-icon{flex-shrink:0;margin-top:1px;color:var(--accent2);opacity:.9}.help-step strong{display:block;font-size:13px;font-weight:700;margin-bottom:3px;letter-spacing:.1px}.help-step p{font-size:12px;color:var(--text-muted);line-height:1.6;font-weight:500}.emoji-legend{display:flex;gap:12px;justify-content:center;padding:12px;background:var(--surface3);border-radius:var(--radius);font-size:12px;color:var(--text-muted);font-weight:600;flex-wrap:wrap}@media (max-width: 380px){.hud-value{font-size:22px}.hud-target,.hud-sum,.hud-timer,.hud-attempts{padding:8px 10px;min-width:58px}.mode-btn{min-width:56px;padding:8px 4px}}@media (hover: none){.btn:hover{transform:none;box-shadow:none}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.menu-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 16px 40px;position:relative;overflow:hidden;background:var(--bg)}.menu-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.menu-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(78,204,163,.09) 0%,transparent 70%);top:-180px;left:-150px;animation:orbFloat1 9s ease-in-out infinite}.menu-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);bottom:-120px;right:-100px;animation:orbFloat2 12s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(35px,20px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.menu-topbar{position:fixed;top:16px;right:20px;z-index:10;display:flex;gap:6px}.menu-theme-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.menu-theme-btn:hover{color:var(--text);background:var(--surface2)}.menu-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:28px 22px 24px;box-shadow:0 0 0 1px #ffffff08,0 24px 60px #0000008c,0 4px 16px #0000004d}[data-theme=light] .menu-card{box-shadow:0 8px 40px #0000001a,0 2px 8px #0000000d}.mgrid-wrap{display:flex;justify-content:center}.mgrid{display:grid;grid-template-columns:repeat(5,26px);grid-template-rows:repeat(5,26px);gap:5px}.mgrid-cell{width:26px;height:26px;border-radius:7px;border:1px solid rgba(255,255,255,.07);background:#ffffff0d}[data-theme=light] .mgrid-cell{border-color:#0000002e;background:#00000014}.menu-logo{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:clamp(36px,9vw,52px);letter-spacing:-1px;line-height:1;display:inline-flex}.menu-logo-num{background:linear-gradient(135deg,#4ecca3,#2eb89a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-logo-path{color:var(--text)}.menu-desc{font-size:14px;color:var(--text-muted);font-weight:500;text-align:center}.menu-classic-card{background:#4ecca30f;border:1px solid rgba(78,204,163,.2);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px}.menu-streak{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);background:#f5a6231f;padding:8px 12px;border-radius:999px;align-self:flex-start;font-weight:600}.menu-streak-icon{color:var(--accent3);flex-shrink:0}.menu-streak strong{color:var(--accent3);font-weight:800}.menu-streak span{color:var(--text-muted);font-weight:500}[data-theme=light] .menu-classic-card{background:#0d9e7a0f;border-color:#0d9e7a33}.menu-classic-top{display:flex;align-items:center;gap:12px}.menu-classic-icon{width:40px;height:40px;border-radius:12px;background:#4ecca326;color:var(--accent2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-classic-title{font-size:15px;font-weight:700;letter-spacing:-.2px}.menu-classic-sub{font-size:12px;color:var(--text-muted);font-weight:500;margin-top:2px}.menu-classic-badge{margin-left:auto;font-size:9px;font-weight:800;padding:4px 9px;border-radius:99px;background:var(--accent2);color:#0a0a0a;letter-spacing:.8px;flex-shrink:0}.menu-play-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;border:none;background:var(--accent2);color:#0a0a0a;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;letter-spacing:.2px;transition:background .2s,box-shadow .2s}.menu-play-btn:hover{background:#5dd9b0;box-shadow:0 6px 24px #4ecca366}[data-theme=light] .menu-play-btn{color:#0a0a0a}.menu-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--text-muted);text-align:center;margin-bottom:10px}.menu-solo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.menu-solo-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s}.menu-solo-btn:hover{color:var(--accent2);border-color:#4ecca359;background:#4ecca30f}.menu-solo-icon{display:flex;align-items:center;justify-content:center}.menu-solo-label{font-size:13px;font-weight:700;color:var(--text)}.menu-solo-sub{font-size:11px;color:var(--text-muted);font-weight:500}.menu-multi-btn{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid rgba(139,92,246,.25);background:#8b5cf614;color:var(--text);cursor:pointer;font-family:inherit;text-align:left;transition:border-color .2s}.menu-multi-btn:hover{border-color:#8b5cf673}.menu-multi-icon{width:42px;height:42px;border-radius:13px;background:#8b5cf626;color:#a78bfa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-multi-text{flex:1;display:flex;flex-direction:column;gap:2px}.menu-multi-label{font-size:15px;font-weight:700}.menu-multi-sub{font-size:12px;color:var(--text-muted);font-weight:500}.menu-multi-badge{font-size:10px;font-weight:800;padding:5px 10px;border-radius:99px;background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3);letter-spacing:.3px;white-space:nowrap;flex-shrink:0;max-width:110px;text-align:center;overflow:hidden;text-overflow:ellipsis}@media (max-width: 380px){.menu-multi-badge{font-size:9px;padding:4px 8px;letter-spacing:0}.menu-multi-label{font-size:14px}.menu-multi-sub{font-size:11px}.menu-card{padding:22px 16px 20px}}[data-theme=light] .menu-solo-btn{background:#fff}[data-theme=light] .menu-multi-btn{background:#8b5cf60d}[data-theme=light] .menu-logo-path{color:#111}.menu-footer-links{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--text-muted);font-weight:500}.menu-footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.menu-footer-links a:hover{color:var(--text)}.mp-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 16px 40px;background:var(--bg)}.mp-back{position:fixed;top:16px;left:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;transition:color .2s,background .2s;z-index:10}.mp-back:hover{color:var(--text);background:var(--surface2)}.mp-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px 22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 60px #0006}.mp-title{font-size:22px;font-weight:800;letter-spacing:-.5px;text-align:center}.mp-tabs{display:flex;gap:6px;background:var(--surface2);border-radius:12px;padding:4px}.mp-tab{flex:1;padding:9px;border-radius:9px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s}.mp-tab.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0003}.mp-field{display:flex;flex-direction:column;gap:8px}.mp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.mp-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;outline:none;transition:border-color .2s}.mp-input:focus{border-color:var(--accent2)}.mp-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mp-input-code{text-align:center;font-size:22px;letter-spacing:4px;font-weight:800}.mp-options{display:flex;gap:6px;flex-wrap:wrap}.mp-option{flex:1;min-width:70px;padding:9px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;text-align:center}.mp-option.active{border-color:var(--accent2);background:#4ecca31a;color:var(--accent2)}.mp-error{font-size:13px;color:var(--accent);font-weight:600;text-align:center}.mp-btn-primary{width:100%;padding:14px;border-radius:14px;border:none;background:var(--accent2);color:#0a0a0a;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s}.mp-btn-primary:hover:not(:disabled){background:#5dd9b0;box-shadow:0 6px 20px #4ecca359;transform:translateY(-1px)}.mp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mp-room-code-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.mp-room-code{font-size:36px;font-weight:900;letter-spacing:6px;color:var(--accent2)}.mp-copy-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s}.mp-copy-btn:hover{color:var(--text);border-color:var(--border-hover)}.mp-players-list{display:flex;flex-direction:column;gap:8px}.mp-player-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--border)}.mp-player-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent2),#2eb89a);color:#0a0a0a;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-player-name{flex:1;font-size:14px;font-weight:600}.mp-host-badge{font-size:9px;font-weight:800;padding:3px 7px;border-radius:99px;background:#4ecca326;color:var(--accent2);border:1px solid rgba(78,204,163,.3);letter-spacing:.5px}.mp-waiting-text{text-align:center;font-size:13px;color:var(--text-muted);font-weight:500}.mp-ranking{display:flex;flex-direction:column;gap:8px}.mp-rank-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--surface2);border:1px solid var(--border)}.mp-rank-row.mp-rank-first{background:#4ecca31a;border-color:#4ecca34d}.mp-rank-pos{font-size:18px;width:28px;text-align:center}.mp-rank-name{flex:1;font-size:14px;font-weight:700}.mp-rank-score{font-size:16px;font-weight:800;color:var(--accent2)}.mp-final-header{display:flex;flex-direction:column;align-items:center;gap:6px}.mp-game-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:12px 16px 24px;gap:10px;background:var(--bg);max-width:480px;margin:0 auto;width:100%}.mp-game-header{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;flex-wrap:wrap}.mp-round-badge,.mp-target-badge,.mp-players-count{font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.mp-target-badge{color:var(--accent2);border-color:#4ecca34d}.mp-live-ranking{width:100%;display:flex;flex-direction:column;gap:4px}.mp-live-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:12px}.mp-live-row.me{border-color:#4ecca366;background:#4ecca30f}.mp-live-pos{width:16px;color:var(--text-muted);font-weight:700}.mp-live-name{flex:1;font-weight:600}.mp-live-score{font-weight:800;color:var(--accent2)}.mp-live-done{color:var(--accent2);font-size:14px}.mp-countdown{font-size:13px;font-weight:800;padding:5px 12px;border-radius:99px;background:#f5a62326;border:1px solid rgba(245,166,35,.4);color:#f5a623;letter-spacing:.3px;animation:countdownPulse 1s ease-in-out infinite}.mp-countdown.urgent{background:#e9456026;border-color:#e9456080;color:var(--accent)}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.6}}.mp-finished-banner{width:100%;text-align:center;padding:10px 16px;border-radius:12px;background:#4ecca31a;border:1px solid rgba(78,204,163,.25);color:var(--accent2);font-size:13px;font-weight:700}.mp-topbar{position:fixed;top:12px;right:16px;z-index:20;display:flex;gap:6px}.mp-topbar-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.mp-topbar-btn:hover{color:var(--text);background:var(--surface2)}.mp-next-round-countdown{text-align:center;font-size:15px;font-weight:700;color:var(--accent2);padding:12px;border-radius:12px;background:#4ecca31a;border:1px solid rgba(78,204,163,.25);animation:countdownPulse 1s ease-in-out infinite}