@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap";.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.tutorial-card{background:#fff;width:90%;max-width:360px;border-radius:20px;padding:30px 20px;position:relative;text-align:center;box-shadow:0 10px 30px #0003;transform:translateY(20px);animation:slideUp .3s ease-out forwards}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:5px;z-index:10}.tutorial-image{font-size:60px;margin-bottom:20px;display:inline-block;animation:bounce 2s infinite}.tutorial-content h2{font-size:24px;color:#333;margin-bottom:10px}.tutorial-content p{font-size:16px;color:#666;line-height:1.5;margin-bottom:30px;white-space:pre-wrap}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#eee;transition:all .3s}.dot.active{background:#9d7bff;width:20px;border-radius:4px}.next-btn{background:#9d7bff;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .1s}.next-btn:active{transform:scale(.95)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}[data-theme=dark] .tutorial-card{background:#1a1035;box-shadow:0 10px 30px #0009}[data-theme=dark] .tutorial-content h2{color:#eae0ff}[data-theme=dark] .tutorial-content p{color:#9d7bffb3}[data-theme=dark] .close-btn{color:#9d7bff73}[data-theme=dark] .dot{background:#9d7bff26}@media (max-width: 480px){.tutorial-card{padding:24px 16px;border-radius:16px}.tutorial-image{font-size:48px;margin-bottom:14px}.tutorial-content h2{font-size:20px}.tutorial-content p{font-size:14px;margin-bottom:20px}.next-btn{padding:9px 20px;font-size:15px}}@media (max-height: 600px) and (orientation: landscape){.tutorial-card{padding:14px 20px;max-width:600px;width:90%;display:flex;align-items:center;gap:20px;text-align:left}.tutorial-image{font-size:40px;margin-bottom:0;flex-shrink:0}.tutorial-content{flex:1}.tutorial-content h2{font-size:18px;margin-bottom:8px}.tutorial-content p{font-size:13px;margin-bottom:14px}.tutorial-footer{margin-top:10px}.next-btn{padding:8px 18px;font-size:14px}}.tutorial-animation-container{width:100%;height:220px;display:flex;justify-content:center;align-items:center;background:#f8f9fa;border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden;isolation:isolate}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;position:relative}.mini-tile{width:45px;height:45px;background:#eee;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;color:#444;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000000d}.mini-tile.target{background-color:#ffe0b2}.mini-tile[data-value="1"]{background:#ff9aa2;color:#fff}.mini-tile[data-value="2"]{background:#ffb7b2;color:#fff}.mini-tile[data-value="3"]{background:#ffdac1;color:#555}.mini-tile[data-value="4"]{background:#e2f0cb;color:#555}.mini-tile[data-value="5"]{background:#b5ead7;color:#555}.mini-tile[data-value="6"]{background:#c7ceea;color:#fff}.mini-tile[data-value="7"]{background:#91a8e0;color:#fff}.mini-tile[data-value="8"]{background:#e0bbe4;color:#fff}.mini-tile[data-value="9"]{background:#957dad;color:#fff}.drag-selection-box{position:absolute;background:#ffb54733;border:2px solid #FFB547;pointer-events:none;z-index:15;box-sizing:border-box;border-radius:4px}.hand-cursor{position:absolute;font-size:36px;pointer-events:none;z-index:20;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2));top:0;left:0}.connection-line-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.score-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:900;color:gold;text-shadow:2px 2px 0 #333,0 0 10px rgba(255,215,0,.5);z-index:30;pointer-events:none}[data-theme=dark] .tutorial-animation-container{background:#9d7bff0f}[data-theme=dark] .mini-board{background:#1a1034e6;box-shadow:0 4px 20px #0006}[data-theme=dark] .mini-tile{background:#9d7bff33;color:#c4b5ff}.bottom-sheet-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bottom-sheet-panel{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;max-height:90vh;max-height:90dvh;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -4px 20px #00000026;z-index:2001;padding:12px 20px 40px;display:flex;flex-direction:column;touch-action:none}.bottom-sheet-handle-container{width:100%;display:flex;justify-content:center;padding-bottom:16px;cursor:grab}.bottom-sheet-handle-container:active{cursor:grabbing}.bottom-sheet-handle{width:40px;height:5px;background-color:#d5cec2;border-radius:4px}.bottom-sheet-title{text-align:center;font-size:20px;font-weight:700;color:#1e1e22;margin-bottom:20px}.bottom-sheet-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}[data-theme=dark] .bottom-sheet-panel{background:#1a1035;box-shadow:0 -4px 20px #00000080}[data-theme=dark] .bottom-sheet-handle{background-color:#9d7bff40}[data-theme=dark] .bottom-sheet-title{color:#eae0ff}.language-switcher{position:relative}.lang-switch-button{width:40px;height:40px;border:none;background:#9d7bff1a;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#9d7bff}.lang-switch-button:hover{background:#9d7bff33;transform:scale(1.05)}.lang-switch-button:active{transform:scale(.95)}.lang-icon{font-size:20px}.lang-switch-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;padding:6px;min-width:150px;z-index:1000;animation:langMenuFadeIn .15s ease}@keyframes langMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-switch-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:14px;color:#3a2d60}.lang-switch-option:hover{background:#9d7bff1a}.lang-switch-option.active{background:#9d7bff26;font-weight:600}.lang-code-badge{font-size:11px;font-weight:700;letter-spacing:.04em;font-family:monospace;flex-shrink:0}.lang-switch-button .lang-code-badge{font-size:13px;color:#9d7bff}.lang-switch-menu .lang-code-badge,.lang-sheet-content .lang-code-badge{min-width:24px;text-align:center;color:#9d7bff}.lang-switch-name{flex:1;text-align:left}.lang-switch-check{font-size:14px;color:#9d7bff;font-weight:700}[data-theme=dark] .lang-switch-menu{background:#1a1035;box-shadow:0 4px 16px #00000080;border:1px solid rgba(157,123,255,.2)}[data-theme=dark] .lang-switch-option{color:#c4b5ff}@media (max-width: 768px){.lang-switch-menu{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;width:100%;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto;z-index:9999;padding:6px 6px 20px;animation:langMenuSlideUp .22s ease}@keyframes langMenuSlideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.lang-switch-option{padding:13px 16px;font-size:15px}}@media (max-width: 480px){.lang-switch-button{width:36px;height:36px}.lang-icon{font-size:18px}.lang-code-badge{font-size:10px}}@media (max-height: 500px){.lang-switch-menu{max-height:200px;overflow-y:auto}}.volume-control{position:relative;display:inline-flex;align-items:center}.volume-widget{display:flex;align-items:center;background:var(--surface-card);border:2px solid var(--border-medium);border-radius:10px;overflow:hidden;transition:all .2s ease}.volume-widget:hover{border-color:var(--border-strong)}.volume-control.muted .volume-widget{opacity:.65}.volume-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;font-size:15px;color:var(--text-primary);transition:background .15s;flex-shrink:0}.volume-icon-btn .icon-text{line-height:1}.volume-icon-btn:hover{background:var(--color-primary-bg)}.volume-icon-btn:active{background:var(--color-primary-bg-hover)}.volume-mini-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:4px;flex-shrink:0;cursor:pointer;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) var(--value, 50%),var(--border-medium) var(--value, 50%),var(--border-medium) 100%);border-radius:2px;outline:none;border:none;padding:0;margin:0;transition:width .15s}.volume-mini-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--color-primary);cursor:pointer;opacity:0;transition:opacity .15s}.volume-mini-bar::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--color-primary);border:none;cursor:pointer;opacity:0;transition:opacity .15s}.volume-widget:hover .volume-mini-bar::-webkit-slider-thumb,.volume-mini-bar:active::-webkit-slider-thumb{opacity:1}.volume-widget:hover .volume-mini-bar::-moz-range-thumb,.volume-mini-bar:active::-moz-range-thumb{opacity:1}.volume-control.muted .volume-mini-bar{background:var(--border-medium)}.volume-expand-btn{display:flex;align-items:center;justify-content:center;width:22px;height:32px;padding:0;background:transparent;border:none;border-left:1px solid var(--border-subtle);cursor:pointer;color:var(--text-tertiary);font-size:10px;transition:all .15s;flex-shrink:0}.volume-expand-btn:hover{background:var(--color-primary-bg);color:var(--text-primary)}.volume-chevron{display:inline-block;transition:transform .2s ease}.volume-chevron.open{transform:rotate(180deg)}.volume-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(220px,calc(100vw - 32px));background:var(--surface-modal);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-modal);z-index:1000;overflow:hidden;animation:volumePanelFadeIn .2s ease}@keyframes volumePanelFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.volume-panel-header{padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.volume-sliders{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.volume-item{display:flex;flex-direction:column;gap:6px}.volume-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.volume-value{font-size:11px;font-weight:600;color:var(--color-primary);min-width:30px;text-align:right}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;transition:opacity .2s;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) var(--value, 50%),var(--border-medium) var(--value, 50%),var(--border-medium) 100%)}.volume-slider:disabled{opacity:.4;cursor:not-allowed}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);box-shadow:0 1px 4px #0003;cursor:pointer;transition:transform .15s,box-shadow .15s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #9d7bff4d}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);box-shadow:0 1px 4px #0003;cursor:pointer;transition:transform .15s}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media (max-width: 768px){.volume-mini-bar{width:36px}.volume-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto;z-index:9999;animation:volumePanelSlideUp .22s ease}@keyframes volumePanelSlideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.volume-sliders{padding:16px 20px 24px}}@media (max-width: 480px){.volume-mini-bar{display:none}.volume-expand-btn{border-left:none}}.accessibility-menu{position:relative;display:inline-block}.accessibility-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;background:var(--surface-card);border:2px solid var(--border-medium);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.accessibility-toggle:hover{background:var(--surface-card-hover);border-color:var(--border-focus);transform:scale(1.05)}.accessibility-toggle:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.accessibility-icon{width:20px;height:20px;color:var(--text-primary)}.eye-comfort-indicator{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#d4a030;border-radius:50%;border:2px solid var(--surface-card)}.accessibility-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:var(--surface-modal);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-modal);z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.accessibility-section{padding:16px}.accessibility-section+.accessibility-section{padding-top:0}.accessibility-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.theme-toggle-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.theme-toggle-btn:hover{background:var(--color-primary-bg)}.theme-toggle-icon{font-size:18px;line-height:1}.theme-toggle-label{flex:1;font-size:14px;color:var(--text-primary);text-align:left}.theme-toggle-track{position:relative;width:40px;height:22px;background:var(--border-medium);border-radius:11px;transition:background .2s;flex-shrink:0}.theme-toggle-track.dark{background:var(--color-primary)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.theme-toggle-track.dark .theme-toggle-thumb{transform:translate(18px)}.comfort-track.on{background:#d4a030}.comfort-track.on .theme-toggle-thumb{transform:translate(18px)}.eye-comfort-desc{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin:8px 12px 0}.board-style-track.on{background:#8a2be2}.board-style-track.on .theme-toggle-thumb{transform:translate(18px)}@media (max-width: 768px) and (min-width: 481px){.accessibility-dropdown{position:fixed;top:56px;right:12px;min-width:240px}}@media (max-width: 480px){.accessibility-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto}.accessibility-section{padding:20px}}.policy-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto}.policy-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;animation:policySlideUp .3s ease-out}@keyframes policySlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.policy-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid rgba(157,123,255,.2);flex-shrink:0}.policy-header h1{font-size:28px;font-weight:700;color:#3a2d60;margin:0}.policy-close-btn{width:36px;height:36px;border:none;background:#9d7bff1a;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#3a2d60;transition:all .2s;flex-shrink:0}.policy-close-btn:hover{background:#9d7bff33;transform:scale(1.05)}.policy-close-btn:active{transform:scale(.95)}.policy-body{padding:32px;overflow-y:auto;flex:1}.policy-body section{margin-bottom:32px}.policy-body section:last-child{margin-bottom:0}.policy-body h2{font-size:20px;font-weight:700;color:#3a2d60;margin:0 0 16px}.policy-body p{font-size:15px;line-height:1.7;color:#444;margin:0 0 12px}.policy-body ul{margin:12px 0;padding-left:24px}.policy-body li{font-size:15px;line-height:1.7;color:#444;margin-bottom:8px}.policy-footer{padding:20px 32px;border-top:2px solid rgba(157,123,255,.2);background:#9d7bff0d;border-radius:0 0 16px 16px;flex-shrink:0}.policy-footer p{margin:0;font-size:13px;color:#666;text-align:center}@media (max-width: 768px){.policy-overlay{padding:10px}.policy-content{max-height:95vh;border-radius:12px}.policy-header{padding:20px 24px}.policy-header h1{font-size:22px}.policy-close-btn{width:32px;height:32px;font-size:18px}.policy-body{padding:24px}.policy-body h2{font-size:18px;margin-bottom:12px}.policy-body p,.policy-body li{font-size:14px}.policy-footer{padding:16px 24px}.policy-footer p{font-size:12px}}@media (max-width: 480px){.policy-header{padding:16px 20px}.policy-header h1{font-size:20px}.policy-body{padding:20px}.policy-body section{margin-bottom:24px}.policy-body h2{font-size:17px}.policy-body p,.policy-body li{font-size:13px;line-height:1.6}}.contact-email-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:#9d7bff0d;border-radius:8px;flex-wrap:wrap}.contact-label{font-size:13px;color:#666;flex-shrink:0}.contact-email{font-size:14px;color:#3a2d60;font-family:monospace;word-break:break-all;-webkit-user-select:text;user-select:text}.contact-input{width:100%;padding:10px 14px;border:1px solid rgba(157,123,255,.3);border-radius:8px;font-size:14px;margin-bottom:12px;box-sizing:border-box;font-family:inherit;outline:none;color:#333}.contact-input:focus{border-color:#9d7bff99;box-shadow:0 0 0 2px #9d7bff1a}.contact-textarea{width:100%;padding:10px 14px;border:1px solid rgba(157,123,255,.3);border-radius:8px;font-size:14px;margin-bottom:16px;resize:vertical;box-sizing:border-box;font-family:inherit;outline:none;color:#333;min-height:120px}.contact-textarea:focus{border-color:#9d7bff99;box-shadow:0 0 0 2px #9d7bff1a}.contact-send-btn{width:100%;padding:12px;background:var(--accent, #9d7bff);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}.contact-send-btn:hover{opacity:.9}[data-theme=dark] .policy-content{background:#1a1035}[data-theme=dark] .policy-header h1,[data-theme=dark] .policy-body h2{color:#eae0ff}[data-theme=dark] .policy-close-btn{color:#9d7bff99}[data-theme=dark] .policy-body p,[data-theme=dark] .policy-body li{color:#9d7bffa6}[data-theme=dark] .policy-footer p{color:#9d7bff66}[data-theme=dark] .policy-footer{background:#9d7bff0a}[data-theme=dark] .contact-label{color:#9d7bffb3}[data-theme=dark] .contact-textarea{background:#9d7bff0f;border-color:#9d7bff33;color:#c4b5ff}.interactive-logo-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:center center}.interactive-logo-wrapper.wiggling{animation:wiggle .5s ease}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-8deg) scale(1.1)}40%{transform:rotate(8deg) scale(1.1)}60%{transform:rotate(-5deg) scale(1.05)}80%{transform:rotate(5deg) scale(1.05)}}.interactive-logo-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.click-counter{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:12px;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff6b6b66;animation:pop-in .3s ease}@keyframes pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.sparkle-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;font-size:20px;animation:sparkle-float 2s ease forwards}.sparkle.s1{top:-10px;left:10%;animation-delay:0s}.sparkle.s2{top:-5px;right:10%;animation-delay:.1s}.sparkle.s3{bottom:-10px;left:20%;animation-delay:.2s}.sparkle.s4{bottom:-5px;right:20%;animation-delay:.3s}@keyframes sparkle-float{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}.interactive-logo-wrapper.sparkle{animation:glow-pulse .5s ease infinite alternate}@keyframes glow-pulse{0%{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}}.interactive-logo-wrapper:focus-visible{outline:3px solid #4A90D9;outline-offset:4px;border-radius:8px}@media (pointer: coarse){.interactive-logo-wrapper:hover{transform:none}.interactive-logo-wrapper:active{transform:scale(.95)}}.name-input-screen{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);padding:20px;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.name-input-controls{position:absolute;top:20px;right:20px;z-index:100;display:flex;gap:8px;align-items:center}.name-input-controls .control-icon-btn{width:40px;height:40px;border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary)}.name-input-controls .control-icon-btn:hover{background:var(--surface-card-hover);transform:scale(1.05)}.name-input-controls .control-icon-btn:active{transform:scale(.95)}.name-input-controls .control-icon-btn .icon-text{font-size:20px}.name-input-container{background:var(--surface-card);border:1px solid var(--border-subtle);padding:48px 36px;border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;max-width:460px;width:100%;animation:jellyBounceIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.name-input-form{margin-top:32px}.name-input-form h2{font-size:20px;color:var(--text-secondary);margin-bottom:20px;font-weight:600}.name-input{width:100%;padding:14px 18px;font-size:17px;border:2px solid var(--border-medium);border-radius:12px;outline:none;transition:all .2s;font-weight:500;color:var(--text-primary);background:var(--surface-input);box-sizing:border-box}.name-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #9d7bff26;background:var(--surface-card)}.name-input.error{border-color:#ff6b6b}.name-input::placeholder{color:var(--text-placeholder)}.random-nick-preview{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:8px 14px;background:#9d7bff14;border:1px solid rgba(157,123,255,.2);border-radius:10px;animation:fadeIn .25s ease}.random-nick-label{color:var(--text-tertiary);font-size:12px;white-space:nowrap}.random-nick-name{color:#9d7bff;font-size:15px;font-weight:700;letter-spacing:.3px}.random-nick-shuffle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0;padding:0}.random-nick-shuffle:hover{background:#9d7bff33;color:#9d7bff;border-color:#9d7bff66;transform:rotate(90deg)}.random-nick-shuffle:active{transform:rotate(180deg) scale(.9)}.char-hint-message{color:#e07b00;font-size:13px;margin:6px 0 0;text-align:left;font-weight:500;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.error-message{color:#ff8f7e;font-size:14px;margin:8px 0 0;text-align:left;font-weight:500}.submit-name-btn{width:100%;padding:14px;margin-top:16px;font-size:17px;font-weight:700;background:var(--color-primary-gradient);color:var(--text-on-primary);border:none;border-bottom:3px solid rgba(60,140,110,.4);border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #9d7bff4d;position:relative;overflow:hidden}.submit-name-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:50px 50px 0 0;pointer-events:none}.submit-name-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.submit-name-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #9d7bff66}.submit-name-btn:hover:after{animation:glossShimmer 1.5s ease}.submit-name-btn:active{animation:jellyPress .4s ease}.game-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.logo-icon{width:100px;height:100px;background:linear-gradient(135deg,#9d7bff,#8b68ee);border-radius:var(--jelly-radius, 28% 28% 28% 28% / 32% 32% 32% 32%);display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:900;color:#fff;box-shadow:0 8px 32px #9d7bff4d;position:relative;overflow:hidden;animation:jellyFloat 4s ease-in-out infinite}.logo-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:150%}}.game-logo h1{font-size:36px;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-1px}.google-login-section{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.or-divider{display:flex;align-items:center;gap:10px;width:100%}.or-divider-line{flex:1;height:1px;background:var(--border-subtle)}.or-divider-text{color:var(--text-muted);font-size:13px;white-space:nowrap}.google-loading-text{color:#9d7bff;font-size:14px}.auth-buttons-container{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.google-btn-wrapper{width:100%;display:flex;justify-content:center}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:24px;padding:10px 24px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .1s;width:auto;min-width:220px;height:40px;box-sizing:border-box;box-shadow:none}.google-login-btn:hover{background-color:#f8fafd;border-color:#c9d0d8;box-shadow:0 1px 3px #3c40432e}.google-login-btn:active{transform:scale(.98)}.google-icon{width:20px;height:20px;flex-shrink:0}.discord-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#5865f2;color:#fff;border:none;border-radius:24px;padding:10px 24px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;width:auto;min-width:220px;height:40px;box-sizing:border-box}.discord-login-btn:hover{background-color:#4752c4}.discord-login-btn:active{transform:scale(.98)}.discord-icon{width:20px;height:20px;fill:currentColor}.google-logged-in-badge{display:flex;align-items:center;gap:8px;background:#4285f426;border:1px solid rgba(66,133,244,.3);border-radius:24px;padding:6px 14px;margin-bottom:8px;font-size:13px;color:#82b1ff}.google-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.logout-btn{background:none;border:none;color:var(--text-tertiary);font-size:12px;cursor:pointer;padding:2px 6px;margin-left:4px;text-decoration:underline}.logout-btn:hover{color:var(--text-secondary)}.name-input-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.footer-link{background:none;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;padding:4px 8px;transition:all .2s;text-decoration:none}.footer-divider{color:var(--border-medium);font-size:13px}@media (max-width: 768px){.name-input-screen{padding:15px}.name-input-controls{top:15px;right:15px;gap:6px}.name-input-controls .control-icon-btn{width:36px;height:36px}.name-input-controls .control-icon-btn .icon-text{font-size:18px}.name-input-container{padding:36px 24px;max-width:100%}.logo-icon{width:80px;height:80px;font-size:42px}.game-logo h1{font-size:28px}.name-input-form h2{font-size:18px;margin-bottom:16px}.name-input{font-size:16px;padding:12px 14px}.submit-name-btn{font-size:16px;padding:12px}.name-input-footer{margin-top:20px;padding-top:16px}.footer-link,.footer-divider{font-size:12px}}@media (max-width: 480px){.name-input-container{padding:28px 18px;border-radius:20px}.logo-icon{width:70px;height:70px;font-size:36px;border-radius:18px}.game-logo h1{font-size:24px}.name-input-form h2{font-size:16px}.name-input{font-size:16px;padding:11px 14px}.submit-name-btn{font-size:15px;padding:11px}.footer-link{font-size:11px;padding:3px 6px}.footer-divider{font-size:11px}}@media (max-height: 700px){.name-input-screen{align-items:flex-start}.name-input-container{margin:56px auto 20px;padding:32px 28px}}@media (max-height: 600px) and (orientation: landscape) and (max-width: 1024px) and (pointer: coarse){.name-input-screen{padding:10px}.name-input-controls{top:10px;right:10px}.name-input-container{padding:16px 24px;max-width:600px;width:auto;display:flex;align-items:center;gap:24px;border-radius:16px}.game-logo{flex-direction:column;gap:6px;flex-shrink:0;width:120px}.logo-icon{width:60px;height:60px;font-size:32px;border-radius:16px;margin:0 auto}.game-logo h1{font-size:18px;text-align:center;white-space:nowrap}.name-input-form{margin-top:0;flex:1;min-width:220px}.name-input-form h2{font-size:15px;margin-bottom:10px}.name-input{font-size:16px;padding:10px 14px}.submit-name-btn{font-size:14px;padding:10px;margin-top:10px}.name-input-footer{position:fixed;bottom:8px;left:50%;transform:translate(-50%);margin:0;padding:4px 12px;background:var(--surface-card);border-radius:12px;border-top:none}.footer-link{font-size:9px;padding:2px 4px;opacity:.6}.footer-link:hover{opacity:1}.footer-divider{font-size:9px;opacity:.4}}.invite-mode-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#9d7bff1a;border:1px solid rgba(157,123,255,.3);border-radius:12px;margin-bottom:4px;animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.invite-mode-icon{font-size:24px;flex-shrink:0}.invite-mode-text{display:flex;flex-direction:column;gap:2px}.invite-mode-title{font-weight:700;color:var(--color-primary, #9D7BFF);display:block;font-size:14px}.invite-mode-desc{font-size:12px;color:var(--text-secondary, #7A6A9A);display:block}.bug-report-btn{position:fixed;bottom:70px;right:20px;background:#1e1e28bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:10px 20px;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s ease;z-index:1000;display:flex;align-items:center;gap:8px;text-decoration:none}.bug-report-btn:hover{background:#1e1e28eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000059}.bug-report-btn:active{transform:translateY(0)}.bug-icon{font-size:16px}@media (max-width: 768px){.bug-report-btn:not(.bug-report-btn--inline){bottom:14px;right:14px;padding:0;width:36px;height:36px;border-radius:50%;justify-content:center;opacity:.55;z-index:50}.bug-report-btn:not(.bug-report-btn--inline):hover,.bug-report-btn:not(.bug-report-btn--inline):focus,.bug-report-btn:not(.bug-report-btn--inline):active{opacity:1}.bug-report-btn:not(.bug-report-btn--inline) .bug-text{display:none}.bug-report-btn:not(.bug-report-btn--inline) .bug-icon{font-size:16px}}.bug-report-panel{position:fixed;bottom:70px;right:20px;width:300px;background:#141423f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px;z-index:1001;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 32px #0006;animation:bugPanelIn .15s ease}@keyframes bugPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bug-panel-header{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;font-weight:600;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.bug-panel-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;line-height:1}.bug-panel-close:hover{color:#fff;background:#ffffff1a}.bug-panel-row{display:flex;flex-direction:column;gap:3px}.bug-panel-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.bug-panel-value{font-size:12px;color:#ffffffd9;word-break:break-all;-webkit-user-select:text;user-select:text}.bug-panel-pre{white-space:pre-wrap;font-family:inherit;font-size:11px;color:#fff9;-webkit-user-select:text;user-select:text;background:#ffffff0d;border-radius:6px;padding:8px;margin:0;line-height:1.5;max-height:120px;overflow-y:auto}.bug-panel-textarea{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-size:13px;font-family:inherit;padding:10px;resize:none;outline:none;line-height:1.5;transition:border-color .15s}.bug-panel-textarea:focus{border-color:#9d7bff99}.bug-panel-textarea::placeholder{color:#ffffff4d}.bug-panel-textarea:disabled{opacity:.5}.bug-panel-char{font-size:10px;color:#ffffff4d;text-align:right;margin-top:-6px}.bug-panel-check{display:flex;align-items:center;gap:7px;font-size:12px;color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none}.bug-panel-check input{accent-color:#9d7bff;cursor:pointer}.bug-panel-check em{color:#fff6;font-style:normal}.bug-panel-error{font-size:12px;color:#f08080;text-align:center}.bug-panel-done{text-align:center;font-size:14px;color:#ffffffd9;padding:12px 0}.bug-panel-send{background:#9d7bffb3;border:none;border-radius:8px;color:#fff;font-size:13px;padding:9px;cursor:pointer;transition:background .2s;margin-top:2px}.bug-panel-send:hover:not(:disabled){background:#9d7bff}.bug-panel-send:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.bug-report-panel{right:12px;bottom:62px;width:calc(100vw - 24px);max-width:320px}}@media (max-width: 480px){.bug-report-btn:not(.bug-report-btn--inline){bottom:60px;right:10px;padding:9px;border-radius:50%;gap:0}.bug-report-btn:not(.bug-report-btn--inline) .bug-text{display:none}.bug-icon{font-size:16px}}@media (max-width: 480px){body[data-cookie-consent-visible] .bug-report-btn:not(.bug-report-btn--inline){bottom:calc(86px + env(safe-area-inset-bottom,0px))}body[data-cookie-consent-visible] .bug-report-panel:not(.bug-report-panel--inline){bottom:calc(86px + env(safe-area-inset-bottom,0px))}}.bug-report-inline-wrap{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid rgba(128,100,200,.12);margin-top:2px;min-width:0;width:100%;box-sizing:border-box}.bug-report-btn--inline{position:static;width:100%;box-sizing:border-box;background:#7b5cbf0f;border:1px solid rgba(123,92,191,.28);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;color:#5a3fa0;transform:none!important;box-shadow:none!important;justify-content:center;bottom:auto;right:auto}.bug-report-btn--inline:hover{background:#9d7bff12;color:#9d7bffe6;border-color:#9d7bff59}[data-theme=light] .bug-report-btn--inline{color:#5a3fa0;border-color:#7b5cbf47;background:#7b5cbf0f}[data-theme=light] .bug-report-btn--inline:hover{background:#7b5cbf21;color:#3d2a80;border-color:#7b5cbf80}.bug-report-panel--inline{position:static;width:100%;max-width:100%;box-sizing:border-box;bottom:auto;right:auto;box-shadow:none;border-radius:10px;overflow:hidden}.bug-report-panel--inline .bug-panel-textarea{width:100%;box-sizing:border-box;max-width:100%}@media (max-width: 768px){.bug-report-panel--inline{padding:12px;border-radius:8px}.bug-report-panel--inline .bug-panel-textarea{font-size:14px;font-size:max(14px,1em);rows:3}.bug-report-panel--inline .bug-panel-header{font-size:13px}.bug-report-panel--inline .bug-panel-send{padding:11px;font-size:14px}.bug-report-btn--inline{padding:11px 14px;font-size:14px;min-height:44px}}@media (max-width: 374px){.bug-report-btn--inline{font-size:13px;padding:10px}.bug-report-panel--inline{padding:10px}}.announcement-center{position:relative;display:inline-flex;align-items:center}.notif-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary, #888);transition:color .15s,background .15s}.notif-bell-btn:hover{color:var(--primary, #9D7BFF);background:var(--surface-hover, rgba(157, 123, 255, .1))}.notif-bell-btn.has-unread{color:var(--primary, #9D7BFF)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;line-height:16px;border-radius:8px;text-align:center;pointer-events:none}.notif-mobile-overlay{display:none}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:480px;display:flex;flex-direction:column;background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:300;overflow:hidden}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--border, #e2e8f0);flex-shrink:0}.notif-panel-title{font-size:14px;font-weight:700;color:var(--text-primary, #1a1a2e)}.notif-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:18px;line-height:1;color:var(--text-secondary, #888);cursor:pointer;border-radius:4px;padding:0}.notif-close-btn:hover{background:var(--surface-hover, rgba(0,0,0,.06));color:var(--text-primary, #1a1a2e)}.notif-list{overflow-y:auto;flex:1}.notif-empty{padding:32px 16px;text-align:center;color:var(--text-secondary, #888);font-size:13px;margin:0}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border, #e2e8f0);cursor:default}.notif-item:last-child{border-bottom:none}.notif-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.notif-severity-badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.notif-severity-info .notif-severity-badge{background:#ebf8ff;color:#2b6cb0}.notif-severity-warning .notif-severity-badge{background:#fffbeb;color:#b7791f}.notif-severity-maintenance .notif-severity-badge{background:#faf5ff;color:#6b46c1}.notif-severity-critical .notif-severity-badge{background:#fff5f5;color:#c53030}.notif-time{font-size:11px;color:var(--text-tertiary, #aaa)}.notif-title{font-size:13px;font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:2px}.notif-message{font-size:13px;color:var(--text-secondary, #555);line-height:1.5;white-space:pre-wrap;word-break:break-word}.tmbs-notif-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 0;border:none;background:transparent;font-size:14px;color:var(--text-primary, #1a1a2e);cursor:pointer;text-align:left}.tmbs-notif-badge{display:inline-block;min-width:18px;height:18px;padding:0 4px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;line-height:18px;border-radius:9px;text-align:center}.announcement-center.force-open{position:static}@media (max-width: 768px){.notif-mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:299}.notif-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0;z-index:300}}:root{--nav-h: 60px;--toolbar-h: 57px;--mob-nav-h: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:var(--bg-secondary, #eeeaf8);color:var(--text-primary, #2a1f4e);min-height:100vh;position:relative;overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;background:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(180,160,240,.22);gap:12px}.nav-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;text-decoration:none}.nav-logo-img{height:36px;width:auto;display:block;filter:drop-shadow(0 1px 4px rgba(123,92,191,.3))}.nav-logo-wordmark{font-family:Arial Black,Impact,Arial,sans-serif;font-size:20px;font-weight:900;letter-spacing:-.5px;line-height:1;-webkit-user-select:none;user-select:none}.nav-logo-ten{color:#2a1f4e}.nav-logo-jelly{color:#b48ef5}.nav-marquee{flex:1;max-width:480px;display:flex;align-items:center;background:#7b5cbf0f;border:1px solid rgba(123,92,191,.15);border-radius:20px;padding:0 14px;height:34px;overflow:hidden;cursor:pointer;transition:background .2s;position:relative}.nav-marquee:hover{background:#7b5cbf1a}.marquee-track{display:flex;gap:28px;align-items:center;white-space:nowrap;animation:marqueeScroll 18s linear infinite}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#5a4a8a;flex-shrink:0}.marquee-name{font-weight:600;color:#2a1f4e}.marquee-score{color:#7b5cbf;font-weight:700}.marquee-rank{color:#9880d0;font-size:11px}.nav-lobby-nick{display:none;flex:1;justify-content:center;align-items:center}.nav-nick-btn{display:flex;align-items:center;gap:5px;background:#7b5cbf17;border:1.5px solid rgba(123,92,191,.18);border-radius:20px;padding:5px 12px 5px 10px;cursor:pointer;transition:all .18s;max-width:160px}.nav-nick-btn:hover{background:#7b5cbf29;border-color:#7b5cbf59}.nav-nick-btn:active{transform:scale(.97)}.nav-nick-label{font-size:14px;font-weight:700;color:#2a1f4e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.nav-nick-pencil{color:#9880d0;flex-shrink:0}.nick-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#140a3273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:flex-end}.nick-sheet-overlay.open{display:flex}.nick-sheet{width:100%;background:#fff;border-radius:24px 24px 0 0;padding:8px 24px 32px;animation:slideUp .22s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nick-sheet-handle{width:40px;height:4px;background:#0000001a;border-radius:2px;margin:12px auto 20px}.nick-sheet-title{font-size:16px;font-weight:800;color:#2a1f4e;margin-bottom:4px}.nick-sheet-desc{font-size:12px;color:#9880d0;margin-bottom:16px}.nick-sheet-input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid rgba(180,160,240,.4);background:#faf9ff;font-size:18px;font-weight:700;color:#2a1f4e;outline:none;transition:border-color .18s;margin-bottom:6px}.nick-sheet-input:focus{border-color:#7b5cbf}.nick-sheet-input.error{border-color:#e05060;animation:shake .3s ease}.nick-sheet-counter{font-size:11px;color:#b0a0c8;text-align:right;margin-bottom:14px}.nick-sheet-confirm{width:100%;padding:15px;border-radius:12px;border:none;background:linear-gradient(135deg,#7b5cbf,#9b6ee8);color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px 14px #7b5cbf59;cursor:pointer}.nick-sheet-confirm:hover{opacity:.92}[data-theme=dark] .nav-nick-btn{background:#7b5cbf26;border-color:#7b5cbf40}[data-theme=dark] .nav-nick-label{color:#e0d0ff}[data-theme=dark] .nick-sheet{background:#150f2a}[data-theme=dark] .nick-sheet-title{color:#e0d0ff}[data-theme=dark] .nick-sheet-input{background:#ffffff0d;border-color:#7b5cbf4d;color:#e0d0ff}[data-theme=dark] .nick-sheet-input:focus{border-color:#7b5cbf}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-avatar-wrap{display:flex;align-items:center;gap:7px;background:#7b5cbf14;border:1px solid rgba(123,92,191,.18);border-radius:20px;padding:4px 12px 4px 4px;cursor:pointer;transition:background .2s}.user-avatar-wrap:hover{background:#7b5cbf24}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#b49af0,#9b6ee8);display:flex;align-items:center;justify-content:center;font-size:14px}.user-info{display:flex;flex-direction:column;line-height:1.1}.user-name{font-size:13px;font-weight:700;color:#2a1f4e}.user-score{font-size:11px;color:#7b5cbf;font-weight:600}.nav-icon-btn{width:32px;height:32px;border-radius:8px;background:#7b5cbf12;border:1px solid rgba(123,92,191,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a4a8a;transition:all .2s}.nav-icon-btn:hover{background:#7b5cbf24;color:#7b5cbf}.btn-logout{display:none}.avatar-sep{width:1px;height:18px;background:#7b5cbf38;margin:0 4px;flex-shrink:0}.btn-logout-inline{padding:4px 10px;border-radius:7px;background:none;border:1px solid rgba(180,160,240,.35);color:#9880d0;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-logout-inline:hover{background:#7b5cbf14;color:#7b5cbf}.nav-vol{position:relative;display:flex;align-items:center}.nav-vol-widget{display:flex;align-items:center;gap:0;background:#fffc;border:1.5px solid rgba(180,160,240,.3);border-radius:10px;overflow:hidden;height:34px}.nav-vol-icon-btn{width:34px;height:34px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a4a8a;transition:color .15s;flex-shrink:0}.nav-vol-icon-btn:hover{color:#7b5cbf}.nav-vol-icon-btn.muted{color:#c0b0d0}.nav-vol-mini{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:4px;border-radius:4px;outline:none;background:linear-gradient(to right,#7b5cbf var(--val, 50%),rgba(180,160,240,.25) var(--val, 50%));cursor:pointer;border:none;background-color:transparent}.nav-vol-mini::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#7b5cbf;box-shadow:0 1px 4px #7b5cbf66}.nav-vol-chevron{width:26px;height:34px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9880d0;font-size:12px;transition:color .15s;border-left:1px solid rgba(180,160,240,.2);flex-shrink:0}.nav-vol-chevron:hover{color:#7b5cbf;background:#7b5cbf0f}.nav-vol-chevron.open{color:#7b5cbf}.nav-vol-panel{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid rgba(180,160,240,.3);border-radius:14px;padding:14px 16px;box-shadow:0 8px 28px #5028a021;display:none;flex-direction:column;gap:10px;width:220px;z-index:500}.nav-vol-panel.open{display:flex}.nav-vol-panel-title{font-size:11px;font-weight:700;color:#9880d0;letter-spacing:.5px;margin-bottom:2px}.toolbar{position:sticky;top:var(--nav-h);z-index:150;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(180,160,240,.2)}.toolbar-left{display:flex;align-items:center;gap:8px;flex:1}.toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.search-wrap{position:relative;flex:1;max-width:320px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#9880d0;pointer-events:none}.search-input{width:100%;padding:8px 30px 8px 34px;background:#ffffffe6;border:1.5px solid rgba(180,160,240,.35);border-radius:10px;font-size:14px;color:#2a1f4e;outline:none;transition:border-color .2s}.search-input::placeholder{color:#b0a0d0}.search-input:focus{border-color:#7b5cbf}.search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:none;color:#b0a0d0;cursor:pointer;font-size:16px;line-height:1;display:none;padding:0 2px}.search-clear:hover{color:#7b5cbf}.tb-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid transparent;white-space:nowrap}.tb-btn-ghost{background:#fffc;border-color:#b4a0f04d;color:#5a4a8a}.tb-btn-ghost:hover{background:#7b5cbf12;border-color:#7b5cbf4d}.tb-btn-ghost.active{background:#7b5cbf1f;border-color:#7b5cbf73;color:#7b5cbf}.tb-btn-icon{width:36px;height:36px;padding:0;justify-content:center;background:#fffc;border-color:#b4a0f04d;color:#5a4a8a}.tb-btn-icon:hover{background:#7b5cbf12}.tb-btn-primary{background:linear-gradient(135deg,#7b5cbf,#9b6ee8);color:#fff;box-shadow:0 2px 10px #7b5cbf4d}.tb-btn-primary:hover{opacity:.92;box-shadow:0 4px 16px #7b5cbf66}.tb-btn-create{background:linear-gradient(135deg,#5b3da8,#8b4ee8,#b06af0);color:#fff;font-size:14px;font-weight:800;padding:9px 20px;border-radius:12px;letter-spacing:-.2px;box-shadow:inset 0 1px #ffffff61,inset 0 -2px #4a268e47,0 5px 16px #7b5cbf61}.tb-btn-create:hover{opacity:1;transform:translateY(-1px);box-shadow:0 6px 24px #7b5cbf8c}.tb-btn-create:active{transform:translateY(0)}.create-plus{width:20px;height:20px;border-radius:50%;background:#ffffff38;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;flex-shrink:0}@keyframes createPulse{0%,to{box-shadow:0 4px 18px #7b5cbf73,0 0 #9b6ee859}50%{box-shadow:0 4px 18px #7b5cbf73,0 0 0 7px #9b6ee800}}.tb-divider{width:1px;height:22px;background:#b4a0f04d;flex-shrink:0}.filter-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#7b5cbf;color:#fff;font-size:10px;font-weight:700;margin-left:2px}.filter-panel{position:sticky;top:calc(var(--nav-h) + var(--toolbar-h));z-index:140;background:#f8f6fff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(180,160,240,.25);padding:14px 24px 16px;display:flex;flex-direction:column;gap:14px;animation:slideDown .18s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-label{font-size:12px;font-weight:700;color:#9880d0;width:60px;flex-shrink:0}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid rgba(180,160,240,.3);background:#fffc;color:#5a4a8a;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#7b5cbf66;background:#7b5cbf0f}.chip.selected{background:#7b5cbf;color:#fff;border-color:#7b5cbf}.filter-check-wrap{display:flex;align-items:center;gap:7px;cursor:pointer}.filter-check-wrap input[type=checkbox]{width:16px;height:16px;accent-color:#7b5cbf;cursor:pointer}.filter-check-label{font-size:13px;color:#5a4a8a;font-weight:500;cursor:pointer}.filter-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:2px}.btn-filter-reset{padding:6px 16px;border-radius:8px;background:none;border:1px solid rgba(180,160,240,.35);color:#9880d0;font-size:12px;font-weight:600;cursor:pointer}.btn-filter-reset:hover{background:#b4a0f01a}.btn-filter-apply{padding:6px 20px;border-radius:8px;background:#7b5cbf;border:none;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.btn-filter-apply:hover{background:#6a4daa}.active-filters{display:none;align-items:center;gap:8px;padding:8px 24px;background:#7b5cbf0a;border-bottom:1px solid rgba(180,160,240,.15);flex-wrap:wrap}.active-filters.visible{display:flex}.active-filter-label{font-size:11px;color:#9880d0;font-weight:600;flex-shrink:0}.active-tag{display:flex;align-items:center;gap:4px;padding:3px 10px 3px 12px;border-radius:20px;background:#7b5cbf1f;border:1px solid rgba(123,92,191,.25);font-size:12px;color:#7b5cbf;font-weight:600}.active-tag-remove{background:none;border:none;color:#9880d0;cursor:pointer;font-size:14px;line-height:1;padding:0;margin-left:2px}.active-tag-remove:hover{color:#7b5cbf}.btn-clear-all{font-size:11px;color:#c07070;background:none;border:none;cursor:pointer;margin-left:auto;font-weight:600}.btn-clear-all:hover{color:#a05050}.no-results{display:none;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#9880d0;text-align:center}.no-results-icon{font-size:48px}.no-results-title{font-size:18px;font-weight:700;color:#5a4a8a}.no-results-sub{font-size:14px;color:#9880d0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:0}.empty-jelly{width:160px;height:160px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.empty-jelly-placeholder{width:130px;height:110px;background:linear-gradient(160deg,#c3a8f0,#9b6ee8 60%,#7b5cbf);border-radius:50% 50% 48% 48%/40% 40% 60% 60%;position:relative;box-shadow:0 8px 24px #7b5cbf4d,inset 0 -6px 12px #ffffff26;animation:jellyWobble 3s ease-in-out infinite}.empty-jelly-placeholder:before{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:70px;height:28px;background:#ffffff1f;border-radius:50%}.jelly-eye{position:absolute;top:32px;width:18px;height:20px;background:#2a1248;border-radius:50%}.jelly-eye:after{content:"";position:absolute;top:3px;left:4px;width:6px;height:6px;background:#ffffffb3;border-radius:50%}.jelly-eye-l{left:28px}.jelly-eye-r{right:28px}.jelly-brow{position:absolute;top:22px;width:16px;height:3px;background:#2a1248;border-radius:3px}.jelly-brow-l{left:27px;transform:rotate(12deg)}.jelly-brow-r{right:27px;transform:rotate(-12deg)}.jelly-mouth{position:absolute;top:60px;left:50%;width:28px;height:12px;border:3px solid #2a1248;border-top:none;border-radius:0 0 14px 14px;transform:translate(-50%) scaleY(-1)}@keyframes jellyWobble{0%,to{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(1.04) scaleY(.97)}75%{transform:scaleX(.97) scaleY(1.03)}}.empty-title{font-size:28px;font-weight:800;color:#2a1f4e;text-align:center;line-height:1.35;margin-bottom:32px}.empty-actions{display:flex;align-items:center;gap:12px}.btn-create{display:flex;align-items:center;gap:8px;padding:16px 40px;border-radius:100px;background:linear-gradient(135deg,#7b5cbf,#9b6ee8);color:#fff;font-size:18px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 20px #7b5cbf66;transition:all .2s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7b5cbf80}.btn-create-icon-css{width:26px;height:26px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.btn-quick{padding:14px 28px;border-radius:100px;background:#fffc;border:2px solid rgba(180,160,240,.4);color:#5a4a8a;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-quick:hover{background:#7b5cbf14;border-color:#7b5cbf66}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:20px 24px}.load-more-sentinel{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:24px;gap:10px;color:#9880d0;font-size:13px}.load-more-spinner{width:18px;height:18px;border:2px solid rgba(123,92,191,.2);border-top-color:#7b5cbf;border-radius:50%;animation:spin .7s linear infinite}.load-more-done{grid-column:1 / -1;text-align:center;padding:20px 0 60px;font-size:12px;color:#c0b0d8}.room-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(180,160,240,.25);border-radius:14px;padding:16px;transition:all .18s;box-shadow:0 2px 8px #7b5cbf0f}.room-card:hover{border-color:#7b5cbf59;box-shadow:0 4px 16px #7b5cbf1f;transform:translateY(-2px)}.room-card.hidden{display:none}.room-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.room-name{font-size:15px;font-weight:700;color:#2a1f4e;line-height:1.3}.btn-join{flex-shrink:0;padding:6px 16px;border-radius:8px;background:linear-gradient(135deg,#7b5cbf,#9b6ee8);color:#fff;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:opacity .2s}.btn-join:hover{opacity:.88}.btn-join.full{background:#e0daf0;color:#9880d0;cursor:not-allowed}.room-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.badge{padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700}.badge-S{background:#eef8ee;color:#2a8a2a}.badge-M{background:#eef4ff;color:#2a5abf}.badge-L{background:#fff4ee;color:#bf5a2a}.badge-mode{background:#7b5cbf1a;color:#7b5cbf}.badge-time{background:#6450c814;color:#6050b0;display:inline-flex;align-items:center;gap:3px}.room-footer{display:flex;align-items:center;gap:10px}.player-count{font-size:13px;font-weight:600;color:#5a4a8a}.player-bar{flex:1;height:5px;background:#b4a0f033;border-radius:10px;overflow:hidden}.player-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#7b5cbf,#9b6ee8);transition:width .3s}.player-fill.nearly-full{background:linear-gradient(90deg,#e08030,#f0a040)}.player-fill.full{background:linear-gradient(90deg,#c03030,#e05050)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#140a3280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .18s ease}.modal-overlay.hidden{display:none}.modal-box{background:#fff;border-radius:20px;padding:32px 28px;width:100%;max-width:400px;margin:16px;box-shadow:0 20px 60px #5028a033;animation:modalPop .2s ease-out;position:relative}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:#7b5cbf14;border:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9880d0;font-size:18px;transition:all .15s}.modal-close:hover{background:#7b5cbf26;color:#7b5cbf}.modal-title{font-size:20px;font-weight:800;color:#2a1f4e;margin-bottom:6px}.modal-sub{font-size:13px;color:#9880d0;margin-bottom:24px;line-height:1.5}.code-input-wrap{position:relative;margin-bottom:8px}.code-input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid rgba(180,160,240,.4);background:#faf9ff;font-size:24px;font-weight:800;letter-spacing:6px;text-align:center;color:#2a1f4e;outline:none;text-transform:uppercase;transition:border-color .2s}.code-input::placeholder{font-size:18px;font-weight:500;letter-spacing:3px;color:#c0b0e0}.code-input:focus{border-color:#7b5cbf}.code-input.error{border-color:#e05060;background:#fff5f6;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.code-error{font-size:12px;color:#e05060;text-align:center;margin-bottom:12px;min-height:18px}.btn-enter{width:100%;padding:14px;border-radius:12px;background:linear-gradient(135deg,#7b5cbf,#9b6ee8);color:#fff;font-size:16px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 16px #7b5cbf4d;transition:all .2s;margin-bottom:10px}.btn-enter:hover{opacity:.92;transform:translateY(-1px)}.btn-enter:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-cancel{width:100%;padding:10px;border-radius:10px;background:none;border:1.5px solid rgba(180,160,240,.35);color:#9880d0;font-size:14px;font-weight:600;cursor:pointer}.btn-cancel:hover{background:#7b5cbf0f}.code-boxes{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.code-box{width:48px;height:58px;border-radius:10px;border:2px solid rgba(180,160,240,.4);background:#faf9ff;font-size:26px;font-weight:800;text-align:center;color:#2a1f4e;outline:none;transition:all .15s;caret-color:transparent;text-transform:uppercase}.code-box:focus{border-color:#7b5cbf;background:#f5f0ff;box-shadow:0 0 0 3px #7b5cbf26}.code-box.filled{border-color:#7b5cbf80}.code-box.error-box{border-color:#e05060!important;background:#fff5f6!important;animation:shake .3s ease}.code-box.masked{-webkit-text-security:disc}.code-visibility-row{display:flex;align-items:center;justify-content:flex-end;margin-bottom:4px;gap:5px}.code-visibility-label{font-size:11px;color:#b0a0d0}.code-visibility-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:none;border:1.5px solid rgba(180,160,240,.3);color:#b0a0d0;cursor:pointer;transition:all .15s}.code-visibility-btn:hover{background:#7b5cbf14;border-color:#7b5cbf66;color:#7b5cbf}.code-visibility-btn.revealed{border-color:#7b5cbf73;color:#7b5cbf;background:#7b5cbf14}.invite-code-display{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#7b5cbf14,#9b6ee814);border:2px dashed rgba(123,92,191,.3);border-radius:14px;padding:20px 16px;margin-bottom:16px;cursor:pointer;transition:all .2s}.invite-code-display:hover{background:#7b5cbf1f;border-color:#7b5cbf80}.invite-code-text{font-size:32px;font-weight:900;letter-spacing:8px;color:#7b5cbf;font-family:Arial Black,monospace}.invite-code-copy-icon{color:#9880d0;flex-shrink:0}.invite-hint{font-size:12px;color:#9880d0;text-align:center;margin-bottom:20px}.invite-share-btns{display:flex;gap:8px}.btn-share-kakao{flex:1;padding:11px;border-radius:10px;background:#fee500;border:none;color:#2a1f4e;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-share-kakao:hover{opacity:.88}.btn-share-link{flex:1;padding:11px;border-radius:10px;background:#7b5cbf1a;border:1.5px solid rgba(123,92,191,.25);color:#7b5cbf;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-share-link:hover{background:#7b5cbf2e}.copied-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#2a1f4e;color:#fff;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;z-index:9999;animation:toastIn .2s ease,toastOut .3s ease 1.5s forwards;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(-8px)}}.notice-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;align-items:center;gap:10px;padding:10px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(180,160,240,.2);font-size:13px}.notice-label{font-weight:800;font-size:12px;color:#9880d0;letter-spacing:.5px;flex-shrink:0}.notice-text{color:#5a4a8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bug-btn{position:fixed;bottom:52px;right:16px;z-index:200;display:flex;flex-direction:column;align-items:center;gap:2px;width:56px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(180,160,240,.3);border-radius:12px;padding:8px 4px 6px;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #00000014}.bug-btn:hover{background:#fff;border-color:#7b5cbf66;transform:translateY(-2px)}.bug-btn-text{font-size:10px;font-weight:600;color:#5a4a8a}.bg-jellies{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.room-card.same-country{border-color:#7b5cbf66;background:#7b5cbf12}[data-theme=dark] .room-card.same-country{border-color:#7b5cbf73;background:#7b5cbf21}.room-country-flag{margin-right:4px;font-style:normal}.room-card-skeleton{background:#ffffffb3;border:1.5px solid rgba(180,160,240,.15);border-radius:14px;padding:16px;height:108px;overflow:hidden;position:relative}.room-card-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(180,160,240,.15) 40%,rgba(180,160,240,.3) 50%,rgba(180,160,240,.15) 60%,transparent 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .room-card-skeleton{background:#1e143c99;border-color:#7b5cbf1a}.quick-match-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#0a051ebf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center}.quick-match-overlay.open{display:flex}.quick-match-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 48px;border-radius:24px;background:#ffffff12;border:1px solid rgba(180,160,240,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;animation:modalPop .25s ease-out}.qm-spinner{width:56px;height:56px;border-radius:50%;border:4px solid rgba(180,160,240,.25);border-top-color:#9b6ee8;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qm-title{font-size:20px;font-weight:800;color:#fff}.qm-sub{font-size:13px;color:#c8b4ffbf}.qm-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b4a0f080;margin:0 3px;animation:dotBounce 1.2s ease-in-out infinite}.qm-dots span:nth-child(2){animation-delay:.2s}.qm-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.qm-cancel{padding:10px 28px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#dcc8ffd9;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:4px}.qm-cancel:hover{background:#ffffff2e}.nav-logo-box{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes logoWiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-8deg) scale(1.05)}35%{transform:rotate(8deg) scale(1.05)}55%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.nav-logo-box.wiggle{animation:logoWiggle .48s ease}.logo-egg-counter{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;border-radius:9px;padding:0 4px;background:#e05060;color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 1px 4px #00000040}@keyframes eggCountPop{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}.logo-egg-counter.pop{animation:eggCountPop .18s ease}.logo-sparkle-wrap{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;display:flex;align-items:center;justify-content:center}.logo-sparkle-wrap .sp{position:absolute;font-size:15px;animation:spPop .7s ease forwards}.logo-sparkle-wrap .sp:nth-child(1){top:0;left:0}.logo-sparkle-wrap .sp:nth-child(2){top:0;right:0}.logo-sparkle-wrap .sp:nth-child(3){bottom:0;left:0}.logo-sparkle-wrap .sp:nth-child(4){bottom:0;right:0}@keyframes spPop{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.4) rotate(20deg);opacity:1}to{transform:scale(1) rotate(40deg);opacity:0}}.room-count-bar{padding:3px 24px;font-size:11px;color:#9880d0;font-weight:500}.profile-modal-box{max-width:500px;padding:0;overflow:hidden;border-radius:22px}.profile-cover{background:linear-gradient(135deg,#4a2d9e,#7b5cbf,#9b6ee8);padding:28px 24px 24px;position:relative;display:flex;flex-direction:column;gap:0}.profile-cover-close{position:absolute;top:14px;right:14px;background:#ffffff26;border:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:18px;transition:background .15s}.profile-cover-close:hover{background:#ffffff40}.profile-cover-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile-avatar-lg{width:68px;height:68px;border-radius:50%;flex-shrink:0;border:3px solid rgba(255,255,255,.35);background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff}.profile-cover-identity{display:flex;flex-direction:column;gap:3px}.profile-name-row{display:flex;align-items:center;gap:7px}.profile-cover-name{font-size:20px;font-weight:800;color:#fff;line-height:1.2}.nickname-edit-btn{background:#ffffff2e;border:none;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fffc;flex-shrink:0;transition:background .15s}.nickname-edit-btn:hover{background:#ffffff4d;color:#fff}.nickname-input-row{display:none;align-items:center;gap:6px;margin-top:1px}.nickname-input-row.active{display:flex}.profile-name-row.editing{display:none}.nickname-input{background:#ffffff2e;border:1.5px solid rgba(255,255,255,.4);border-radius:8px;padding:5px 10px;font-size:17px;font-weight:700;color:#fff;outline:none;width:160px;transition:border-color .15s}.nickname-input::placeholder{color:#ffffff73;font-weight:500}.nickname-input:focus{border-color:#fffc;background:#ffffff38}.nickname-input.error{border-color:#f88;animation:shake .3s ease}.nickname-confirm-btn{background:#ffffff38;border:1.5px solid rgba(255,255,255,.4);border-radius:7px;padding:5px 10px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.nickname-confirm-btn:hover{background:#ffffff59}.nickname-cancel-btn{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;line-height:1;padding:0 2px;transition:color .15s}.nickname-cancel-btn:hover{color:#fff}.nickname-hint{font-size:10px;color:#ffffff8c;margin-top:3px}.profile-cover-email{font-size:12px;color:#ffffffa6}.profile-cover-title{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;border-radius:20px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:700;color:#fff;width:fit-content}.profile-cover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff26;border-radius:12px;overflow:hidden}.profile-mini-stat{background:#ffffff1a;padding:10px 8px;text-align:center;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-mini-val{font-size:18px;font-weight:800;color:#fff;line-height:1}.profile-mini-lbl{font-size:10px;color:#ffffffb8;font-weight:600}.profile-body{padding:20px 24px 24px;max-height:58vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.profile-body::-webkit-scrollbar{width:4px}.profile-body::-webkit-scrollbar-thumb{background:#7b5cbf33;border-radius:4px}.profile-lb-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#7b5cbf12;border:1px solid rgba(123,92,191,.14);gap:10px}.profile-lb-label{font-size:11px;color:#9880d0;font-weight:600;margin-bottom:2px}.profile-lb-name{font-size:15px;font-weight:700;color:#2a1f4e}.profile-lb-unset{font-size:13px;color:#b0a0c8}.profile-lb-btn{padding:6px 14px;border-radius:8px;border:none;background:#7b5cbf;color:#fff;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.profile-lb-btn:hover{background:#6a4daa}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-stat-card{background:#7b5cbf12;border:1px solid rgba(123,92,191,.12);border-radius:12px;padding:12px 8px 10px;text-align:center;display:flex;flex-direction:column;gap:4px}.profile-stat-val{font-size:19px;font-weight:800;color:#2a1f4e;line-height:1}.profile-stat-lbl{font-size:10px;color:#9880d0;font-weight:600}.profile-stat-val.win{color:#27ae60}.profile-stat-val.warn{color:#e67e22}.profile-stat-val.bad{color:#e74c3c}.profile-section-title{font-size:12px;font-weight:800;color:#9880d0;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.profile-match-list{display:flex;flex-direction:column;gap:6px}.profile-match-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#7b5cbf0d;border:1px solid rgba(123,92,191,.1);font-size:13px}.profile-match-row.match-win{background:#27ae6012;border-color:#27ae602e}.match-medal{font-size:16px;width:22px;text-align:center;flex-shrink:0}.match-score{font-weight:800;color:#2a1f4e;min-width:52px}.match-mode{color:#7b5cbf;font-weight:600;flex:1}.match-players{color:#b0a0c8;font-size:12px;flex-shrink:0}.match-date{color:#c0b0d8;font-size:11px;flex-shrink:0}.profile-titles-grid{display:flex;flex-direction:column;gap:6px}.profile-title-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;width:100%;background:#7b5cbf0d;border:1.5px solid rgba(123,92,191,.12);cursor:pointer;transition:all .15s;text-align:left}.profile-title-card:hover{background:#7b5cbf1a;border-color:#7b5cbf4d}.profile-title-card.equipped{background:#7b5cbf24;border-color:#7b5cbf}.title-icon{font-size:22px;flex-shrink:0}.title-info{flex:1;min-width:0}.title-name{font-size:13px;font-weight:700;color:#2a1f4e}.title-rarity{font-size:10px;font-weight:700;letter-spacing:.3px}.title-rarity.legendary{color:#f0a030}.title-rarity.epic{color:#9b6ee8}.title-rarity.rare{color:#3a8ae8}.title-rarity.common{color:#9880d0}.title-equipped-badge{font-size:10px;font-weight:700;color:#7b5cbf;background:#7b5cbf26;border-radius:6px;padding:2px 8px;flex-shrink:0}.profile-loading-row{padding:14px;text-align:center;font-size:12px;color:#64508cb3}.profile-titles-hint{font-size:11px;color:#b0a0c8;margin-top:6px}.create-modal-box{max-width:480px;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain}.create-modal-box .modal-title{margin-bottom:0;padding-right:36px}.create-modal-header{flex:0 0 auto;padding:28px 28px 18px;border-bottom:1px solid rgba(123,92,191,.08)}.create-modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:20px 28px 18px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.create-modal-actions{flex:0 0 auto;display:grid;grid-template-columns:minmax(108px,.62fr) minmax(0,1fr);gap:10px;padding:14px 28px calc(18px + env(safe-area-inset-bottom));border-top:1px solid rgba(123,92,191,.1);background:linear-gradient(to bottom,#ffffffe0,#fff 26%);box-shadow:0 -10px 24px #5028a014}.create-section{display:flex;flex-direction:column;gap:6px;margin-bottom:17px}.create-section:last-child{margin-bottom:0}.create-section-publicity{order:3}.create-section-max-players{order:4}.create-section-board{order:5}.create-label{font-size:11px;font-weight:800;color:#9880d0;letter-spacing:.4px;text-transform:uppercase}.room-name-wrap{position:relative;display:flex;align-items:center;gap:8px}.room-name-input{flex:1;padding:11px 14px;border-radius:11px;border:1.5px solid rgba(180,160,240,.35);background:#faf9ff;font-size:15px;font-weight:600;color:#2a1f4e;outline:none;transition:border-color .18s}.room-name-input::placeholder{color:#c0b0e0;font-weight:400}.room-name-input:focus{border-color:#7b5cbf}.room-name-counter{position:absolute;right:56px;font-size:10px;color:#c0b0d8;pointer-events:none}.dice-btn{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:#7b5cbf17;border:1.5px solid rgba(123,92,191,.2);color:#7b5cbf;font-size:18px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.dice-btn:hover{background:#7b5cbf29;transform:rotate(20deg)}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-card{padding:14px 12px;border-radius:12px;border:2px solid rgba(180,160,240,.25);background:#ffffffb3;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:10px}.mode-card:hover{border-color:#7b5cbf59;background:#7b5cbf0d}.mode-card.selected{border-color:#7b5cbf;background:#7b5cbf1a}.mode-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;background:#7b5cbf26;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#7b5cbf;font-family:Arial Black,Arial,sans-serif}.mode-card.selected .mode-icon{background:#7b5cbf;color:#fff}.mode-info{display:flex;flex-direction:column;gap:1px}.mode-name{font-size:13px;font-weight:700;color:#2a1f4e}.mode-desc{font-size:10px;color:#9880d0}.size-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.size-card{padding:12px 8px;border-radius:12px;border:2px solid rgba(180,160,240,.25);background:#ffffffb3;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:8px}.size-card:hover{border-color:#7b5cbf59;background:#7b5cbf0d}.size-card.selected{border-color:#7b5cbf;background:#7b5cbf1a}.size-dot-grid{display:flex;flex-direction:column;gap:3px}.size-dot-row{display:flex;gap:3px}.size-dot{width:7px;height:7px;border-radius:2px;background:#7b5cbf40;transition:background .15s}.size-card.selected .size-dot{background:#7b5cbf}.size-label{font-size:14px;font-weight:800;color:#5a4a8a}.size-card.selected .size-label{color:#7b5cbf}.size-rec{font-size:9px;color:#b0a0c8;text-align:center;line-height:1.3}.player-count-selector{display:flex;align-items:center;gap:12px}.player-icons{display:flex;align-items:flex-end;gap:4px}.player-icon{position:relative;cursor:pointer;padding:2px;transition:transform .1s}.player-icon:hover{transform:translateY(-2px)}.player-icon svg{width:26px;height:26px;fill:#b4a0f066;transition:fill .15s}.player-icon.active svg{fill:#7b5cbf73}.player-icon.selected svg{fill:#7b5cbf}.player-icon.disabled{cursor:default}.player-icon.disabled:not(.active):not(.selected){opacity:.3}.player-icon.disabled:hover{transform:none}.player-tooltip{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:#7b5cbf;color:#fff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;animation:fadeIn .1s ease}.player-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#7b5cbf}.player-count-label{font-size:15px;font-weight:700;color:#7b5cbf;min-width:32px}.visibility-toggle{display:flex;gap:8px}.vis-btn{flex:1;padding:10px;border-radius:10px;border:2px solid rgba(180,160,240,.25);background:#ffffffb3;cursor:pointer;font-size:13px;font-weight:700;color:#5a4a8a;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.vis-btn:hover{border-color:#7b5cbf59}.vis-btn.selected{border-color:#7b5cbf;background:#7b5cbf1a;color:#7b5cbf}.btn-create-room{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#7b5cbf,#9b6ee8);color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px 16px #7b5cbf59;cursor:pointer;transition:all .18s;margin-top:0}.btn-create-room:hover{opacity:.92;transform:translateY(-1px)}.btn-create-cancel{width:100%;padding:14px;border-radius:12px;border:1.5px solid rgba(123,92,191,.18);background:#7b5cbf0f;color:#6c5a98;font-size:15px;font-weight:800;cursor:pointer;transition:all .18s}.btn-create-cancel:hover{background:#7b5cbf1f;color:#5a438f}[data-theme=dark] .room-name-input{background:#ffffff0d;border-color:#7b5cbf40;color:#e0d0ff}[data-theme=dark] .create-modal-header,[data-theme=dark] .create-modal-actions{border-color:#ffffff12}[data-theme=dark] .create-modal-actions{background:linear-gradient(to bottom,#150f2ae0,#150f2a 26%);box-shadow:0 -10px 24px #0000002e}[data-theme=dark] .btn-create-cancel{background:#ffffff0d;border-color:#7b5cbf38;color:#b8a0e8}[data-theme=dark] .btn-create-cancel:hover{background:#7b5cbf24;color:#d8c8ff}[data-theme=dark] .mode-card,[data-theme=dark] .size-card,[data-theme=dark] .player-icon-btn,[data-theme=dark] .vis-btn{background:#ffffff0a;border-color:#7b5cbf26}[data-theme=dark] .mode-name,[data-theme=dark] .size-label{color:#e0d0ff}.lb-modal-box{max-width:440px;padding:28px 24px 24px}.lb-my-rank{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;margin-bottom:12px;background:linear-gradient(135deg,#7b5cbf1a,#9b6ee814);border:1.5px solid rgba(123,92,191,.2)}.lb-my-label{font-size:11px;font-weight:700;color:#9880d0}.lb-my-pos{font-size:15px;font-weight:800;color:#7b5cbf;margin-left:auto}.lb-my-score{font-size:13px;color:#9880d0;font-weight:600}.lb-list{display:flex;flex-direction:column;gap:5px;max-height:380px;overflow-y:auto}.lb-list::-webkit-scrollbar{width:4px}.lb-list::-webkit-scrollbar-thumb{background:#7b5cbf33;border-radius:4px}.lb-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;background:#7b5cbf0a;border:1px solid rgba(123,92,191,.09);transition:background .15s}.lb-row:hover{background:#7b5cbf14}.lb-top1{background:#f0a03014;border-color:#f0a03033}.lb-top2{background:#a0a8b414;border-color:#a0a8b433}.lb-top3{background:#b4783c12;border-color:#b4783c2e}.lb-me{background:#7b5cbf1a;border-color:#7b5cbf47}.lb-rank-num{font-size:13px;font-weight:800;color:#9880d0;min-width:28px;text-align:right;flex-shrink:0}.lb-medal{font-size:16px;flex-shrink:0;width:20px;text-align:center}.lb-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.lb-name{font-size:14px;font-weight:700;color:#2a1f4e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-title-badge{font-size:10px;font-weight:700}.lb-score{font-size:13px;font-weight:700;color:#5a4a8a;flex-shrink:0;white-space:nowrap}.lb-separator{text-align:center;color:#c0b0d8;font-size:16px;padding:2px 0;letter-spacing:4px}.settings-modal-box{max-width:460px;padding:28px 28px 24px}.stg-tabs{display:flex;gap:4px;margin-bottom:22px;background:#7b5cbf12;border-radius:12px;padding:4px}.stg-tab{flex:1;padding:8px 6px;border-radius:9px;border:none;background:none;font-size:13px;font-weight:600;color:#9880d0;cursor:pointer;transition:all .15s;white-space:nowrap}.stg-tab:hover{background:#7b5cbf14}.stg-tab.active{background:#fff;color:#7b5cbf;box-shadow:0 2px 8px #7b5cbf1f}.stg-pane{display:none;flex-direction:column;gap:16px}.stg-pane.active{display:flex}.stg-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#7b5cbf0d;border:1px solid rgba(123,92,191,.1);gap:12px}.stg-choice-options{display:flex;gap:8px;flex-shrink:0}.stg-choice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:64px;padding:10px 12px;border-radius:10px;border:2px solid rgba(123,92,191,.18);background:#7b5cbf0a;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.stg-choice-btn:hover{border-color:#7b5cbf66;background:#7b5cbf14}.stg-choice-btn.active{border-color:#7b5cbf;background:#7b5cbf1f;box-shadow:0 0 0 3px #7b5cbf1f}.stg-choice-icon{font-size:18px;line-height:1}.stg-choice-name{font-size:12px;font-weight:700;color:#4b3fa0;white-space:nowrap}.stg-choice-btn.active .stg-choice-name{color:#7b5cbf}[data-theme=dark] .stg-choice-btn{border-color:#a082ff2e;background:#ffffff0a}[data-theme=dark] .stg-choice-btn:hover{border-color:#a082ff61;background:#ffffff14}[data-theme=dark] .stg-choice-btn.active{border-color:#9b7ee8;background:#9b7ee82e;box-shadow:0 0 0 3px #9b7ee826}[data-theme=dark] .stg-choice-name{color:#b8a0e8}[data-theme=dark] .stg-choice-btn.active .stg-choice-name{color:#c8b0ff}.stg-row-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.stg-row-title{font-size:14px;font-weight:700;color:#2a1f4e}.stg-row-desc{font-size:11px;color:#9880d0}.toggle-btn{position:relative;width:48px;height:27px;min-width:48px;min-height:27px;padding:0;border-radius:14px;background:#b4a0f04d;border:none;cursor:pointer;transition:background .2s;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:flex-start}.toggle-btn.on{background:#7b5cbf}.toggle-btn:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .2s}.toggle-btn.on:after{transform:translate(21px)}.lang-options{display:flex;flex-direction:column;gap:6px}.lang-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#7b5cbf0d;border:1.5px solid rgba(123,92,191,.1);cursor:pointer;transition:all .15s;width:100%}.lang-option:hover{background:#7b5cbf17;border-color:#7b5cbf40}.lang-option.active{background:#7b5cbf1f;border-color:#7b5cbf}.lang-badge{width:36px;height:36px;border-radius:8px;background:#7b5cbf1f;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#7b5cbf;flex-shrink:0}.lang-option.active .lang-badge{background:#7b5cbf;color:#fff}.lang-name{font-size:14px;font-weight:700;color:#2a1f4e}.lang-native{font-size:12px;color:#9880d0;margin-left:auto}.lang-check{color:#7b5cbf;font-size:16px;font-weight:700;margin-left:4px}.volume-rows{display:flex;flex-direction:column;gap:10px}.vol-row{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:12px;background:#7b5cbf0d;border:1px solid rgba(123,92,191,.1)}.vol-row-header{display:flex;align-items:center;justify-content:space-between}.vol-label{font-size:13px;font-weight:700;color:#2a1f4e}.vol-value{font-size:12px;color:#7b5cbf;font-weight:700;min-width:36px;text-align:right}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:10px;outline:none;background:linear-gradient(to right,#7b5cbf var(--val, 50%),rgba(180,160,240,.25) var(--val, 50%));cursor:pointer}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#7b5cbf;box-shadow:0 1px 5px #7b5cbf66;cursor:pointer}.vol-slider:disabled{opacity:.4;cursor:not-allowed}.vol-mute-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.vol-mute-label{font-size:13px;color:#5a4a8a;font-weight:600}.stg-footer-btns{margin-top:16px;padding-top:14px;border-top:1px solid rgba(120,90,200,.18);display:flex;flex-direction:column;gap:6px}.stg-back-btn{width:100%;background:#7b5cbf0f;border:1px solid rgba(123,92,191,.28);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;color:#5a3fa0;display:flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;transition:all .15s}.stg-back-btn:hover{background:#7b5cbf21;border-color:#7b5cbf80;color:#3d2a80}[data-theme=dark] .stg-back-btn{color:#c0a8f0;border-color:#a082ff4d;background:#a082ff12}[data-theme=dark] .stg-back-btn:hover{background:#a082ff24;border-color:#a082ff80;color:#d8c8ff}body,.nav,.toolbar,.filter-panel,.active-filters,.room-card,.modal-box,.mobile-bottom-nav,.notice-bar,.search-input,.nav-vol-widget,.user-avatar-wrap,.nav-icon-btn,.tb-btn-ghost,.chip,.profile-body,.profile-lb-row,.profile-stat-card,.profile-match-row,.profile-title-card,.lang-option,.stg-row,.vol-row,.code-box,.active-tag,.stg-tabs,.nav-vol-panel,.load-more-sentinel,.room-count-bar{transition:background-color .25s ease,border-color .25s ease,color .25s ease}[data-theme=dark]{background:#0f0b1e;color:#e0d0ff}[data-theme=dark] .nav{background:#0c081cf7;border-bottom-color:#7b5cbf1f}[data-theme=dark] .nav-logo-ten{color:#d0c0ff}[data-theme=dark] .nav-logo-jelly{color:#c8a0ff}[data-theme=dark] .user-avatar-wrap{background:#ffffff0d;border-color:#7b5cbf33}[data-theme=dark] .user-name{color:#e0d0ff}[data-theme=dark] .user-score{color:#b090e0}[data-theme=dark] .btn-logout-inline{border-color:#b4a0f033;color:#9080c0}[data-theme=dark] .nav-icon-btn{background:#ffffff0d;border-color:#7b5cbf26;color:#a090c8}[data-theme=dark] .nav-icon-btn:hover{background:#ffffff17;color:#c0a0ff}[data-theme=dark] .nav-vol-widget{background:#ffffff0d;border-color:#7b5cbf2e}[data-theme=dark] .nav-vol-icon-btn{color:#a090c8}[data-theme=dark] .nav-vol-chevron{color:#7060a0;border-left-color:#ffffff14}[data-theme=dark] .nav-vol-panel{background:#1a1230;border-color:#7b5cbf40;box-shadow:0 8px 28px #00000080}[data-theme=dark] .nav-vol-panel-title{color:#8070b0}[data-theme=dark] .nav-marquee{background:#ffffff0a;border-color:#7b5cbf1f}[data-theme=dark] .marquee-name{color:#d0c0ff}[data-theme=dark] .marquee-item{color:#8070b0}[data-theme=dark] .toolbar{background:#0c081ced;border-bottom-color:#7b5cbf1a}[data-theme=dark] .search-input{background:#ffffff0f;border-color:#7b5cbf33;color:#e0d0ff}[data-theme=dark] .search-input::placeholder{color:#5a4a7a}[data-theme=dark] .search-input:focus{border-color:#7b5cbf}[data-theme=dark] .search-icon,[data-theme=dark] .search-clear{color:#6050a0}[data-theme=dark] .tb-btn-ghost{background:#ffffff0d;border-color:#7b5cbf2e;color:#a090c8}[data-theme=dark] .tb-btn-ghost:hover{background:#ffffff17;border-color:#7b5cbf59;color:#c0a0ff}[data-theme=dark] .tb-btn-ghost.active{background:#7b5cbf2e;border-color:#7b5cbf73;color:#c0a0ff}[data-theme=dark] .tb-btn-icon{background:#ffffff0d;border-color:#7b5cbf2e;color:#a090c8}[data-theme=dark] .tb-divider{background:#ffffff14}[data-theme=dark] .filter-badge{background:#9b6ee8}[data-theme=dark] .filter-panel{background:#0a0618fa;border-bottom-color:#7b5cbf1f}[data-theme=dark] .filter-label{color:#7060a0}[data-theme=dark] .chip{background:#ffffff0d;border-color:#7b5cbf33;color:#a090c8}[data-theme=dark] .chip:hover{background:#7b5cbf1f;border-color:#7b5cbf59}[data-theme=dark] .chip.selected{background:#7b5cbf;color:#fff;border-color:#7b5cbf}[data-theme=dark] .filter-check-label{color:#a090c8}[data-theme=dark] .btn-filter-reset{border-color:#b4a0f033;color:#7060a0}[data-theme=dark] .btn-filter-reset:hover{background:#ffffff0d}[data-theme=dark] .active-filters{background:#ffffff08;border-bottom-color:#ffffff0d}[data-theme=dark] .active-filter-label{color:#7060a0}[data-theme=dark] .active-tag{background:#7b5cbf2e;border-color:#7b5cbf4d;color:#c0a0ff}[data-theme=dark] .active-tag-remove{color:#8070b0}[data-theme=dark] .btn-clear-all{color:#a06060}[data-theme=dark] .room-count-bar{color:#6050a0}[data-theme=dark] .room-card{background:#ffffff0a;border-color:#7b5cbf26}[data-theme=dark] .room-card:hover{border-color:#7b5cbf59;box-shadow:0 4px 16px #0006}[data-theme=dark] .room-name{color:#e0d0ff}[data-theme=dark] .player-count{color:#8070b0}[data-theme=dark] .player-bar{background:#ffffff12}[data-theme=dark] .badge-S{background:#2a8a2a33;color:#6aba6a}[data-theme=dark] .badge-M{background:#2a5abf33;color:#7aa0e8}[data-theme=dark] .badge-L{background:#bf5a2a33;color:#e8a07a}[data-theme=dark] .badge-mode{background:#7b5cbf2e;color:#b090e0}[data-theme=dark] .badge-time{background:#6450c826;color:#9080c8}[data-theme=dark] .empty-title,[data-theme=dark] .no-results-title{color:#c0b0e0}[data-theme=dark] .no-results-sub,[data-theme=dark] .load-more-sentinel{color:#6050a0}[data-theme=dark] .load-more-done{color:#4a3870}[data-theme=dark] .load-more-spinner{border-color:#7b5cbf26;border-top-color:#7b5cbf}[data-theme=dark] .modal-box{background:#150f2a}[data-theme=dark] .modal-title{color:#e8d8ff}[data-theme=dark] .modal-sub{color:#8070b0}[data-theme=dark] .modal-close{background:#ffffff12;color:#9080c0}[data-theme=dark] .modal-close:hover{background:#ffffff1f;color:#c0a0ff}[data-theme=dark] .code-box{background:#ffffff0d;border-color:#7b5cbf40;color:#e0d0ff}[data-theme=dark] .code-box:focus{background:#7b5cbf1a;border-color:#7b5cbf}[data-theme=dark] .code-box.filled{border-color:#7b5cbf80}[data-theme=dark] .code-error{color:#e07080}[data-theme=dark] .code-visibility-btn{border-color:#7b5cbf33;color:#6050a0}[data-theme=dark] .code-visibility-btn:hover{background:#7b5cbf1f;color:#b090e0}[data-theme=dark] .code-visibility-label{color:#5a4a80}[data-theme=dark] .btn-cancel{border-color:#b4a0f033;color:#8070b0}[data-theme=dark] .btn-cancel:hover{background:#ffffff0d}[data-theme=dark] .profile-body{background:#150f2a}[data-theme=dark] .profile-lb-row{background:#ffffff0a;border-color:#7b5cbf26}[data-theme=dark] .profile-lb-name{color:#e0d0ff}[data-theme=dark] .profile-lb-unset{color:#5a4a7a}[data-theme=dark] .profile-stat-card{background:#ffffff0a;border-color:#7b5cbf21}[data-theme=dark] .profile-stat-val{color:#e0d0ff}[data-theme=dark] .profile-section-title{color:#6050a0}[data-theme=dark] .profile-match-row{background:#ffffff08;border-color:#7b5cbf1f}[data-theme=dark] .profile-match-row.match-win{background:#27ae601a;border-color:#27ae6033}[data-theme=dark] .match-score{color:#e0d0ff}[data-theme=dark] .match-mode{color:#9b6ee8}[data-theme=dark] .match-players{color:#6050a0}[data-theme=dark] .match-date{color:#4a3870}[data-theme=dark] .profile-title-card{background:#ffffff0a;border-color:#7b5cbf26}[data-theme=dark] .profile-title-card:hover{background:#7b5cbf1f;border-color:#7b5cbf59}[data-theme=dark] .profile-title-card.equipped{background:#7b5cbf2e;border-color:#7b5cbf}[data-theme=dark] .title-name{color:#e0d0ff}[data-theme=dark] .profile-titles-hint{color:#5a4a7a}[data-theme=dark] .profile-mini-stat{background:#ffffff14}[data-theme=dark] .lb-my-rank{background:#7b5cbf26;border-color:#7b5cbf4d}[data-theme=dark] .lb-my-pos{color:#c0a0ff}[data-theme=dark] .lb-my-score{color:#8070b0}[data-theme=dark] .lb-row{background:#ffffff0a;border-color:#7b5cbf1a}[data-theme=dark] .lb-row:hover{background:#ffffff12}[data-theme=dark] .lb-top1{background:#f0a0301a;border-color:#f0a03038}[data-theme=dark] .lb-top2{background:#a0a8b414;border-color:#a0a8b42e}[data-theme=dark] .lb-top3{background:#b4783c17;border-color:#b4783c33}[data-theme=dark] .lb-me{background:#7b5cbf2e;border-color:#7b5cbf59}[data-theme=dark] .lb-name{color:#e0d0ff}[data-theme=dark] .lb-score{color:#a090c8}[data-theme=dark] .lb-rank-num{color:#6050a0}[data-theme=dark] .lb-separator{color:#3a2a60}[data-theme=dark] .stg-tabs{background:#ffffff0d}[data-theme=dark] .stg-tab{color:#8070b0}[data-theme=dark] .stg-tab:hover{background:#ffffff12}[data-theme=dark] .stg-tab.active{background:#ffffff1a;color:#c0a0ff;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .stg-row{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .stg-row-title{color:#e0d0ff}[data-theme=dark] .stg-row-desc{color:#6050a0}[data-theme=dark] .lang-option{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .lang-option:hover{background:#7b5cbf1a;border-color:#7b5cbf4d}[data-theme=dark] .lang-option.active{background:#7b5cbf33;border-color:#7b5cbf}[data-theme=dark] .lang-name{color:#e0d0ff}[data-theme=dark] .lang-native{color:#6050a0}[data-theme=dark] .vol-row{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .vol-label{color:#e0d0ff}[data-theme=dark] .vol-mute-label{color:#a090c8}[data-theme=dark] .toggle-btn{background:#ffffff1a}[data-theme=dark] .notice-bar{background:#0c081cf2;border-top-color:#7b5cbf1f}[data-theme=dark] .notice-label{color:#6050a0}[data-theme=dark] .notice-text{color:#8070b0}[data-theme=dark] .mobile-bottom-nav{background:#0c081cf7;border-top-color:#7b5cbf26}[data-theme=dark] .mob-nav-item{color:#4a3870}[data-theme=dark] .mob-nav-item.active{color:#9b6ee8}[data-theme=dark] .bg-jellies svg g{fill:#4a2d9e;opacity:.08}#eye-comfort-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#ffbe3c0b;pointer-events:none;z-index:99997}[data-eye-comfort=on]{background:#f5f0e8;color:#3a3530}[data-eye-comfort=on] #eye-comfort-overlay{display:block}[data-eye-comfort=on] .nav{background:#fffcf5e0!important;border-bottom-color:#9b85642e!important}[data-eye-comfort=on] .toolbar{background:#fffcf5eb!important;border-bottom-color:#9b856426!important}[data-eye-comfort=on] .search-input{background:#fffcf5f2!important;border-color:#9b85644d!important;color:#3a3530!important}[data-eye-comfort=on] .room-card{background:#fffcf5eb!important;border-color:#9b856438!important}[data-eye-comfort=on] .room-card:hover{background:#fffcf5!important;border-color:#9b856466!important}[data-eye-comfort=on] .modal-box,[data-eye-comfort=on] .profile-modal-box{background:#faf5ec!important}[data-eye-comfort=on] .modal-overlay{background:#64502873!important}[data-eye-comfort=on] .mobile-bottom-nav{background:#fffcf5f7!important;border-top-color:#9b85642e!important}[data-eye-comfort=on] .filter-panel{background:#faf5ec!important;border-color:#9b856433!important}[data-eye-comfort=on] .bugReportPanel,[data-eye-comfort=on] #bugReportPanel{background:#2d261cf7!important}[data-theme=dark][data-eye-comfort=on]{background:#1e1a14;color:#ebe4d7eb}[data-theme=dark][data-eye-comfort=on] #eye-comfort-overlay{background:#ffc85008}[data-theme=dark][data-eye-comfort=on] .nav{background:#231e16eb!important;border-bottom-color:#78644624!important}[data-theme=dark][data-eye-comfort=on] .toolbar{background:#1e1912f2!important;border-bottom-color:#7864461f!important}[data-theme=dark][data-eye-comfort=on] .search-input{background:#78644614!important;border-color:#78644638!important;color:#ebe4d7e6!important}[data-theme=dark][data-eye-comfort=on] .room-card{background:#78644612!important;border-color:#78644629!important}[data-theme=dark][data-eye-comfort=on] .room-card:hover{background:#78644621!important;border-color:#78644647!important}[data-theme=dark][data-eye-comfort=on] .modal-box,[data-theme=dark][data-eye-comfort=on] .profile-modal-box{background:#252018!important}[data-theme=dark][data-eye-comfort=on] .modal-overlay{background:#0a0804b3!important}[data-theme=dark][data-eye-comfort=on] .mobile-bottom-nav{background:#16120cf7!important;border-top-color:#7864461f!important}[data-theme=dark][data-eye-comfort=on] .filter-panel{background:#252018!important;border-color:#78644626!important}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:400;height:72px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(180,160,240,.2);align-items:stretch;justify-content:space-around}.mob-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;padding:8px 0;background:none;border:none;cursor:pointer;color:#a890cc;font-size:11px;font-weight:700;transition:color .15s;-webkit-tap-highlight-color:transparent}.mob-nav-item.active{color:#7b5cbf}.mob-nav-item svg{width:22px;height:22px;transition:opacity .15s}.mob-nav-item.active svg{filter:drop-shadow(0 0 5px rgba(123,92,191,.5))}.mob-nav-fab-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding-bottom:4px}.mob-nav-fab{width:72px;height:72px;border-radius:50%;border:none;background:linear-gradient(135deg,#5b3da8,#9b6ee8);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#fff;gap:2px;box-shadow:0 8px 24px #7b5cbfa6;transform:translateY(-18px);-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s}.mob-nav-fab:active{transform:translateY(-14px);box-shadow:0 4px 14px #7b5cbf73}.mob-fab-plus{font-size:30px;line-height:1;font-weight:300}.mob-fab-label{font-size:10px;font-weight:800;letter-spacing:.2px}@media (max-width: 1023px){.nav-marquee,.user-info{display:none}.user-avatar-wrap{padding:4px 8px 4px 4px}.nav{gap:8px}.tb-btn-create{padding:9px 16px;font-size:13px}}@media (max-width: 767px){:root{--nav-h: 52px;--toolbar-h: 52px;--mob-nav-h: 60px}.nav{height:52px;padding:0 14px;gap:8px}.nav-logo{gap:6px}.nav-logo-img{height:26px}.nav-logo-wordmark{font-size:16px}.nav-marquee,.user-avatar-wrap,.nav-bell{display:none}.nav-vol-widget{border-color:transparent;background:none}.nav-vol-mini,.nav-vol-chevron{display:none}.nav-vol-icon-btn{width:32px;height:32px;border-radius:8px;background:#7b5cbf12;border:1px solid rgba(123,92,191,.12)}.nav-vol-panel{right:0}.toolbar{padding:8px 12px;gap:8px}.toolbar-right{display:none}.search-wrap{max-width:none}.tb-btn-ghost:not(#filterToggleBtn){display:none}.filter-panel{padding:12px 14px 14px}.filter-label{width:56px;font-size:11px}.chip{padding:6px 13px;font-size:12px}.room-grid{grid-template-columns:1fr;padding:10px 12px;gap:10px}.room-count-bar{padding:2px 14px;font-size:11px}.room-card{padding:13px 14px}.notice-bar,.bug-btn{display:none}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:24px 24px 0 0;max-width:100%;width:100%;margin:0;max-height:88vh;overflow-y:auto}.create-modal-box{max-height:88dvh;overflow:hidden}.create-modal-header{padding:24px 20px 16px}.create-modal-scroll{padding:18px 20px 16px}.create-modal-actions{grid-template-columns:minmax(92px,.58fr) minmax(0,1fr);padding:12px 20px calc(14px + env(safe-area-inset-bottom))}.profile-modal-box{border-radius:24px 24px 0 0}.profile-cover{border-radius:0}.settings-modal-box{border-radius:24px 24px 0 0;padding:20px 16px 18px;overflow-x:hidden;box-sizing:border-box;padding-bottom:max(18px,env(safe-area-inset-bottom,18px))}.settings-modal-box *{max-width:100%;box-sizing:border-box}.settings-modal-box .stg-tab{font-size:12px;padding:7px 4px}.profile-stats-grid{grid-template-columns:repeat(3,1fr)}.modal-box:before{content:"";display:block;width:40px;height:4px;background:#0000001a;border-radius:2px;margin:10px auto 0;position:sticky;top:0}.mobile-bottom-nav,.nav-lobby-nick{display:flex}}@media (max-width: 374px){.mob-nav-item{font-size:9px}.mob-nav-item svg{width:20px;height:20px}.mob-nav-fab{width:52px;height:52px;transform:translateY(-14px)}.mob-nav-fab:active{transform:translateY(-10px)}.mob-fab-plus{font-size:22px}.mob-fab-label{font-size:8px}.nav-logo-wordmark{display:none}}.lobby-page{height:100vh;background:#eeeaf8;color:#2a1f4e;display:flex;flex-direction:column;position:relative;overflow-x:clip;overflow-y:auto;padding-top:var(--nav-h, 60px)}.settings-modal-box .single-settings-switch{position:relative;width:46px!important;height:26px!important;min-width:46px!important;min-height:26px!important;max-width:46px!important;max-height:26px!important;padding:0!important;border:none;border-radius:13px;cursor:pointer;flex:0 0 46px!important;display:inline-flex!important;align-items:center;justify-content:flex-start;background:#d1d5db;transition:background .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.settings-modal-box .single-settings-switch.on{background:#7c3aed}.settings-modal-box .single-settings-switch.off{background:#d1d5db}.settings-modal-box .single-settings-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.settings-modal-box .single-settings-switch.on .single-settings-switch-thumb{transform:translate(20px)}.settings-modal-box .stg-light-mode-btn{display:none!important}.settings-modal-box .stg-dark-toggle-btn{position:relative;flex-direction:row;justify-content:flex-start;gap:8px;min-width:132px;min-height:44px;padding:9px 56px 9px 12px;text-align:left}.settings-modal-box .stg-dark-toggle-btn:after{content:"";position:absolute;right:12px;top:50%;width:34px;height:20px;border-radius:999px;background:#7b5cbf3d;transform:translateY(-50%);transition:background .18s ease}.settings-modal-box .stg-dark-toggle-btn:before{content:"";position:absolute;right:26px;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #2a1f4e38;transform:translateY(-50%);transition:right .18s ease;z-index:1}.settings-modal-box .stg-dark-toggle-btn.active:after{background:#7b5cbf}.settings-modal-box .stg-dark-toggle-btn.active:before{right:14px}.lobby-main{flex:1;display:flex;flex-direction:column}.room-content{display:flex;flex-direction:column;position:relative;z-index:1}.lobby-back-btn{display:flex;align-items:center;gap:4px;background:#ffffffb3;border:1px solid rgba(180,160,240,.25);color:#5a4a8a;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;flex-shrink:0}.lobby-back-btn:hover{background:#7b5cbf1a;color:#7b5cbf}.nav-logo-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0}.lobby-nickname-input{width:140px;padding:6px 14px;background:#ffffffe6;border:1.5px solid rgba(180,160,240,.35);border-radius:20px;color:#2a1f4e;font-size:14px;font-weight:600;text-align:center;outline:none;transition:border-color .2s}.lobby-nickname-input::placeholder{color:#b0a0d0}.lobby-nickname-input:focus{border-color:#7b5cbf}.lobby-nickname-input.input-error{border-color:#e05060;animation:shake .3s ease}.lobby-char-hint{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;background:#f0c0601f;border:1px solid #f0c060;border-radius:6px;font-size:12px;color:#a05800;white-space:nowrap;font-weight:500;z-index:10}.lobby-login-wrap{position:relative}.lobby-login-toggle{display:flex;align-items:center;gap:6px;background:#7b5cbf14;border:1px solid rgba(123,92,191,.18);border-radius:20px;padding:5px 12px;cursor:pointer;font-size:13px;font-weight:600;color:#5a4a8a;transition:all .18s}.lobby-login-toggle:hover,.lobby-login-toggle.open{background:#7b5cbf24}.lobby-login-caret{font-size:10px;color:#9880d0}.lobby-login-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid rgba(180,160,240,.3);border-radius:14px;padding:14px;box-shadow:0 8px 28px #5028a021;min-width:200px;z-index:500;display:flex;flex-direction:column;gap:8px}.login-dropdown-oauth{display:flex;flex-direction:column;gap:6px}.login-dropdown-discord{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:#5865f2;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:opacity .2s}.login-dropdown-discord:hover{opacity:.9}.login-dropdown-divider{height:1px;background:#b4a0f033}.login-dropdown-guest{padding:9px 14px;border-radius:10px;background:#7b5cbf12;border:1px solid rgba(123,92,191,.15);color:#5a4a8a;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:background .15s}.login-dropdown-guest:hover{background:#7b5cbf21}.lobby-login-loading{font-size:12px;color:#9880d0;padding:8px 0}.active-filter-tags{display:flex;gap:6px;flex-wrap:wrap;flex:1}.active-filter-tag{display:flex;align-items:center;gap:4px;padding:3px 10px 3px 12px;border-radius:20px;background:#7b5cbf1f;border:1px solid rgba(123,92,191,.25);font-size:12px;color:#7b5cbf;font-weight:600}.active-filter-tag button{background:none;border:none;color:#9880d0;cursor:pointer;font-size:14px;line-height:1;padding:0;margin-left:2px}.active-filter-tag button:hover{color:#7b5cbf}.modal-actions{display:flex;gap:8px;margin-top:12px}.modal-btn-cancel{flex:1;padding:10px;border-radius:10px;background:none;border:1.5px solid rgba(180,160,240,.35);color:#9880d0;font-size:14px;font-weight:600;cursor:pointer}.modal-btn-cancel:hover{background:#7b5cbf0f}.modal-btn-confirm{flex:2;padding:12px;border-radius:10px;background:linear-gradient(135deg,#7b5cbf,#9b6ee8);border:none;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.modal-code-input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid rgba(180,160,240,.4);background:#faf9ff;font-size:24px;font-weight:800;letter-spacing:6px;text-align:center;color:#2a1f4e;outline:none;text-transform:uppercase;transition:border-color .2s;margin-bottom:8px}.modal-code-input:focus{border-color:#7b5cbf}.modal-code-input.input-error{border-color:#e05060;background:#fff5f6}.skeleton-line{height:14px;border-radius:7px;background:#b4a0f033;margin-bottom:8px}.skeleton-title{width:60%}.skeleton-bar{width:100%;height:5px;margin-top:8px}.skeleton-badges{display:flex;gap:6px;margin-bottom:8px}.skeleton-badge{width:40px;height:20px;border-radius:6px;background:#b4a0f033}.tb-btn-icon:disabled{opacity:.4;cursor:not-allowed}.tb-btn-icon svg.spinning{animation:spin .7s linear infinite}.tb-btn-create:disabled{opacity:.4;cursor:not-allowed;transform:none!important;animation:none}@keyframes lobbyJellyPressFinal{0%{transform:translateY(0) scale(1)}38%{transform:translateY(1px) scale(.965,1.03)}68%{transform:translateY(0) scale(1.014,.988)}to{transform:translateY(0) scale(1)}}.tb-btn,.btn-create,.btn-quick,.btn-create-room,.btn-create-cancel,.vis-btn,.mode-card,.size-card{transform-origin:center;transition-property:transform,box-shadow,background-color,border-color,color,filter,opacity;transition-duration:.16s;transition-timing-function:ease}.tb-btn-primary,.tb-btn-create,.btn-create,.btn-create-room{background-image:linear-gradient(180deg,#ffffff3d,#fff0 38%),linear-gradient(135deg,#6f4ac4,#9b6ee8);box-shadow:inset 0 1px #ffffff6b,inset 0 -3px #4b278a3d,0 5px 18px #7b5cbf57}.tb-btn-create{animation:none}.tb-btn-ghost,.btn-quick,.btn-create-cancel,.vis-btn{box-shadow:inset 0 1px #ffffffb8,0 2px 8px #5028a00f}.mode-card.selected,.size-card.selected,.vis-btn.selected{box-shadow:inset 0 1px #ffffff94,0 4px 14px #7b5cbf21}.tb-btn:active:not(:disabled),.btn-create:active:not(:disabled),.btn-quick:active:not(:disabled),.btn-create-room:active:not(:disabled),.btn-create-cancel:active:not(:disabled),.vis-btn:active:not(:disabled),.mode-card:active,.size-card:active{animation:lobbyJellyPressFinal .18s ease-out;filter:brightness(.99)}.mob-nav-fab{box-shadow:inset 0 1px #ffffff59,inset 0 -3px #4b278a33,0 8px 24px #7b5cbfa6}.mob-nav-fab:active{transform:translateY(-6px) scale(.96,1.03)}@media (prefers-reduced-motion: reduce){.tb-btn:active:not(:disabled),.btn-create:active:not(:disabled),.btn-quick:active:not(:disabled),.btn-create-room:active:not(:disabled),.btn-create-cancel:active:not(:disabled),.vis-btn:active:not(:disabled),.mode-card:active,.size-card:active{animation:none}}[data-theme=dark] .lobby-page{background:#0f0b1e;color:#e0d0ff}[data-theme=dark] .lobby-nickname-input{background:#ffffff0f;border-color:#7b5cbf4d;color:#e0d0ff}[data-theme=dark] .lobby-login-dropdown{background:#1e1535;border-color:#7b5cbf4d}[data-theme=dark] .login-dropdown-guest{color:#c0a8e8}[data-theme=dark] .lobby-back-btn{background:#ffffff0f;border-color:#7b5cbf33;color:#a090c8}[data-theme=dark] .lobby-back-btn:hover{background:#7b5cbf26;color:#c0a0ff}[data-eye-comfort=on] .lobby-page{background:#f5f0e8;color:#3a3530}[data-theme=dark][data-eye-comfort=on] .lobby-page{background:#1e1a14;color:#ebe4d7eb}.pc-nick-wrap{display:flex;align-items:center}@media (max-width: 767px){.lobby-nickname-input{display:none}.nav-nick-btn{display:flex}.pc-nick-wrap{display:none}}.toolbar{position:fixed!important;top:var(--nav-h, 60px);left:0;right:0;z-index:150}.lobby-main{padding-top:var(--toolbar-h, 57px)}.filter-panel{position:fixed!important;top:calc(var(--nav-h, 60px) + var(--toolbar-h, 57px));left:0;right:0;z-index:145}.lobby-main.filters-open{padding-top:calc(var(--toolbar-h, 57px) + var(--filter-panel-h, 170px))}.room-content>.no-results{display:flex}@media (max-width: 767px){.toolbar{top:var(--nav-h, 52px)}.filter-panel{top:calc(var(--nav-h, 52px) + var(--toolbar-h, 52px))}}.mob-lobby-login-btn{display:none}@media (max-width: 767px){.mob-lobby-login-btn{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:8px;border:1px solid rgba(157,123,255,.45);background:#9d7bff1a;color:var(--color-primary, #9D7BFF);font-size:11px;font-weight:700;cursor:pointer;margin-left:8px;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:background .15s}.mob-lobby-login-btn:hover{background:#9d7bff33}.mob-lobby-login-btn:active{transform:scale(.96)}}.mob-login-overlay{display:none}@media (max-width: 767px){.mob-login-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9998;align-items:flex-end;animation:fadeIn .15s ease}.mob-login-sheet{width:100%;background:#fff;border-radius:16px 16px 0 0;padding:12px 20px 36px;display:flex;flex-direction:column;gap:12px;animation:slideUp .22s ease}[data-theme=dark] .mob-login-sheet{background:#1a1035;border-top:1px solid rgba(157,123,255,.2)}.mob-login-sheet-handle{width:36px;height:4px;background:#785ac840;border-radius:2px;margin:0 auto 4px}.mob-login-sheet-title{font-size:14px;font-weight:600;color:var(--text-secondary, #7A6A9A);text-align:center;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}}.lobby-quick-actions{display:flex;flex-direction:column;gap:16px;padding:20px 20px 0;max-width:900px;margin:0 auto;width:100%}.lobby-quick-section{display:flex;flex-direction:column;gap:10px}.lobby-quick-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.lobby-quick-btns{display:flex;gap:12px}.btn-lobby-create,.btn-lobby-code{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border-radius:14px;border:1.5px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;box-shadow:var(--shadow-card)}.btn-lobby-create:hover{transform:translateY(-1px);border-color:#ff708a80;background:#ff708a0f;box-shadow:var(--shadow-card),0 4px 16px #ff708a1a}.btn-lobby-code:hover{transform:translateY(-1px);border-color:#fbbf2480;background:#fbbf240f;box-shadow:var(--shadow-card),0 4px 16px #fbbf241a}.btn-lobby-create:active,.btn-lobby-code:active{transform:scale(.98)}.lobby-btn-icon{font-size:20px;line-height:1}.lobby-quick-chip-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-lobby-quickjoin-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:20px;border:1.5px solid var(--border-medium);background:var(--surface-subtle);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.btn-lobby-quickjoin-chip:hover{color:var(--color-primary, #9D7BFF);border-color:#9d7bff66;background:#9d7bff14}.lobby-quick-chip-hint{font-size:13px;color:var(--text-muted)}.lobby-quick-actions+.room-content{margin-top:24px}@media (max-width: 500px){.lobby-quick-actions{padding:16px 16px 0;gap:14px}.lobby-quick-btns{flex-direction:column;gap:8px}.btn-lobby-create,.btn-lobby-code{height:52px;font-size:14px}.lobby-quick-chip-hint{display:none}}.rsp{background:var(--color-surface-alt, rgba(157, 123, 255, .08));border:1px solid var(--color-border, rgba(157, 123, 255, .2));border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.rsp-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rsp-pill{min-height:32px;padding:6px 8px;border-radius:8px;border:1px solid var(--border-subtle, rgba(157, 123, 255, .2));background:transparent;color:var(--text-secondary, #9580c4);font-size:12px;font-weight:750;cursor:pointer;font-family:inherit;transition:all .15s}.rsp-pill.active{background:var(--color-primary-bg, rgba(157, 123, 255, .16));border-color:var(--color-primary, #9d7bff);color:var(--color-primary, #9d7bff)}.rsp-pill:hover:not(.active){color:var(--text-primary, #2E2640);background:var(--surface-card-hover, rgba(255, 255, 255, .05))}.rsp-empty{font-size:12px;color:var(--text-secondary, #9580c4);text-align:center;margin:4px 0}.rsp-chips{display:flex;flex-direction:column;gap:5px}.rsp-chip{position:relative;display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.3;cursor:default}.rsp-chip-label{color:var(--text-secondary, #5A5070);font-weight:600;flex-shrink:0}.rsp-chip-value{display:flex;align-items:center;gap:5px;color:var(--text-primary, #2E2640);font-weight:700;margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.rsp-swatch{flex-shrink:0;width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.2);box-shadow:0 0 0 1px #ffffff40 inset}.rsp-chip[data-tip]:not([data-tip=""]):after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);right:0;z-index:20;padding:6px 9px;border-radius:8px;background:#140c28f5;color:#f0ecff;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #0006;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s}.rsp-chip[data-tip]:not([data-tip=""]):hover:after{opacity:1;transform:translateY(0)}@media (max-width: 499px){.rsp{padding:8px 10px}.rsp-chip{font-size:12px}}.banner-ad{width:100%;max-width:728px;height:90px;margin:0 auto;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}.banner-ad-content{display:flex;align-items:center;gap:12px;padding:0 16px;width:100%}.ad-badge{background:#ffb547;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.ad-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ad-title{font-size:14px;font-weight:700;color:#333}.ad-description{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .banner-ad{background:linear-gradient(135deg,#9d7bff0f,#9d7bff08);border-color:#9d7bff26}[data-theme=dark] .ad-title{color:#c4b5ff}[data-theme=dark] .ad-description{color:#9d7bff80}@media (max-width: 768px){.banner-ad{max-width:100%;height:80px}.ad-title{font-size:13px}.ad-description{font-size:11px}}@media (max-width: 480px){.banner-ad{height:70px}.banner-ad-content{gap:8px;padding:0 12px}.ad-title{font-size:12px}.ad-description{font-size:10px}}.title-badge{display:inline-flex;align-items:center;gap:3px;border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:700;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:default}.title-badge--sm{font-size:.68rem;padding:1px 4px}.title-badge--md{font-size:.78rem;padding:2px 6px}.title-badge--lg{font-size:.9rem;padding:3px 8px}.title-badge--common{background:#3a3a3a;color:#aaa;border:1px solid #555}.title-badge--rare{background:#1a2e4a;color:#4a9eff;border:1px solid #2a5080}.title-badge--epic{background:#2a1a40;color:#c084fc;border:1px solid #6B21A8;animation:epic-glow 2.5s ease-in-out infinite}@keyframes epic-glow{0%,to{box-shadow:0 0 4px #a855f74d}50%{box-shadow:0 0 10px #a855f7b3}}.title-badge--legendary{background:linear-gradient(90deg,#78350f,#92400e,#78350f);background-size:200%;color:#fcd34d;border:1px solid #F59E0B;animation:legendary-shimmer 2.2s linear infinite}@keyframes legendary-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.title-badge--legendary .title-badge__icon{filter:drop-shadow(0 0 3px rgba(251,191,36,.9))}.title-badge{position:relative}.title-badge__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:9999;display:none;flex-direction:column;align-items:center;gap:4px;min-width:130px;max-width:200px;padding:10px 12px;border-radius:10px;background:#0d0d1a;border:1px solid #333;box-shadow:0 8px 24px #000000b3;white-space:normal;text-align:center}.title-badge__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}@keyframes tbt-appear{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.title-badge__tooltip--common{border-color:#555}.title-badge__tooltip--common:after{border-top-color:#555}.title-badge__tooltip--rare{border-color:#2a5080}.title-badge__tooltip--rare:after{border-top-color:#2a5080}.title-badge__tooltip--epic{border-color:#6b21a8;box-shadow:0 8px 24px #a855f74d}.title-badge__tooltip--epic:after{border-top-color:#6b21a8}.title-badge__tooltip--legendary{border-color:#f59e0b;box-shadow:0 8px 24px #fbbf244d}.title-badge__tooltip--legendary:after{border-top-color:#f59e0b}.tbt-icon{font-size:1.6rem;line-height:1}.tbt-name{font-size:.85rem;font-weight:700;color:#e0e0e0}.tbt-desc{font-size:.72rem;color:#999;line-height:1.4}.tbt-rarity{font-size:.65rem;font-weight:800;letter-spacing:.05em;margin-top:2px}.tbt-rarity--common{color:#aaa}.tbt-rarity--rare{color:#4a9eff}.tbt-rarity--epic{color:#c084fc}.tbt-rarity--legendary{color:#fcd34d}.qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px}.qr-modal{position:relative;background:linear-gradient(160deg,#2a2a35,#1a1a22);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px 24px 24px;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;animation:qr-pop-in .25s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes qr-pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.qr-modal-close{position:absolute;top:12px;right:14px;background:#ffffff14;border:none;color:#fff9;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.qr-modal-close:hover{background:#ffffff2e;color:#fff}.qr-modal-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0;text-align:center}.qr-modal-desc{font-size:.8rem;color:#ffffff8c;margin:0;text-align:center;line-height:1.4}.qr-canvas-wrapper{position:relative;width:220px;height:220px;background:#fff;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006}.qr-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;align-items:center;justify-content:center}.qr-loading:after{content:"";width:32px;height:32px;border:3px solid rgba(0,0,0,.1);border-top-color:#1e1e22;border-radius:50%;animation:qr-spin .7s linear infinite}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-canvas{display:block;opacity:0;transition:opacity .3s ease;border-radius:10px}.qr-canvas.ready{opacity:1}.qr-code-badge{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 16px;width:100%;justify-content:center}.qr-code-label{font-size:.75rem;color:#ffffff80;font-weight:500}.qr-code-value{font-size:1.1rem;font-weight:800;color:gold;letter-spacing:.15em;font-family:Courier New,monospace}.qr-action-row{display:flex;gap:8px;width:100%}.qr-copy-btn{flex:1;padding:10px 14px;background:linear-gradient(135deg,#9d7bff,#7c5ce0);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s,filter .15s,background .3s;box-shadow:0 4px 12px #9d7bff4d;white-space:nowrap}.qr-copy-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.qr-copy-btn:active{transform:translateY(0)}.qr-copy-btn.copied{background:linear-gradient(135deg,#7c5ce0,#3a9e72);box-shadow:0 4px 12px #4caf8266}.qr-share-btn{flex:1;padding:10px 14px;background:linear-gradient(135deg,#6b8eff,#4a6fe8);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s,filter .15s;box-shadow:0 4px 12px #6b8eff4d;white-space:nowrap}.qr-share-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.qr-share-btn:active{transform:translateY(0)}.emoji-picker-wrapper{position:relative;display:inline-flex;align-items:center}.emoji-picker-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--surface-card);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:transform .15s ease,background .15s ease;flex-shrink:0}.emoji-picker-btn:hover:not(:disabled){transform:scale(1.12);background:var(--surface-subtle)}.emoji-picker-btn:active:not(:disabled){transform:scale(.93)}.emoji-picker-btn--cooldown{opacity:.55;cursor:default}.emoji-picker-cooldown{font-size:13px;font-weight:700;color:var(--text-muted)}.emoji-picker-icon{line-height:1}.emoji-picker-popup{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 8px 24px #0000002e;z-index:200;animation:emoji-popup-in .12s ease}@keyframes emoji-popup-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.emoji-picker-item{width:44px;height:44px;border:none;border-radius:8px;background:transparent;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease,transform .1s ease}.emoji-picker-item:hover{background:var(--surface-subtle);transform:scale(1.2)}.emoji-picker-item:active{transform:scale(.9)}.emoji-bubble{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;animation:emoji-float 3s ease forwards;z-index:50;white-space:nowrap}.emoji-bubble-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.emoji-bubble-name-wrap{display:inline-flex;align-items:center;gap:4px;max-width:92px;min-width:0;padding:2px 6px 2px 5px;border-radius:999px;background:#0c0a168a;box-shadow:0 1px 4px #00000038;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.emoji-bubble-color-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--player-color, #9D7BFF);box-shadow:0 0 0 1px #ffffffa6,0 0 6px var(--player-color, #9D7BFF)}.emoji-bubble-name{min-width:0;max-width:74px;font-size:11px;font-weight:800;color:#fff;line-height:1.15;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.65)}@keyframes emoji-float{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}15%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.2)}70%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-34px) scale(.8)}}.slb-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.slb-google,.slb-discord{width:100%;display:flex;justify-content:center}.slb-loading{color:#9d7bff;font-size:13px;padding:8px 0}.slb-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:260px;padding:10px 16px;background-color:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,box-shadow .15s,transform .1s;font-family:inherit}.slb-google-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 4px #0000001f}.slb-google-btn:active{transform:scale(.98)}.slb-google-icon{width:18px;height:18px;flex-shrink:0}.slb-discord-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:260px;padding:10px 16px;background-color:#5865f2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.slb-discord-btn:hover{background-color:#4752c4}.slb-discord-btn:active{transform:scale(.98)}.slb-discord-icon{width:20px;height:20px;flex-shrink:0}.slb-compact .slb-google-btn,.slb-compact .slb-discord-btn{width:260px;padding:9px 14px;font-size:13px}.wr-app-root{--wr-radius-sm: 8px;--wr-radius: 12px;--wr-radius-lg: 16px;--wr-green: #4ade80;--wr-green-dim: rgba(74,222,128,.15);--wr-red: #ef4444;--wr-red-dim: rgba(239,68,68,.15);--wr-gold: #fbbf24;--wr-gold-dim: rgba(251,191,36,.14)}.wr-app-root{flex:1;min-height:0;position:relative}.pc-layout{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mob-layout{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}@media (max-width: 639px){.pc-layout{display:none}.mob-layout{display:block}}*,*:before,*:after{box-sizing:border-box}.section-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--wr-radius);overflow:visible}.section-hdr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);border-radius:var(--wr-radius) var(--wr-radius) 0 0}.section-title{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.85px;line-height:1.25}.count-badge{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:20px;background:var(--surface-card-hover);color:var(--text-secondary);font-variant-numeric:tabular-nums}.invite-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;padding:10px 14px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--wr-radius)}.invite-code-area{display:flex;align-items:center;gap:8px;flex:1 1 220px;min-width:0}.invite-actions{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0}.invite-divider{width:1px;height:20px;background:var(--border-subtle);flex-shrink:0}.invite-lbl{font-size:12px;font-weight:650;color:var(--text-secondary);white-space:nowrap}.invite-code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700;letter-spacing:5px;color:var(--color-primary);text-align:center;font-family:Consolas,Cascadia Code,Source Code Pro,Courier New,monospace;font-variant-numeric:tabular-nums}.ico-btn{width:30px;height:30px;border-radius:var(--wr-radius-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;cursor:pointer}.ico-btn:hover{background:var(--surface-card-hover)}.ico-btn.qr-btn{font-size:11px;font-weight:800;letter-spacing:.5px;width:34px}.tag-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--wr-radius-sm);font-size:12px;font-weight:700;border:1px solid;white-space:nowrap;transition:all .15s;cursor:pointer;font-family:inherit}.tag-btn.prim{background:var(--color-primary-bg);border-color:#9d7bff4d;color:var(--color-primary)}.tag-btn.prim:hover{background:var(--color-primary-bg-hover)}.tag-btn.ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary)}.tag-btn.ghost:hover{background:var(--surface-card-hover);color:var(--text-primary)}.mob-body .invite-divider,.mob-body .invite-row .share-ico-btn{display:none}@media (max-width: 480px){.mob-body .invite-row{flex-wrap:nowrap;align-items:center;gap:6px;padding:8px 10px}.mob-body .invite-code-area{flex:1 1 auto;min-width:0}.mob-body .invite-code{font-size:13px;letter-spacing:3px}.mob-body .invite-actions{flex:0 0 auto}.mob-body .invite-actions .tag-btn{width:36px;height:34px;min-width:36px;padding:0;justify-content:center}.mob-body .invite-actions .tag-btn svg{width:15px;height:15px}.mob-body .invite-copy-label,.mob-body .invite-link-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}.av{position:relative;flex-shrink:0}.av-circ{border-radius:50%;display:block}.av.is-me .av-circ{outline:2.5px solid rgba(255,255,255,.88);outline-offset:2px}[data-theme=light] .av.is-me .av-circ{outline-color:var(--color-primary)}.av-crown{position:absolute;top:-7px;right:-5px;font-size:12px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));z-index:2;cursor:help}.av-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--bg-primary);z-index:2;cursor:help}.av-dot.on{background:var(--wr-green)}.av-dot.off{background:#80808080}.av-tip-anchor{outline:none}.av-tip-anchor:before,.av-tip-anchor:after{position:absolute;left:50%;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease;z-index:20}.av-tip-anchor:before{content:attr(data-av-tip);bottom:calc(100% + 8px);width:max-content;max-width:160px;padding:5px 8px;border-radius:7px;background:#1e1636f0;border:1px solid rgba(157,123,255,.24);color:#f2ecff;box-shadow:0 8px 18px #110a2238;font-size:11px;font-weight:800;line-height:1.15;white-space:nowrap}.av-tip-anchor:after{content:"";bottom:calc(100% + 3px);width:8px;height:8px;background:#1e1636f0;border-right:1px solid rgba(157,123,255,.24);border-bottom:1px solid rgba(157,123,255,.24);transform:translate(-50%,4px) rotate(45deg)}.av-tip-anchor:hover:before,.av-tip-anchor:hover:after,.av-tip-anchor:focus-visible:before,.av-tip-anchor:focus-visible:after{opacity:1;transform:translate(-50%)}.av-tip-anchor:hover:after,.av-tip-anchor:focus-visible:after{transform:translate(-50%) rotate(45deg)}[data-theme=light] .av-tip-anchor:before{background:#fffffffa;border-color:#9d7bff47;color:#3a2d60;box-shadow:0 8px 18px #5028a029}[data-theme=light] .av-tip-anchor:after{background:#fffffffa;border-color:#9d7bff47}.player-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid transparent;transition:background .15s,border-color .15s;position:relative}.player-item:hover{background:var(--surface-card-hover);border-color:var(--border-subtle)}.player-info{flex:1;min-width:0}.wr-app-root .player-name{font-size:14.5px;font-weight:750;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px;line-height:1.2}.player-sub{font-size:11px;font-weight:650;color:var(--text-secondary);margin-top:2px;line-height:1.25}.player-list{padding:7px;display:flex;flex-direction:column;gap:3px}.adm-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .15s}.player-item:hover .adm-actions{opacity:1}.adm-btn{width:26px;height:26px;border-radius:7px;border:none;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s;cursor:pointer}.adm-btn.kick{background:var(--wr-red-dim);color:var(--wr-red)}.adm-btn.kick:hover{background:#ef444447}.adm-btn.xfer{background:var(--wr-gold-dim);color:var(--wr-gold)}.adm-btn.xfer:hover{background:#fbbf2440}.chip{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0}.chip.ready{background:var(--wr-green-dim);color:var(--wr-green)}.chip.waiting{background:var(--surface-card-hover);color:var(--text-secondary)}.chip.playing{background:#5d89ff26;color:#5b6cff}.chip.idle{background:#fbbf2426;color:#c77800}.chip.spectating{background:#7e69ab1f;color:var(--text-secondary)}.emoji-btn{width:26px;height:26px;border-radius:7px;background:var(--surface-card-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer}.emoji-btn:hover{background:var(--surface-card-hover)}.team-groups{padding:7px;display:flex;flex-direction:column;gap:8px}.team-group{border-radius:11px;border:1px solid var(--border-subtle);border-left-width:3px;overflow:visible}.team-group.eligible{border-left-color:var(--wr-green)}.team-group.ineligible{border-left-color:var(--border-subtle)}.team-hdr{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-card-hover);border-bottom:1px solid var(--border-subtle)}.team-name-inp{flex:1;background:transparent;border:none;outline:none;font-size:13px;font-weight:700;color:var(--text-secondary);min-width:0}.team-name-inp::placeholder{color:var(--text-tertiary)}.team-lb-ok{font-size:10px;font-weight:700;color:var(--wr-green);opacity:.8;flex-shrink:0}.team-cnt{font-size:12px;color:var(--text-secondary);flex-shrink:0}.btn-join-team{display:flex;align-items:center;justify-content:center;gap:5px;margin:4px 8px 8px;padding:6px;border-radius:var(--wr-radius-sm);border:1px dashed var(--border-subtle);background:transparent;color:var(--text-tertiary);font-size:12px;transition:all .15s;cursor:pointer;font-family:inherit}.btn-join-team:hover{background:var(--surface-card-hover);border-color:var(--border-medium);color:var(--text-secondary)}.spec-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px}.spec-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--surface-card-hover);color:var(--text-tertiary)}.spec-name{flex:1;font-size:13.5px;font-weight:700;color:var(--text-secondary)}.btn-join-player{font-size:12px;font-weight:750;padding:5px 11px;border-radius:7px;background:var(--color-primary-bg);border:1px solid rgba(157,123,255,.3);color:var(--color-primary);transition:background .15s;cursor:pointer;font-family:inherit}.btn-join-player:hover{background:var(--color-primary-bg-hover)}.btn-role-switch{font-size:12px;font-weight:750;padding:5px 11px;border-radius:7px;background:var(--color-primary-bg);border:1px solid rgba(157,123,255,.25);color:var(--color-primary);transition:background .15s;cursor:pointer;font-family:inherit;white-space:nowrap}.btn-role-switch:hover{background:var(--color-primary-bg-hover)}.btn-role-switch.to-play{background:var(--wr-green-dim);border-color:#4ade8040;color:var(--wr-green)}.btn-role-switch:disabled{opacity:.5;cursor:not-allowed}.stg-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.stg-toggle:hover{background:var(--surface-card-hover)}.stg-toggle.open{border-bottom:1px solid var(--border-subtle)}.stg-arrow{font-size:10px;color:var(--text-tertiary);transition:transform .2s;opacity:.82}.stg-arrow.open{transform:rotate(180deg)}.stg-body{padding:16px;display:flex;flex-direction:column;gap:17px}.stg-row{display:flex;flex-direction:column;gap:9px;min-width:0}.stg-lbl{font-size:11.5px;font-weight:900;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.55px;display:flex;align-items:center;gap:6px;line-height:1.25}.host-tag{font-size:10.5px;font-weight:750;padding:2px 7px;border-radius:5px;background:var(--wr-gold-dim);color:var(--wr-gold);text-transform:none;letter-spacing:0}.color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;width:100%}.color-grid-mob{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:100%}.c-dot{aspect-ratio:1;border-radius:50%;cursor:pointer;border:2px solid transparent;position:relative;transition:transform .15s,border-color .15s,opacity .15s;min-width:0;min-height:0}.c-dot:hover:not(.taken):not(.locked){transform:scale(1.15)}.c-dot.selected{border-color:#fff}[data-theme=light] .c-dot.selected{border-color:var(--color-primary)}.c-dot.selected:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.c-dot.taken{opacity:.3;cursor:not-allowed}.c-dot.taken:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cline x1='1' y1='9' x2='9' y2='1' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E") center/contain no-repeat}.c-dot.locked{opacity:.3;cursor:not-allowed;filter:grayscale(.6)}.mode-pills{display:flex;gap:6px}.mode-pill{flex:1;min-height:36px;padding:8px 10px;text-align:center;border-radius:var(--wr-radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);background:transparent;font-size:12.5px;font-weight:750;transition:all .15s;cursor:pointer;font-family:inherit;line-height:1.2}.mode-pill.active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 1px #9d7bff1f inset}.mode-pill:hover:not(.active):not(:disabled){background:var(--surface-card-hover);color:var(--text-primary)}.mode-pill:disabled{opacity:.48;cursor:not-allowed}.gs-rows{display:flex;flex-direction:column;min-width:0;background:var(--surface-card-hover);border:1px solid var(--border-subtle);border-radius:var(--wr-radius-sm);overflow:hidden}.gs-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:42px;padding:8px 10px;border-bottom:1px solid var(--border-subtle);background:transparent}.gs-row:last-child{border-bottom:none}.gs-key{min-width:0;font-size:12px;font-weight:700;color:var(--text-secondary);line-height:1.25}.gs-val{min-width:0;font-size:12.5px;font-weight:800;color:var(--text-primary);text-align:right;line-height:1.25}.gs-sel{max-width:156px;min-width:112px;background:var(--surface-card);border:1px solid var(--border-medium);border-radius:7px;color:var(--text-primary);font-size:12.5px;font-weight:750;padding:6px 28px 6px 9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;line-height:1.25;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.gs-sel:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.gs-sel option{background:var(--surface-card);color:var(--text-primary)}.rank-ok{color:var(--wr-green);font-size:11px;font-weight:800;white-space:nowrap}.rank-no{color:var(--text-secondary);font-size:11px;font-weight:750;white-space:nowrap}.gs-rank-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.rank-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;line-height:1.15}.rank-chip.team{background:var(--color-primary-bg);color:var(--color-primary)}.rank-chip.solo{background:var(--wr-gold-dim);color:var(--wr-gold)}.wr-app-root .stg-body{text-align:left}.wr-app-root .stg-row{align-items:stretch;justify-content:flex-start;padding:0;border:0;border-radius:0;background:transparent}.wr-app-root .stg-lbl{align-self:stretch;justify-content:flex-start;text-align:left}.color-grid,.color-grid-mob{display:grid;grid-template-columns:repeat(auto-fill,34px);gap:10px 9px;width:100%;justify-content:start}.c-dot{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border-radius:50%;transition:transform .15s,border-color .15s,opacity .15s,box-shadow .15s;box-shadow:inset 0 -3px 5px #0000002e}.c-dot:hover:not(.taken):not(.locked){transform:translateY(-1px) scale(1.06)}.c-dot.selected{border-color:#fffffff5;box-shadow:0 0 0 2px #ffbe5a94,inset 0 -3px 5px #00000029}.c-dot.selected:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.c-dot.locked:after{content:"🔒";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8px}.mode-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-pill{min-height:42px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:850}.mode-pill.active{background:#9d7bff30;border-color:#9d7bffe0;color:var(--color-primary);box-shadow:0 0 0 1px #9d7bff29 inset}.mode-pill:hover:not(.active):not(:disabled){border-color:var(--border-medium)}.gs-rows{background:#ffffff0e;border-radius:9px}.gs-row{gap:12px;min-height:51px;padding:9px 12px}.gs-key{font-size:13px;font-weight:800}.gs-val{font-size:14px;font-weight:850}.gs-row-control{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;flex:1}.gs-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.gs-pill{padding:6px 10px;min-height:32px;border-radius:7px;border:1.5px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:800;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.2}.gs-pill.active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 1px #9d7bff1f inset}.gs-pill:hover:not(.active):not(:disabled){background:var(--surface-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.gs-pill:disabled{opacity:.5;cursor:not-allowed}.gs-sel{width:auto;max-width:164px;min-width:108px;background-color:#ffffff0e;border-radius:8px;font-size:14px;font-weight:800;padding:7px 28px 7px 10px}.rank-ok,.rank-no{font-size:12px;font-weight:900}.rank-chip{font-size:12px;font-weight:900;padding:4px 9px;border-radius:7px}.act-btn{padding:13px 24px;border-radius:var(--wr-radius);border:none;font-size:14px;font-weight:800;letter-spacing:.4px;transition:all .15s;white-space:nowrap;flex:1;cursor:pointer;font-family:inherit;text-align:center}.act-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.act-btn.start{background:linear-gradient(135deg,var(--color-primary),#7c5cbf);color:#fff;box-shadow:0 4px 20px #9c7ce366}.act-btn.ready{background:linear-gradient(135deg,var(--wr-green),#22c55e);color:#0a1f0e;box-shadow:0 4px 20px #4ade8059}.act-btn.wait{background:var(--surface-card-hover);border:1px solid var(--border-subtle);color:var(--text-secondary)}.act-btn.spec{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);flex:none;padding:13px 16px}.act-btn.join{background:var(--color-primary-bg);border:1px solid rgba(157,123,255,.3);color:var(--color-primary)}.act-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.start-meta{font-size:11px;font-weight:600;opacity:.7;margin-top:2px;display:block}.shortcut-hint{font-size:11px;font-weight:650;color:var(--text-secondary);text-align:center;margin-top:4px}.ready-countdown-card{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(157,123,255,.22);background:#ffffffdb;box-shadow:0 10px 24px #5a3ca01f}.ready-countdown-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.ready-countdown-copy strong{font-size:13px;font-weight:900;color:var(--text-primary)}.ready-countdown-copy span{font-size:11.5px;font-weight:700;color:var(--text-secondary)}.ready-countdown-meta{font-size:13px;font-weight:900;color:var(--color-primary)}.ready-countdown-track{grid-column:1 / -1;height:5px;border-radius:999px;overflow:hidden;background:#9d7bff29}.ready-countdown-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#72e1a1,#9d7bff);transition:width .2s ease}.act-btn:active,.hdr-btn:active,.mob-hdr-btn:active,.tag-btn:active,.ico-btn:active,.btn-replay:active,.mode-pill:active,.d-btn:active,.btn-join-team:active,.btn-join-player:active,.btn-role-switch:active,.emoji-btn:active,.c-dot:active{animation:jellyPress .35s ease}.match-card{background:var(--surface-card-hover);border-radius:var(--wr-radius-sm);padding:10px;border:1px solid transparent;transition:border-color .15s}.match-card:hover{border-color:var(--border-medium)}.match-list{padding:8px;display:flex;flex-direction:column;gap:6px}.match-empty{font-size:12px;color:var(--text-tertiary);padding:12px 14px;text-align:center}.m-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:4px;line-height:1.25}.m-lbl{color:var(--text-secondary);font-weight:650}.m-val{color:var(--text-primary);font-weight:750;text-align:right}.m-gold{color:var(--wr-gold);font-weight:800}.m-dim{color:var(--text-secondary)}.btn-replay{margin-top:7px;width:100%;padding:6px;background:var(--color-primary-bg);border:1px solid rgba(157,123,255,.25);border-radius:6px;color:var(--color-primary);font-size:12px;font-weight:750;transition:background .15s;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center}.btn-replay:hover{background:var(--color-primary-bg-hover)}.masked-name{letter-spacing:.05em}.coll-toggle{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.coll-toggle:hover{background:var(--surface-card-hover)}.coll-arrow{font-size:10px;color:var(--text-tertiary);transition:transform .2s}.coll-arrow.open{transform:rotate(180deg)}.dlg-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center}.dlg-back.show{display:flex}.dlg-box{background:var(--surface-nav);border:1px solid rgba(157,123,255,.3);border-radius:var(--wr-radius-lg);padding:24px;max-width:340px;width:90%;box-shadow:var(--shadow-modal)}.dlg-title{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.dlg-body{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:18px}.dlg-btns{display:flex;gap:8px}.d-btn{flex:1;padding:10px;border-radius:var(--wr-radius-sm);font-size:13px;font-weight:700;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);transition:all .15s;cursor:pointer;font-family:inherit}.d-btn:hover{background:var(--surface-card-hover)}.d-btn.danger{background:var(--wr-red-dim);border-color:var(--wr-red);color:var(--wr-red)}.d-btn.danger:hover{background:#ef444440}.title-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.pc-root{background:var(--bg-primary);height:100%;display:flex;flex-direction:column;overflow:hidden;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;color:var(--text-primary)}.pc-header{flex-shrink:0;z-index:100;background:var(--surface-nav);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px;padding:0 24px;height:64px;box-shadow:var(--shadow-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pc-room-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.pc-room-meta{max-width:min(560px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:var(--text-secondary);line-height:1.25}.pc-room-title-wrap{overflow:hidden;max-width:min(560px,100%)}.pc-room-title-slide-wrap{display:flex;min-width:0}.pc-room-title-slide{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:17px;font-weight:800;color:var(--text-primary);padding-right:0;white-space:nowrap;flex-shrink:1;line-height:1.2}.pc-room-title-slide h1{font-size:inherit;font-weight:inherit;color:inherit;margin:0;white-space:inherit}.pc-room-title-slide.clone,.pc-room-title-wrap.overflow .pc-room-title-slide.clone{display:none!important}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pc-room-title-wrap.overflow .pc-room-title-slide-wrap{animation:none}.pc-hdr-btns{display:none}.pc-hdr-compact{display:flex;align-items:center;gap:8px;flex-shrink:0}.pc-hdr-pop-wrap{position:relative;display:flex;align-items:center}.pc-header-volume,.mob-header-volume{display:flex;align-items:center;flex-shrink:0}.pc-header-volume .volume-widget,.mob-header-volume .volume-widget{background:#9d7bff1a;border-color:#9d7bff42}.mob-header-volume .bottom-sheet-panel{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-height:min(360px,calc(100dvh - 88px));border-radius:20px;padding:10px 16px 18px;overflow:hidden}.mob-header-volume .bottom-sheet-content{overflow-y:auto;min-height:0}.mob-header-volume .bottom-sheet-title{margin-bottom:12px;font-size:18px}.mob-header-volume .bottom-sheet-handle-container{padding-bottom:10px}.pc-header-volume .volume-mini-bar{width:46px}.hdr-btn{min-width:36px;height:36px;border-radius:var(--wr-radius-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer;font-family:inherit}.hdr-btn-primary,.hdr-btn-settings{width:auto;gap:6px;padding:0 12px;font-size:12.5px;font-weight:800}.hdr-btn-primary{border-color:#9d7bff6b;background:#9d7bff1f;color:var(--color-primary)}.hdr-btn-primary,.mob-hdr-pop-wrap:has(.mob-hdr-invite){display:none}.hdr-btn-settings{color:var(--text-primary)}.hdr-btn-more{width:36px;font-size:22px;line-height:1;padding-bottom:3px}.hdr-btn-icon{font-size:14px;line-height:1}.hdr-btn:hover,.hdr-btn-active{background:var(--surface-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.pc-header-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:300;border:1px solid rgba(157,123,255,.24);border-radius:14px;background:#161222f5;box-shadow:0 18px 48px #0604106b,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.pc-invite-popover{width:min(520px,calc(100vw - 48px));padding:10px}.pc-invite-popover .invite-row{border-radius:12px;background:#ffffff0e}.pc-invite-popover .invite-code{letter-spacing:clamp(1px,.8vw,5px)}.pc-more-popover{width:240px;padding:8px;background:#fffffff7;border-color:#9d7bff38;color:#2e2640;box-shadow:0 18px 44px #44307a2e,0 0 0 1px #ffffffb8 inset}.pc-more-item{width:100%;min-height:38px;border:0;border-radius:10px;padding:0 10px;display:flex;align-items:center;gap:10px;background:transparent;color:inherit;font-family:inherit;cursor:pointer;text-align:left}.pc-more-item:hover{background:#9d7bff1f}.pc-more-item span{width:22px;text-align:center;color:#5c4684c7}.pc-more-item strong{font-size:13px;font-weight:800}.pc-more-danger,.pc-more-danger span{color:#d84a55}.pc-more-control{display:none;margin:6px 0;padding:10px;border-radius:12px;background:#9d7bff17}.pc-more-control>span{display:block;margin-bottom:8px;font-size:11px;font-weight:900;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px}.pc-more-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px 8px}[data-theme=dark] .pc-more-popover{background:#1f182cfa;border-color:#9d7bff52;color:#f6f1fff0;box-shadow:0 18px 48px #05030c7a,0 0 0 1px #ffffff0f inset}[data-theme=dark] .pc-more-item:hover{background:#ffffff14}[data-theme=dark] .pc-more-item span{color:#cdbef5c7}[data-theme=dark] .pc-more-control{background:#ffffff0e}[data-theme=dark] .pc-more-danger,[data-theme=dark] .pc-more-danger span{color:#ff8989f0}.hdr-btn-leave{padding:0 12px;width:auto;gap:5px;height:34px;font-size:13px;font-weight:600;border-radius:8px;border:1.5px solid rgba(239,68,68,.35);color:#ef4444bf;letter-spacing:-.01em;transition:all .18s ease}.hdr-btn-leave:hover{background:#ef444414;border-color:#ef4444a6;color:#dc3232;transform:none}.hdr-btn-leave:active{background:#ef444424;transform:scale(.97)}.wr-logo{width:44px;height:44px;flex-shrink:0;border-radius:10px;overflow:hidden;cursor:pointer;transition:filter .3s,transform .15s}.pc-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;align-items:flex-start;max-width:1440px;margin:0 auto;width:100%;padding:20px 24px;gap:20px;box-sizing:border-box}.pc-banner-wrap{flex-shrink:0;padding:8px 24px 0;max-width:1440px;margin:0 auto;width:100%}.pc-sidebar{width:256px;flex-shrink:0}.sidebar-inner{position:sticky;top:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--wr-radius);overflow:visible}.sidebar-title{padding:12px 14px;font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.85px;border-bottom:1px solid var(--border-subtle)}.pc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.pc-main>.invite-row{display:flex}.mob-body>.invite-row{display:flex}.pc-2col{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}@media (max-width:1100px){.pc-2col{grid-template-columns:1fr}}.pc-left-col{display:flex;flex-direction:column;gap:14px}.pc-settings-col{position:sticky;top:0;height:fit-content;max-width:300px;overflow:hidden}@media (max-width:1100px){.pc-settings-col{position:static;max-width:none}}.pc-recent-below{display:none}.pc-footer{flex-shrink:0;z-index:50;background:linear-gradient(to top,var(--surface-nav) 75%,transparent);padding:10px 24px 20px;display:flex;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pc-footer-inner{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:540px}.pc-footer-btns{display:flex;gap:8px;width:100%}.mob-root{background:var(--bg-primary);height:100%;display:flex;flex-direction:column;overflow:hidden;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;color:var(--text-primary)}.mob-header{flex-shrink:0;z-index:100;background:var(--surface-nav);border-bottom:1px solid var(--border-subtle);padding:10px 14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mob-hdr1{display:flex;align-items:center;gap:9px;margin-bottom:8px}.mob-room-title{flex:1;font-size:15px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mob-room-meta{font-size:12px;font-weight:650;color:var(--text-secondary);line-height:1.25;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mob-hdr-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mob-header-volume .volume-icon-btn{width:30px;height:30px}.mob-header-volume .volume-expand-btn{width:18px;height:30px}.mob-header-volume .volume-mini-bar{width:28px}.mob-hdr-pop-wrap{position:relative;display:flex;align-items:center}.mob-hdr-invite{border-color:#9d7bff61;background:#9d7bff1a;color:var(--color-primary)}.mob-hdr-more{font-size:20px;line-height:1;padding-bottom:4px}.mob-header-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:320;border:1px solid rgba(157,123,255,.24);border-radius:14px;background:#161222f7;box-shadow:0 18px 48px #0604106b,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mob-invite-popover{width:min(360px,calc(100vw - 24px));padding:9px}.mob-invite-popover .invite-row{border-radius:12px;background:#ffffff0e}.mob-more-popover{width:230px;padding:8px}.mob-hdr2{display:none;align-items:center;justify-content:flex-end;gap:5px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1px}.mob-hdr2::-webkit-scrollbar{display:none}.mob-hdr-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.mob-hdr-btn:hover{background:var(--surface-card-hover)}.mob-hdr-btn-active{background:var(--surface-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.mob-leave-btn{height:30px;padding:0 10px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:transparent;color:#ef4444b3;font-size:12px;font-weight:600;transition:all .15s;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0}.mob-hdr1>.mob-leave-btn{display:none}.mob-leave-btn:hover{background:var(--wr-red-dim);border-color:var(--wr-red);color:var(--wr-red)}.mob-logo{width:32px!important;height:32px!important;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer}.mob-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overscroll-behavior-y:contain}.mob-body>*{flex-shrink:0}.mob-body .section-hdr{padding:10px 12px}.mob-body .section-title{font-size:11px;letter-spacing:.7px}.mob-body .stg-body{padding:16px;gap:17px}.mob-body .stg-toggle{padding:13px 16px}.mob-body .stg-lbl{font-size:11.5px;letter-spacing:.55px}.mob-body .mode-pill{min-height:42px;font-size:14px}.mob-body .gs-row{min-height:51px;padding:9px 12px}.mob-body .gs-key{font-size:13px}.mob-body .gs-val,.mob-body .gs-sel{font-size:14px}.mob-body .rank-ok,.mob-body .rank-no{font-size:12px}.mob-body .player-item{padding:8px 9px;gap:9px}.mob-body .player-list{padding:5px;gap:2px}.mob-body .btn-role-switch{font-size:11.5px;padding:5px 9px}.mob-action-area{display:flex;flex-direction:column;gap:5px}.mob-action-btns{display:flex;gap:8px;width:100%}.mob-footer{flex-shrink:0;z-index:50;background:linear-gradient(to top,var(--surface-nav) 80%,transparent);padding:8px 12px max(14px,env(safe-area-inset-bottom));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mob-footer-btns{display:flex;gap:8px;width:100%}.mob-footer .ready-countdown-card{margin-bottom:8px}.mob-footer .act-btn{padding:12px 20px;font-size:13.5px}.mob-login-btn{height:30px;padding:0 10px;border-radius:8px;border:1px solid rgba(157,123,255,.5);background:#9d7bff1f;color:var(--color-primary);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:4px;font-family:inherit}.mob-login-btn:hover{background:#9d7bff38;border-color:#9d7bffcc}.wr-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.wr-login-sheet{width:100%;max-width:480px;background:var(--surface-modal);border-radius:20px 20px 0 0;padding:20px 20px max(20px,env(safe-area-inset-bottom));box-shadow:var(--shadow-modal);animation:slideUp .22s ease}.wr-login-sheet-title{font-size:16px;font-weight:800;color:var(--text-primary);text-align:center;margin:0 0 16px}.wr-login-close{position:absolute;top:14px;right:16px;width:28px;height:28px;border:none;background:var(--surface-card-hover);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px;font-family:inherit}@keyframes slideUp{0%{transform:translateY(60px);opacity:.4}to{transform:translateY(0);opacity:1}}.pc-body::-webkit-scrollbar,.mob-body::-webkit-scrollbar{width:6px}.pc-body::-webkit-scrollbar-track,.mob-body::-webkit-scrollbar-track{background:transparent}.pc-body::-webkit-scrollbar-thumb,.mob-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.pc-body::-webkit-scrollbar-thumb:hover,.mob-body::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.hearts-display{display:flex;align-items:center;gap:3px;padding:4px 10px;border-radius:20px;background:#9d7bff14;border:1px solid rgba(157,123,255,.2)}.heart-icon{font-size:14px;transition:opacity .15s}.heart-icon.full{color:#ef4444;opacity:1}.heart-icon.empty{color:#ef4444;opacity:.2}.hearts-label{font-size:11px;font-weight:700;color:var(--text-secondary);margin-left:4px}.hearts-display-modal{justify-content:center;margin-bottom:10px;background:none;border:none;padding:0}.hearts-display-modal .heart-icon{font-size:22px}.d-btn.primary{background:linear-gradient(135deg,#9d7bff,#7c5ce4);border-color:#9d7bff;color:#fff}.d-btn.primary:hover{background:linear-gradient(135deg,#b096ff,#9d7bff)}.ad-gate-box{max-width:320px;text-align:center}.ad-gate-box .dlg-body p{margin:0}.team-color-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.team-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);cursor:default;padding:0;transition:transform .15s,border-color .15s;flex-shrink:0}.team-color-dot.clickable{cursor:pointer;border-color:#ffffffb3}.team-color-dot.clickable:hover{transform:scale(1.2);border-color:#fff}.team-color-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:50;display:flex;gap:6px;padding:8px;background:var(--bg-card, #1e1e2e);border:1px solid var(--border-medium, rgba(255,255,255,.15));border-radius:10px;box-shadow:0 4px 16px #0006}.team-color-opt{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;transition:transform .12s,border-color .12s}.team-color-opt:hover:not(:disabled){transform:scale(1.2);border-color:#fffc}.team-color-opt.selected{border-color:#fff;box-shadow:0 0 0 2px #fff6}.team-color-opt.disabled,.team-color-opt:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-add-team{display:block;width:100%;margin-top:8px;padding:8px 0;background:transparent;border:1px dashed var(--border-medium, rgba(255,255,255,.2));border-radius:8px;color:var(--text-secondary, rgba(255,255,255,.5));font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-add-team:hover{background:#9d7bff14;border-color:#9d7bff66;color:#9d7bff}@keyframes wrJellyPress{0%{transform:translateY(0) scale(1)}38%{transform:translateY(1px) scale(.965,1.03)}68%{transform:translateY(0) scale(1.014,.988)}to{transform:translateY(0) scale(1)}}.act-btn,.tag-btn,.btn-role-switch,.btn-join-player,.btn-join-team,.mode-pill,.d-btn{transform-origin:center;transition-property:transform,box-shadow,background-color,border-color,color,filter,opacity;transition-duration:.16s;transition-timing-function:ease}.act-btn.start,.act-btn.ready,.tag-btn.prim,.mode-pill.active,.d-btn.primary{box-shadow:inset 0 1px #ffffff6b,inset 0 -3px #4b278a2e,0 5px 18px #7b5cbf3d}.act-btn.start{background-image:linear-gradient(180deg,#ffffff38,#fff0 38%),linear-gradient(135deg,var(--color-primary),#7c5cbf)}.act-btn.ready{background-image:linear-gradient(180deg,#ffffff3d,#fff0 38%),linear-gradient(135deg,var(--wr-green),#22c55e)}.tag-btn.ghost,.ico-btn,.hdr-btn,.mob-hdr-btn,.btn-role-switch,.btn-join-player,.btn-join-team,.act-btn.wait,.act-btn.spec,.act-btn.join,.d-btn{box-shadow:inset 0 1px #fff3,0 2px 8px #2818500d}.act-btn:active,.tag-btn:active,.ico-btn:active,.hdr-btn:active,.mob-hdr-btn:active,.btn-replay:active,.mode-pill:active,.d-btn:active,.btn-join-team:active,.btn-join-player:active,.btn-role-switch:active,.emoji-btn:active{animation:wrJellyPress .18s ease-out}@media (prefers-reduced-motion: reduce){.act-btn:active,.tag-btn:active,.ico-btn:active,.hdr-btn:active,.mob-hdr-btn:active,.btn-replay:active,.mode-pill:active,.d-btn:active,.btn-join-team:active,.btn-join-player:active,.btn-role-switch:active,.emoji-btn:active{animation:none}}.wr-pc-login-btn{border-color:#9d7bff73!important;background:#9d7bff14!important;color:var(--color-primary)!important;gap:5px!important;padding:0 10px!important;width:auto!important;font-size:12px!important;font-weight:700!important}.wr-pc-login-btn:hover{background:#9d7bff2e!important}.invite-code{-webkit-user-select:none;user-select:none}.invite-code.invite-code-visible{-webkit-user-select:text;user-select:text;cursor:text;overflow:visible;text-overflow:unset;letter-spacing:6px}.copy-code-btn{background:#14b8a614!important;border-color:#14b8a666!important;color:#0d9488!important}.copy-code-btn:hover{background:#14b8a62e!important}[data-theme=dark] .copy-code-btn{color:#2dd4bf!important}.copy-code-btn.copied{background:#22c55e1f!important;border-color:#22c55e73!important;color:#16a34a!important;transition:all .2s}[data-theme=dark] .copy-code-btn.copied{color:#4ade80!important}.room-stats-card{background:var(--color-surface-alt, rgba(157,123,255,.08));border:1px solid var(--color-border, rgba(157,123,255,.2));border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.rs-item{display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.3}.rs-icon{font-size:15px;flex-shrink:0}.rs-label{color:var(--color-text-muted, #999);font-weight:500;flex-shrink:0}.rs-value{color:var(--color-text, #eee);font-weight:700;margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}@media (max-width: 499px){.room-stats-card{padding:8px 12px;gap:5px}.rs-item{font-size:12px}}.wr-app-root .room-stats-card{display:none}.wr-tenny-stage{position:relative;overflow:hidden;border:1px solid rgba(157,123,255,.24);border-radius:var(--wr-radius);background:radial-gradient(circle at 24% 18%,rgba(246,210,118,.2),transparent 34%),linear-gradient(145deg,#9d7bff29,#ff9f4314),var(--surface-card-hover);box-shadow:inset 0 1px #ffffff14,0 10px 28px #21124226}.wr-tenny-stage.event-newKing,.wr-tenny-stage.event-recordBreak,.wr-tenny-stage.event-customized{animation:wrTennyStagePop .52s cubic-bezier(.2,1.3,.25,1)}.wr-tenny-stage.bg-fire .wr-tenny-art{background:radial-gradient(circle at 30% 72%,rgba(255,151,67,.58),transparent 36%),radial-gradient(circle at 76% 24%,rgba(255,72,121,.36),transparent 34%),linear-gradient(145deg,#ffad5238,#5a23b45c)}.wr-tenny-stage.bg-space .wr-tenny-art{background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.7) 0 2px,transparent 3px),radial-gradient(circle at 76% 68%,rgba(255,255,255,.52) 0 1px,transparent 2px),linear-gradient(145deg,#221062eb,#2e82d257)}.wr-tenny-stage.bg-jelly .wr-tenny-art{background:radial-gradient(circle at 28% 72%,rgba(76,211,194,.42),transparent 32%),radial-gradient(circle at 72% 20%,rgba(255,214,102,.42),transparent 34%),linear-gradient(145deg,#9d7bff57,#ff8f7e2e)}.wr-tenny-stage.bg-arcade .wr-tenny-art{background:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(145deg,#1a124af2,#ff4fd847);background-size:20px 20px,20px 20px,auto}.wr-tenny-stage.bg-storm .wr-tenny-art{background:radial-gradient(circle at 72% 26%,rgba(215,255,69,.38),transparent 26%),linear-gradient(145deg,#161530f2,#5c70ff5c)}.wr-tenny-stage.bg-neon .wr-tenny-art{background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(145deg,#0f0a26f5,#00d1ff52,#ff4fd842);background-size:18px 18px,auto}@keyframes wrTennyStagePop{0%{transform:scale(.975);filter:saturate(1)}55%{transform:scale(1.018);filter:saturate(1.25)}to{transform:scale(1);filter:saturate(1)}}.wr-tenny-art{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.18),transparent 26%),radial-gradient(circle at 70% 10%,rgba(246,210,118,.22),transparent 30%),linear-gradient(145deg,#502faacc,#9d7bff52)}.wr-tenny-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 45% 40%,black,transparent 76%);mask-image:radial-gradient(circle at 45% 40%,black,transparent 76%)}.wr-tenny-stage-name{position:absolute;left:10px;top:9px;z-index:3;color:#ffffffc2;font-size:10px;font-weight:950;letter-spacing:.6px;text-transform:uppercase}.wr-tenny-figure{position:absolute;z-index:2;border-radius:32% 32% 28% 28%/34% 34% 28% 28%;background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.78) 0 9%,transparent 10%),linear-gradient(180deg,#ffffff38,#fff0 42%),linear-gradient(145deg,#b89cff,#7c55df 58%,#5e35bc);box-shadow:inset 0 2px #ffffff59,inset 0 -8px #2f18683d,0 14px 32px #5f3fbe52;transform:rotate(-2deg)}.wr-tenny-figure:before,.wr-tenny-figure:after{content:"";position:absolute;bottom:-7%;width:29%;height:17%;border-radius:12px 12px 8px 8px;background:#6540c5;box-shadow:inset 0 -3px #26125c3d}.wr-tenny-figure:before{left:14%;transform:rotate(7deg)}.wr-tenny-figure:after{right:13%;transform:rotate(-6deg)}.wr-tenny-face,.wr-tenny-brow,.wr-tenny-eye,.wr-tenny-mouth,.wr-tenny-crown,.wr-tenny-head-acc,.wr-tenny-face-acc,.wr-tenny-spark{position:absolute;display:block}.wr-tenny-face{left:50%;top:16%;transform:translate(-50%);color:#fff;font-weight:950;letter-spacing:-.08em;text-shadow:0 2px 5px rgba(50,26,112,.34)}.wr-tenny-eye{top:58%;width:9%;height:11%;border-radius:999px;background:#2c1b64;box-shadow:inset 0 2px #ffffff47}.wr-tenny-eye.left{left:31%}.wr-tenny-eye.right{right:30%}.wr-tenny-brow{top:51%;width:13%;height:5%;border-radius:999px;background:#2c1b64;opacity:.72}.wr-tenny-brow.left{left:29%;transform:rotate(-8deg)}.wr-tenny-brow.right{right:28%;transform:rotate(8deg)}.wr-tenny-mouth{left:50%;top:76%;width:24%;height:10%;border-bottom:4px solid #2C1B64;border-radius:0 0 999px 999px;transform:translate(-50%)}.wr-tenny-crown{display:none}.wr-tenny-head-acc{left:50%;top:-20%;transform:translate(-50%) rotate(-5deg);color:#f6d276;font-size:30%;text-shadow:0 4px 14px rgba(246,210,118,.36)}.wr-tenny-face-acc{left:50%;top:60%;width:45%;height:18%;transform:translate(-50%);pointer-events:none}.wr-tenny-spark{width:8%;height:8%;border-radius:2px;background:#f6d276;box-shadow:0 0 12px #f6d27685;transform:rotate(45deg)}.wr-tenny-spark.one{right:-3%;top:7%}.wr-tenny-spark.two{left:-5%;top:37%;width:6%;height:6%;opacity:.78}.wr-tenny-info{display:grid;gap:9px;min-width:0}.wr-tenny-speech{position:relative;min-width:0;padding:9px 11px;border:1px solid rgba(157,123,255,.18);border-radius:10px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff14}.wr-tenny-speech p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:13px;font-weight:900;line-height:1.2}.wr-tenny-stats{display:grid;gap:6px;min-width:0}.wr-tenny-stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px;min-width:0}.wr-tenny-stat span{color:var(--text-secondary);font-size:11.5px;font-weight:850;white-space:nowrap}.wr-tenny-stat strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:13px;font-weight:950;text-align:right}.wr-tenny-stat.record strong{color:#f6d276;font-variant-numeric:tabular-nums}.wr-tenny-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.wr-tenny-actions span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-size:10.5px;font-weight:800}.wr-tenny-actions button,.wr-tenny-sound-btn{flex:0 0 auto;min-height:28px;padding:0 9px;border-radius:8px;border:1px solid rgba(246,210,118,.28);background:#f6d2761a;color:#f6d276;font-size:10.5px;font-weight:900;cursor:pointer}.wr-tenny-sound-btn{width:100%;min-height:34px}.wr-tenny-stage-card{display:grid;gap:12px;margin:8px 8px 12px;padding:10px}.wr-tenny-stage .wr-tenny-art{display:none}.wr-tenny-stage-card .wr-tenny-art{height:172px;border-radius:12px}.wr-tenny-stage-card .wr-tenny-figure{width:112px;height:126px;left:50%;bottom:12px;transform:translate(-50%) rotate(-2deg)}.wr-tenny-stage-card .wr-tenny-face{font-size:33px}.wr-tenny-stage-card .wr-tenny-info{padding:2px}.wr-tenny-stage-card .wr-tenny-stat{grid-template-columns:1fr;gap:3px;justify-items:center}.wr-tenny-stage-card .wr-tenny-stat strong,.wr-tenny-stage-card .wr-tenny-speech{text-align:center}.wr-tenny-stage-card .wr-tenny-speech:before{content:none}.wr-tenny-stage-wide{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:0;margin:0 0 10px}.wr-tenny-stage-wide .wr-tenny-art{min-height:138px}.wr-tenny-stage-wide .wr-tenny-figure{width:88px;height:98px;left:50%;bottom:14px;transform:translate(-50%) rotate(-2deg)}.wr-tenny-stage-wide .wr-tenny-face{font-size:25px}.wr-tenny-stage-wide .wr-tenny-info{align-content:center;padding:10px}.wr-tenny-stage-wide .wr-tenny-stage-name{font-size:9px}.wr-tenny-stage-wide .wr-tenny-speech{padding:7px 9px}.wr-tenny-stage-wide .wr-tenny-speech:before{content:none}.wr-tenny-stage-wide .wr-tenny-speech p{font-size:12.5px}.wr-tenny-stage-wide .wr-tenny-stat{grid-template-columns:1fr;gap:2px}.wr-tenny-stage-wide .wr-tenny-stat strong{text-align:left;font-size:13px}.wr-tenny-stage-wide .wr-tenny-actions{display:none}.wr-tenny-figure.body-mint{background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.78) 0 9%,transparent 10%),linear-gradient(180deg,#ffffff38,#fff0 42%),linear-gradient(145deg,#9bffe7,#28c7a7 58%,#128a78)}.wr-tenny-figure.body-orange{background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.78) 0 9%,transparent 10%),linear-gradient(180deg,#ffffff38,#fff0 42%),linear-gradient(145deg,#ffd166,#ff8a45 58%,#d9542b)}.wr-tenny-figure.body-blue{background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.78) 0 9%,transparent 10%),linear-gradient(180deg,#ffffff38,#fff0 42%),linear-gradient(145deg,#b7ebff,#4c7dff 58%,#3154c7)}.wr-tenny-figure.is-surprised .wr-tenny-eye,.wr-tenny-figure.eyes-sparkle .wr-tenny-eye{height:13%;width:11%}.wr-tenny-figure.eyes-sleepy .wr-tenny-eye{height:4%;top:61%;border-radius:999px}.wr-tenny-figure.eyes-mad .wr-tenny-eye.left{transform:rotate(12deg)}.wr-tenny-figure.eyes-mad .wr-tenny-eye.right{transform:rotate(-12deg)}.wr-tenny-figure.brows-bold .wr-tenny-brow{height:7%;opacity:.9}.wr-tenny-figure.brows-angry .wr-tenny-brow.left{transform:rotate(18deg)}.wr-tenny-figure.brows-angry .wr-tenny-brow.right{transform:rotate(-18deg)}.wr-tenny-figure.brows-none .wr-tenny-brow{display:none}.wr-tenny-figure.is-surprised .wr-tenny-mouth,.wr-tenny-figure.mouth-open .wr-tenny-mouth{width:15%;height:15%;border-radius:999px;background:#3e246d;border:0}.wr-tenny-figure.mouth-flat .wr-tenny-mouth{height:2%;border-bottom-width:4px;border-radius:999px}.wr-tenny-figure.mouth-grin .wr-tenny-mouth{width:32%;height:12%}.wr-tenny-figure.mouth-tiny .wr-tenny-mouth{width:16%;height:7%;border-bottom-width:3px}.wr-tenny-figure.is-celebrate{animation:wrTennyBounce 1.8s ease-in-out infinite}.wr-tenny-figure.has-none .wr-tenny-crown,.wr-tenny-figure.has-sunglasses .wr-tenny-crown,.wr-tenny-figure.has-spark .wr-tenny-crown,.wr-tenny-figure.head-none .wr-tenny-head-acc{display:none}.wr-tenny-figure.head-flame .wr-tenny-head-acc{color:transparent;text-shadow:0 0 14px rgba(255,136,77,.65)}.wr-tenny-figure.head-flame .wr-tenny-head-acc:before{content:"◆";color:#ff884d}.wr-tenny-figure.head-halo .wr-tenny-head-acc{top:-11%;width:44%;height:12%;border:4px solid #FFE780;border-radius:50%;color:transparent}.wr-tenny-figure.head-bolt .wr-tenny-head-acc{color:transparent}.wr-tenny-figure.head-bolt .wr-tenny-head-acc:before{content:"◆";color:#d7ff45}.wr-tenny-figure.face-sunglasses .wr-tenny-eye,.wr-tenny-figure.has-sunglasses .wr-tenny-eye{width:18%;height:10%;border-radius:5px;background:#21133a;box-shadow:0 0 0 2px #fff3}.wr-tenny-figure.face-blush .wr-tenny-face-acc:before,.wr-tenny-figure.face-blush .wr-tenny-face-acc:after{content:"";position:absolute;top:25%;width:18%;height:28%;border-radius:999px;background:#ff8eb4b8}.wr-tenny-figure.face-blush .wr-tenny-face-acc:before{left:0}.wr-tenny-figure.face-blush .wr-tenny-face-acc:after{right:0}.wr-tenny-figure.face-scar .wr-tenny-face-acc:before{content:"";position:absolute;right:16%;top:4%;width:22%;height:5px;border-radius:999px;background:#7f1d1d;transform:rotate(-35deg)}.wr-tenny-figure.face-sticker .wr-tenny-face-acc:before{content:"10";position:absolute;right:-4%;top:-40%;display:grid;place-items:center;width:22px;height:18px;border-radius:7px;background:#fff;color:#7c55df;font-size:10px;font-weight:950}.wr-tenny-figure.has-spark .wr-tenny-spark{transform:rotate(45deg) scale(1.35);opacity:1}@keyframes wrTennyBounce{0%,to{transform:translate(-50%) translateY(0) rotate(-3deg)}50%{transform:translate(-50%) translateY(-5px) rotate(3deg)}}.wr-tenny-customize-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#09041a94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wr-tenny-customize-modal{width:min(420px,100%);max-height:calc(100dvh - 36px);overflow:auto;display:grid;gap:14px;padding:16px;border:1px solid rgba(157,123,255,.28);border-radius:18px;background:color-mix(in srgb,var(--surface-card) 92%,#130A2F);box-shadow:0 24px 80px #0000006b}.wr-tenny-customize-head,.wr-tenny-customize-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.wr-tenny-customize-head strong{display:block;font-size:18px;font-weight:950}.wr-tenny-customize-head span{display:block;margin-top:3px;color:var(--text-secondary);font-size:12px;font-weight:750}.wr-tenny-customize-head button{width:34px;height:34px;min-width:34px;min-height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff12;color:var(--text-primary);font-weight:900}.wr-tenny-customize-preview{position:relative;min-height:132px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 30% 70%,rgba(157,123,255,.32),transparent 38%),linear-gradient(145deg,#25144ef2,#53369a6b)}.wr-tenny-customize-preview .wr-tenny-figure{width:84px;height:96px;left:58px;bottom:12px}.wr-tenny-customize-preview .wr-tenny-face{font-size:24px}.wr-tenny-customize-preview p{position:absolute;right:14px;top:32px;max-width:210px;margin:0;padding:9px 11px;border-radius:12px;background:#ffffffe6;color:#3b206c;font-weight:950}.wr-tenny-preset-row{display:grid;gap:8px}.wr-tenny-preset-row>span{color:var(--text-secondary);font-size:11px;font-weight:950;text-transform:uppercase}.wr-tenny-preset-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.wr-tenny-preset-options button,.wr-tenny-customize-actions button{min-height:34px;border:1px solid rgba(157,123,255,.22);border-radius:10px;background:#ffffff0e;color:var(--text-primary);font-weight:850}.wr-tenny-preset-options button{display:grid;place-items:center;gap:2px;cursor:pointer}.wr-tenny-preset-options button small{font-size:8px;font-weight:950;letter-spacing:.7px;color:#ffffff8c}.wr-tenny-preset-options button.is-locked{cursor:not-allowed;opacity:.52;color:var(--text-secondary);background:#ffffff07;border-style:dashed}.wr-tenny-preset-options button.is-selected,.wr-tenny-customize-actions button.primary{background:linear-gradient(135deg,#9d7bff,#7b5ce5);border-color:#ffffff2e;color:#fff;box-shadow:0 8px 18px #7b5ce547}.wr-tenny-player-king{border-color:#f6d2766b;background:linear-gradient(90deg,rgba(246,210,118,.13),rgba(246,210,118,.035) 48%,transparent),var(--surface-card);box-shadow:inset 0 0 0 1px #f6d2761f,0 6px 16px #52390814}.wr-tenny-player-record{border-color:#ff9f4347;background:linear-gradient(90deg,rgba(255,159,67,.09),rgba(255,159,67,.025) 42%,transparent),var(--surface-card)}.wr-tenny-honor-badge{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:1px;border-radius:999px;font-size:11px;line-height:1;cursor:help}.wr-tenny-honor-badge.king{background:#f6d2762e;box-shadow:0 0 0 1px #f6d27640,0 3px 10px #f6d2761f}.wr-tenny-honor-badge.record{background:#ff9f4326;box-shadow:0 0 0 1px #ff9f4338}.wr-tenny-king-avatar:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;border:2px solid rgba(246,210,118,.72);box-shadow:0 0 14px #f6d27638;pointer-events:none}@media (max-width: 360px){.wr-tenny-stage-wide{grid-template-columns:39% minmax(0,1fr)}.wr-tenny-stage-wide .wr-tenny-figure{width:74px;height:84px}.wr-tenny-stage-wide .wr-tenny-face{font-size:21px}.wr-tenny-stage-wide .wr-tenny-speech p,.wr-tenny-stage-wide .wr-tenny-stat strong{font-size:11.5px}}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-nav);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(157,123,255,.15);box-shadow:0 2px 12px #9d7bff0f;width:100%;z-index:100;transition:transform .3s ease}.top-bar.collapsed{transform:translateY(-100%)}@media (max-width: 768px) and (orientation: portrait) and (max-height: 700px){.top-bar{display:none}}.topbar-toggle-btn{display:none;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:101;background:#9d7bffe6;color:#fff;border:none;padding:4px 16px;border-radius:0 0 8px 8px;cursor:pointer;font-size:12px;transition:all .3s ease;box-shadow:0 2px 8px #9d7bff4d}.topbar-toggle-btn:hover{background:#9d7bff}.topbar-toggle-btn:active{transform:translate(-50%) scale(.95)}.top-bar-left{display:flex;align-items:center;gap:8px}.top-bar-hud{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;min-width:0;overflow:hidden}@media (min-width: 769px){.top-bar.top-bar-ingame{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px}.top-bar.top-bar-ingame .top-bar-left{justify-self:start;min-width:0}.top-bar.top-bar-ingame .top-bar-hud{flex:0 0 auto;width:auto;max-width:100%;justify-self:center;justify-content:center;gap:14px;overflow:visible}.top-bar.top-bar-ingame .top-bar-right{justify-self:end;min-width:0}}.topbar-target-badge{flex-shrink:0}.topbar-challenge-target{flex:0 1 230px;min-width:150px;max-width:250px;padding:7px 10px 8px;border-radius:14px;background:#ffffffd1;border:1px solid rgba(157,123,255,.18);box-shadow:inset 0 1px #ffffffb8;color:#2d165d}.topbar-challenge-line{display:flex;align-items:center;gap:7px;min-width:0}.topbar-challenge-kicker{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#efe7ff;color:#6d38d8;font-size:9px;font-weight:1000;letter-spacing:.45px;line-height:1.2}.topbar-challenge-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d165d;font-size:12px;font-weight:950;line-height:1.2}.topbar-challenge-track{width:100%;height:5px;margin-top:6px;border-radius:999px;overflow:hidden;background:#9d7bff2e}.topbar-challenge-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#ec4899);transition:width .35s cubic-bezier(.22,1,.36,1)}.topbar-challenge-target.is-lead{border-color:#22c55e57;background:#ecfdf5e0}.topbar-challenge-target.is-lead .topbar-challenge-kicker{background:#dffced;color:#118357}.topbar-challenge-target.is-lead .topbar-challenge-track i{background:linear-gradient(90deg,#22c55e,#2dd4bf)}.topbar-restart-btn{flex-shrink:0;color:#9d7bffcc!important;transition:color .2s,transform .15s!important}.topbar-restart-btn:hover{color:#9d7bff!important;transform:rotate(-30deg) scale(1.1)!important}.top-bar-right{display:flex;align-items:center;gap:8px}.topbar-exit-btn{position:relative;z-index:1100;gap:6px;padding:0 12px;width:auto;min-width:64px;height:32px;flex-shrink:0;white-space:nowrap;background:#ef444424;border:1.5px solid rgba(239,68,68,.55);color:#dc2626;font-weight:700;border-radius:8px;pointer-events:auto}.topbar-exit-btn .icon-text{font-weight:700;letter-spacing:.2px;line-height:1}.topbar-exit-btn:hover{background:#ef444438!important;border-color:#dc2626cc!important;color:#b91c1c!important;transform:none!important;box-shadow:0 2px 8px #ef444440}.topbar-exit-btn:active{background:#ef44444d!important;transform:scale(.97)!important}[data-theme=dark] .topbar-exit-btn{background:#ef444438;border-color:#fca5a599;color:#fecaca}[data-theme=dark] .topbar-exit-btn:hover{background:#ef444452!important;border-color:#fecacad9!important;color:#fff!important}.logo-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #9d7bff4d;position:relative;overflow:hidden;flex-shrink:0}.logo-icon-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.logo-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:logo-shine-sweep 3s ease-in-out infinite;pointer-events:none}@keyframes logo-shine-sweep{0%{left:-100%}50%,to{left:150%}}.logo-btn{display:flex;align-items:center;gap:8px;background:none;border:none;padding:4px 6px;margin:-4px -6px;border-radius:8px;cursor:default}.logo-btn.logo-btn-clickable{cursor:pointer;transition:background .2s}.logo-btn.logo-btn-clickable:hover{background:#9d7bff1a}.exit-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.exit-confirm-dialog{background:var(--surface-modal);border:1px solid var(--border-medium);border-radius:16px;padding:28px 24px;max-width:300px;width:90%;text-align:center;box-shadow:var(--shadow-modal)}.exit-confirm-msg{font-size:15px;color:var(--text-primary);line-height:1.5;margin:0 0 20px}.exit-confirm-buttons{display:flex;gap:10px;justify-content:center}.exit-confirm-yes{padding:10px 22px;background:var(--color-primary, #9d7bff);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.exit-confirm-yes:hover{opacity:.85}.exit-confirm-no{padding:10px 22px;background:var(--surface-subtle, #f0f0f0);color:var(--text-secondary, #555);border:none;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.exit-confirm-no:hover{background:var(--surface-card, #e8e8e8)}.icon-button{width:32px;height:32px;border:none;background:#9d7bff1a;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#9d7bff}.icon-button:hover{background:#9d7bff33;transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.icon-button.muted{background:#ff7e6a26;color:#ff7e6a}.icon-text{font-size:14px}.language-selector{position:relative}.language-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-modal);border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--shadow-modal);padding:6px;min-width:140px;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:13px;color:var(--text-primary)}.language-option:hover{background:#9d7bff1a}.language-option.active{background:#9d7bff26;font-weight:600}.lang-flag{font-size:16px;flex-shrink:0}.lang-code-badge{font-size:11px;font-weight:700;letter-spacing:.04em;font-family:monospace;color:#ffffffd9;min-width:22px;text-align:center;flex-shrink:0}.lang-button .lang-code-badge{font-size:12px}.lang-name{flex:1;text-align:left}.lang-check{font-size:12px;color:#9d7bff;font-weight:700}@media (max-width: 768px){.top-bar{padding:4px 8px}.logo-icon{width:32px;height:32px}.icon-button{width:26px;height:26px}.icon-text{font-size:11px}}@media (max-width: 375px){.topbar-target-badge{display:none}.ihud-timer-wrap{width:42px!important;height:42px!important}.ihud-timer-num{font-size:14px!important}.topbar-restart-btn .icon-text{display:none}.top-bar{padding:4px 6px;gap:4px}}@media (max-width: 480px) and (orientation: portrait){.top-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left hud right";align-items:center;column-gap:6px;min-height:64px;padding:6px 8px}.top-bar-left{grid-area:left;gap:5px;min-width:0}.top-bar-hud{grid-area:hud;justify-content:center;gap:4px;min-width:0;overflow:visible}.top-bar-right{grid-area:right;gap:4px;min-width:0}.logo-icon{width:38px;height:38px;border-radius:10px}.topbar-restart-btn,.topbar-mob-gear-btn,.top-bar-right .icon-button{width:34px;height:34px;min-width:34px}.topbar-target-badge{display:inline-flex;min-width:34px;justify-content:center;padding:3px 7px;border-radius:999px}.topbar-target-badge .ihud-target-label{display:none}.topbar-target-badge .ihud-target-val{font-size:15px;letter-spacing:0}.ihud-my-block{min-width:90px;max-width:112px;padding:5px 8px;gap:5px;border-radius:16px}.ihud-my-block .ihud-player-name{display:none}.ihud-me-tag{font-size:9px;padding:2px 6px}.ihud-sep{height:18px}.ihud-score{min-width:34px;font-size:20px;letter-spacing:-.6px}.ihud-pt{font-size:10px;margin-left:0}.ihud-timer-wrap{width:46px!important;height:46px!important}.ihud-timer-num{font-size:15px!important;letter-spacing:-.6px}.ihud-timer-lbl{font-size:6px;letter-spacing:.6px;margin-top:1px}}@media (max-width: 360px) and (orientation: portrait){.topbar-restart-btn{display:none}.ihud-my-block{min-width:82px;padding-inline:7px}.ihud-me-tag,.ihud-pt{display:none}.ihud-score{text-align:center}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 1024px){.topbar-toggle-btn{display:flex;top:8px;right:64px;left:auto;transform:none;padding:2px 14px;font-size:11px}.topbar-toggle-btn:active{transform:scale(.95)}.top-bar{position:fixed;top:0;right:0;bottom:0;left:auto;width:64px;height:100dvh;flex-direction:column;justify-content:flex-start;gap:6px;background:#00000073;border-bottom:none;border-left:1px solid rgba(255,255,255,.08);box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);min-height:0;padding:8px 7px max(8px,env(safe-area-inset-bottom));z-index:110}.top-bar.collapsed{transform:translate(100%)}.game-screen{padding-top:0;padding-right:66px}.top-bar.collapsed~.game-screen{padding-top:0;padding-right:14px}.top-bar-left{position:static;transform:none;flex-direction:column;gap:3px;width:100%}.top-bar-right{position:static;flex-direction:column;gap:3px;width:100%}.logo-icon{width:34px;height:34px}.icon-button{width:30px;height:30px}.icon-text{font-size:12px}.top-bar-hud{flex:0 0 auto;flex-direction:column;width:100%;padding:0;gap:6px}.topbar-target-badge{display:inline-flex;width:48px;min-height:32px;justify-content:center;padding:3px 6px;border-radius:12px}.topbar-target-badge .ihud-target-label{display:none}.topbar-target-badge .ihud-target-val{font-size:16px;letter-spacing:0}.ihud-my-block{width:48px;min-height:42px;padding:4px 3px;flex-direction:column;justify-content:center;gap:1px;border-radius:14px}.ihud-my-block .ihud-me-tag,.ihud-my-block .ihud-player-name,.ihud-my-block .ihud-sep,.ihud-my-block .ihud-pt{display:none}.ihud-my-block .ihud-score{min-width:0;width:100%;text-align:center;font-size:16px}.ihud-timer-wrap{width:48px!important;height:48px!important}.ihud-timer-num{font-size:14px!important}.ihud-timer-lbl{font-size:6px;letter-spacing:.5px}}@media (max-width: 430px){.topbar-target-badge{display:none}.ihud-timer-wrap{width:52px!important;height:52px!important}.ihud-timer-num{font-size:16px!important}.ihud-my-block{padding:5px 10px;gap:6px}}[data-theme=dark] .top-bar{border-bottom-color:#9d7bff40;box-shadow:0 2px 12px #0000004d}[data-theme=dark] .icon-button{background:#9d7bff26}[data-theme=dark] .icon-button:hover{background:#9d7bff47}[data-theme=dark] .language-menu{border-color:#9d7bff33}[data-theme=dark] .language-option{color:#c4b5ff}[data-theme=dark] .exit-confirm-no{background:#ffffff12;color:#c0a8f0}[data-theme=dark] .exit-confirm-no:hover{background:#ffffff1f}.topbar-mob-gear-btn{display:none}.topbar-settings-row{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.topbar-mob-gear-btn{display:flex}.topbar-settings-row{display:none}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 1024px){.topbar-mob-gear-btn{display:flex}.topbar-settings-row{display:none}}@media (max-width: 768px) and (orientation: portrait) and (max-height: 820px) and (hover: none) and (pointer: coarse){.top-bar{padding:3px 6px}.top-bar-hud{gap:6px}.top-bar-left,.top-bar-right{gap:5px}.topbar-target-badge{display:none}.ihud-my-block{padding:4px 8px}.ihud-timer-wrap{width:48px!important;height:48px!important}.ihud-timer-num{font-size:15px!important}}.topbar-mob-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;display:flex;align-items:flex-end;animation:tmbs-fade-in .18s ease}@keyframes tmbs-fade-in{0%{opacity:0}to{opacity:1}}.topbar-mob-settings-sheet{width:100%;background:var(--surface-modal, #fff);border-radius:16px 16px 0 0;padding:0 0 env(safe-area-inset-bottom,16px);padding-bottom:max(env(safe-area-inset-bottom,0px),16px);display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;animation:tmbs-slide-up .22s cubic-bezier(.34,1.28,.64,1)}@keyframes tmbs-slide-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.topbar-mob-settings-handle{width:36px;height:4px;background:#9d7bff4d;border-radius:2px;margin:10px auto 4px;flex-shrink:0}.tmbs-section{padding:10px 20px 12px;border-bottom:1px solid var(--border-light, rgba(157, 123, 255, .1))}.tmbs-section:last-child{border-bottom:none}.tmbs-label{display:block;font-size:10px;font-weight:800;color:var(--text-tertiary, rgba(157, 123, 255, .55));text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.tmbs-vol-rows{display:flex;flex-direction:column;gap:6px}.tmbs-vol-row{display:flex;align-items:center;gap:8px}.tmbs-vol-label{font-size:12px;color:var(--text-secondary, #6b5c8a);min-width:44px}.tmbs-vol-val{font-size:11px;color:var(--text-tertiary, rgba(157, 123, 255, .6));min-width:26px;text-align:right;font-variant-numeric:tabular-nums}.tmbs-vol-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;background:linear-gradient(to right,#9D7BFF 0%,#9D7BFF var(--val, 50%),rgba(157,123,255,.2) var(--val, 50%),rgba(157,123,255,.2) 100%);cursor:pointer;outline:none}.tmbs-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#9d7bff;box-shadow:0 1px 4px #9d7bff80;cursor:pointer}.tmbs-vol-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#9d7bff;border:none;cursor:pointer}.tmbs-row{display:flex;gap:6px;flex-wrap:wrap}.tmbs-choice-btn{padding:6px 12px;border:1.5px solid rgba(157,123,255,.2);border-radius:8px;background:transparent;font-size:12px;font-weight:600;color:var(--text-secondary, #6b5c8a);cursor:pointer;transition:all .15s;line-height:1.4}.tmbs-choice-btn:active{transform:scale(.96)}.tmbs-choice-btn.active{background:#9d7bff24;border-color:#9d7bff;color:var(--color-primary, #9D7BFF);font-weight:700}.tmbs-light-mode-btn{display:none!important}.tmbs-switch-btn{position:relative;min-width:148px;min-height:34px;padding:7px 44px 7px 12px;border:1.5px solid rgba(157,123,255,.22);border-radius:10px;background:#9d7bff0f;font-size:12px;font-weight:700;color:var(--text-primary, #2f2554);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.tmbs-switch-btn:after{content:"";position:absolute;right:10px;top:50%;width:32px;height:18px;border-radius:999px;background:#8271aa47;transform:translateY(-50%);transition:background .18s}.tmbs-switch-btn:before{content:"";position:absolute;right:24px;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #21163e38;transform:translateY(-50%);transition:right .18s;z-index:1}.tmbs-switch-btn.on{border-color:#9d7bffb3;background:#9d7bff24;color:var(--color-primary, #7c4dff)}.tmbs-switch-btn.on:after{background:#8b5cf6}.tmbs-switch-btn.on:before{right:12px}.tmbs-lang-btn{padding:6px 14px;border:1.5px solid rgba(157,123,255,.2);border-radius:8px;background:transparent;font-size:12px;font-weight:700;font-family:monospace;color:var(--text-secondary, #6b5c8a);cursor:pointer;transition:all .15s}.tmbs-lang-btn:active{transform:scale(.96)}.tmbs-lang-btn.active{background:#9d7bff24;border-color:#9d7bff;color:var(--color-primary, #9D7BFF)}[data-theme=dark] .topbar-mob-settings-sheet{background:var(--surface-modal, #160e2a)}[data-theme=dark] .tmbs-section{border-bottom-color:#9d7bff1f}[data-theme=dark] .tmbs-choice-btn,[data-theme=dark] .tmbs-switch-btn,[data-theme=dark] .tmbs-lang-btn{border-color:#9d7bff38;color:#c4b5ffbf}[data-theme=dark] .tmbs-choice-btn.active,[data-theme=dark] .tmbs-switch-btn.on,[data-theme=dark] .tmbs-lang-btn.active{background:#9d7bff2e;border-color:#9d7bffb3;color:#c4b5ff}[data-theme=dark] .tmbs-vol-slider{background:linear-gradient(to right,#9D7BFF 0%,#9D7BFF var(--val, 50%),rgba(157,123,255,.15) var(--val, 50%),rgba(157,123,255,.15) 100%)}:root{--ihud-ring-crit: #FF3B3B;--ihud-ring-warn: #FFA500;--ihud-highlight: #00FF7F;--ihud-highlight-bg: rgba(0, 255, 127, .12)}.ingame-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;flex-shrink:0;background:var(--game-board-bg, rgba(255,255,255,.05));border-bottom:2px solid var(--jelly-border, rgba(157, 123, 255, .2))}.ihud-left{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex-shrink:0;min-width:80px}.ihud-brand-logo{height:30px;width:auto;object-fit:contain;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:filter .2s}[data-theme=dark] .ihud-brand-logo{filter:brightness(1.15) saturate(1.1)}.ihud-target-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#fffae0f2,#fff1afe6);border:1.5px solid rgba(215,166,28,.5);border-radius:8px;padding:2px 8px;line-height:1;box-shadow:inset 0 1px #ffffffd9,0 1px 3px #5a3d0c1f}.ihud-target-label{font-size:8px;font-weight:900;color:#7a5c0b;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.65)}.ihud-target-val{font-size:14px;font-weight:900;color:#4c2d8b;letter-spacing:-.5px;font-family:Fredoka One,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.7)}.ihud-my-block{display:flex;align-items:center;gap:8px;background:var(--jelly-score-bg, rgba(157, 123, 255, .08));border:2px solid var(--jelly-border, rgba(157, 123, 255, .25));border-radius:18px;padding:7px 18px;flex-shrink:0;animation:ihudScoreBump .4s cubic-bezier(.34,1.56,.64,1)}@keyframes ihudScoreBump{0%{transform:scale(1)}40%{transform:scale(1.06);box-shadow:0 0 0 5px #00ff7f40}to{transform:scale(1)}}.ihud-me-tag{font-size:10px;font-weight:900;background:var(--ihud-highlight);color:#145c2e;padding:2px 7px;border-radius:7px;flex-shrink:0}.ihud-player-name{font-size:12px;font-weight:800;color:#9d7bffcc;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ihud-sep{width:1.5px;height:22px;background:var(--jelly-border, rgba(157, 123, 255, .25));flex-shrink:0}.ihud-score{font-size:24px;font-weight:900;letter-spacing:-1px;color:var(--text-primary);min-width:80px;text-align:right;line-height:1}.ihud-pt{font-size:12px;font-weight:800;color:var(--text-secondary);margin-left:2px;align-self:flex-end;padding-bottom:1px}.ihud-timer-wrap{position:relative;width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ihud-timer-wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.ihud-ring-track{fill:none;stroke:#9d7bff33;stroke-width:5}[data-theme=dark] .ihud-ring-track{stroke:#3a2760}.ihud-ring-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .6s linear,stroke .3s}.ihud-ring-fill.crit{animation:ihudRingCrit .5s ease-in-out infinite}@keyframes ihudRingCrit{0%,to{opacity:1}50%{opacity:.6}}.ihud-timer-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ihud-timer-num{font-size:20px;font-weight:900;letter-spacing:-1px;line-height:1;color:var(--text-primary);transition:color .3s}.ihud-timer-num.crit{color:var(--ihud-ring-crit);animation:ihudNumCrit .45s ease-in-out infinite}@keyframes ihudNumCrit{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ihud-timer-lbl{font-size:8px;font-weight:800;color:var(--text-tertiary);letter-spacing:1.5px;margin-top:2px}.ihud-timer-wrap.warn .ihud-ring-fill{stroke:var(--ihud-ring-warn)!important}.ihud-timer-wrap.warn .ihud-timer-num{color:var(--ihud-ring-warn)}@media (max-width: 600px){.ingame-hud{padding:6px 12px;gap:8px}.ihud-player-name{display:none}.ihud-score{font-size:20px;min-width:60px}.ihud-my-block{padding:6px 12px}.ihud-timer-wrap{width:52px;height:52px}.ihud-timer-num{font-size:16px}.ihud-brand-logo{height:22px}}[data-theme=dark] .ingame-hud{background:#0003;border-bottom-color:#9d7bff40}[data-theme=dark] .ihud-my-block{background:#9d7bff1f;border-color:#9d7bff4d}[data-theme=dark] .ihud-sep{background:#9d7bff4d}[data-theme=dark] .ihud-target-badge{background:#ffd7001a;border-color:#ffd70059}[data-theme=dark] .ihud-target-label{color:#ffdd54db;text-shadow:none}[data-theme=dark] .ihud-target-val{color:#ffe66d;text-shadow:0 1px 3px rgba(0,0,0,.45)}[data-theme=dark] .ihud-player-name{color:#b496ffe6}.ihud-landscape-timebar{display:none}@media (max-width: 768px) and (orientation: portrait){.top-bar.top-bar-ingame{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left hud right";align-items:center;column-gap:6px;min-height:62px;padding:6px 8px}.top-bar.top-bar-ingame .top-bar-left{grid-area:left;gap:4px;min-width:0}.top-bar.top-bar-ingame .top-bar-hud{grid-area:hud;min-width:0;justify-content:center;gap:5px;overflow:visible}.top-bar.top-bar-ingame .top-bar-right{grid-area:right;min-width:0;gap:0}.top-bar.top-bar-ingame .logo-btn{padding:0;margin:0}.top-bar.top-bar-ingame .logo-icon{width:42px;height:42px;border-radius:12px}.top-bar.top-bar-ingame .topbar-restart-btn,.top-bar.top-bar-ingame .topbar-mob-gear-btn,.top-bar.top-bar-ingame .top-bar-right .icon-button{width:34px;height:34px;min-width:34px;border-radius:11px}.top-bar.top-bar-ingame .top-bar-hud.classic-target-hidden .topbar-target-badge{display:none}.top-bar.top-bar-ingame .top-bar-hud.random-target-visible .topbar-target-badge{display:inline-flex;flex:0 0 34px;min-width:34px;height:28px;min-height:28px;padding:0 7px;justify-content:center;border-radius:999px}.top-bar.top-bar-ingame .topbar-target-badge .ihud-target-label{display:none}.top-bar.top-bar-ingame .topbar-target-badge .ihud-target-val{font-size:16px;letter-spacing:0;line-height:1}.top-bar.top-bar-ingame .ihud-my-block{flex:0 1 76px;min-width:58px;max-width:84px;height:36px;padding:0 9px;justify-content:center;gap:0;border-radius:999px}.top-bar.top-bar-ingame .ihud-me-tag,.top-bar.top-bar-ingame .ihud-player-name,.top-bar.top-bar-ingame .ihud-sep,.top-bar.top-bar-ingame .ihud-pt{display:none}.top-bar.top-bar-ingame .ihud-score{min-width:0;width:100%;text-align:center;font-size:22px;line-height:1;letter-spacing:-.02em}.top-bar.top-bar-ingame .topbar-challenge-target{flex:1 1 96px;min-width:72px;max-width:128px;padding:5px 7px 6px;border-radius:12px}.top-bar.top-bar-ingame .topbar-challenge-kicker{padding:1px 5px;font-size:8px}.top-bar.top-bar-ingame .topbar-challenge-title{font-size:10px}.top-bar.top-bar-ingame .topbar-challenge-track{height:4px;margin-top:4px}.top-bar.top-bar-ingame .ihud-timer-wrap{flex:0 0 48px;width:48px!important;height:48px!important}.top-bar.top-bar-ingame .ihud-timer-num{font-size:15px!important;line-height:1;letter-spacing:-.04em}.top-bar.top-bar-ingame .ihud-timer-lbl{font-size:6px;letter-spacing:.5px;margin-top:1px}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 1024px){.top-bar.top-bar-ingame{left:0;right:auto;width:50px;padding:8px 5px max(8px,env(safe-area-inset-bottom));gap:10px;background:linear-gradient(180deg,#231844c7,#1e143ab3);border-left:none;border-right:1px solid rgba(255,255,255,.12);box-shadow:6px 0 18px #2012481f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.top-bar.top-bar-ingame.collapsed{transform:translate(-100%)}.top-bar.top-bar-ingame~.game-screen,.game-screen{padding-right:0;padding-left:52px;padding-top:0}.top-bar.top-bar-ingame.collapsed~.game-screen{padding-left:8px;padding-right:0}.top-bar.top-bar-ingame .top-bar-left,.top-bar.top-bar-ingame .top-bar-right,.top-bar.top-bar-ingame .top-bar-hud{width:100%}.top-bar.top-bar-ingame .top-bar-left,.top-bar.top-bar-ingame .top-bar-right{gap:6px}.top-bar.top-bar-ingame .logo-btn{padding:0;margin:0}.top-bar.top-bar-ingame .logo-icon{width:38px;height:38px;border-radius:12px;box-shadow:0 5px 12px #0000002e}.top-bar.top-bar-ingame .logo-shine{display:none}.top-bar.top-bar-ingame .topbar-restart-btn,.top-bar.top-bar-ingame .topbar-mob-gear-btn,.top-bar.top-bar-ingame .top-bar-right .icon-button{width:38px;height:34px;min-width:38px;border-radius:12px;background:#ffffff1c;border:1px solid rgba(255,255,255,.13);color:#fff;box-shadow:none}.top-bar.top-bar-ingame .topbar-restart-btn:hover,.top-bar.top-bar-ingame .topbar-mob-gear-btn:hover{transform:none!important;background:#ffffff29!important;color:#fff!important}.top-bar.top-bar-ingame .top-bar-hud{flex:1 1 auto;justify-content:center;align-items:center;gap:10px;overflow:visible}.top-bar.top-bar-ingame .topbar-challenge-target{width:40px;min-width:40px;max-width:40px;padding:6px 5px;border-radius:14px;background:#ffffff1c;border-color:#ffffff24}.top-bar.top-bar-ingame .topbar-challenge-line{justify-content:center}.top-bar.top-bar-ingame .topbar-challenge-kicker{padding:0;background:transparent;color:#fff;font-size:8px}.top-bar.top-bar-ingame .topbar-challenge-title{display:none}.top-bar.top-bar-ingame .topbar-challenge-track{height:32px;width:5px;margin:5px auto 0;background:#ffffff2e}.top-bar.top-bar-ingame .topbar-challenge-track i{width:100%!important;height:100%;transform-origin:bottom;transform:scaleY(var(--challenge-progress, 1))}.top-bar.top-bar-ingame .ihud-my-block,.top-bar.top-bar-ingame .ihud-timer-wrap{display:none!important}.top-bar.top-bar-ingame .ihud-landscape-timebar{display:grid;width:36px;min-height:156px;grid-template-rows:auto 1fr;justify-items:center;gap:7px}.top-bar.top-bar-ingame .ihud-landscape-time-num{color:#fff;font-size:15px;line-height:1;font-weight:950}.top-bar.top-bar-ingame .ihud-landscape-time-track{position:relative;width:5px;height:118px;border-radius:999px;overflow:hidden;background:#ffffff2e}.top-bar.top-bar-ingame .ihud-landscape-time-track i{position:absolute;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(180deg,#ff5b86,#8b6cff);box-shadow:0 0 8px #ff5b865c}.top-bar.top-bar-ingame .ihud-landscape-timebar.warn .ihud-landscape-time-track i{background:linear-gradient(180deg,#ffbf4f,#ff7a4f)}.top-bar.top-bar-ingame .ihud-landscape-timebar.crit .ihud-landscape-time-num{color:#ff6b6b}.top-bar.top-bar-ingame .ihud-landscape-timebar.crit .ihud-landscape-time-track i{background:linear-gradient(180deg,#ff3b3b,#ff7a7a);animation:ihudLandscapeCritPulse .45s ease-in-out infinite}@keyframes ihudLandscapeCritPulse{0%,to{opacity:1}50%{opacity:.58}}.top-bar.top-bar-ingame .top-bar-hud.classic-target-hidden .topbar-target-badge{display:none!important}.top-bar.top-bar-ingame .top-bar-hud.random-target-visible .topbar-target-badge{display:inline-flex;width:40px;min-height:44px;padding:4px 5px;border-radius:14px;justify-content:center;background:#ffffff1c;border-color:#ffffff24}.top-bar.top-bar-ingame .top-bar-hud.random-target-visible .ihud-target-label{display:none}.top-bar.top-bar-ingame .top-bar-hud.random-target-visible .ihud-target-val{color:#fff;font-size:22px;font-weight:950;letter-spacing:-.03em}.top-bar.top-bar-ingame .top-bar-right{margin-top:auto}.top-bar.top-bar-ingame .topbar-exit-btn{display:none}.topbar-toggle-btn{left:50px;right:auto;top:50%;width:22px;height:40px;min-width:22px;min-height:40px;padding:0;transform:translateY(-50%);border-radius:0 11px 11px 0;background:#ffffffb3;color:#7452d7;font-size:0;box-shadow:3px 0 10px #3e247324;border:1px solid rgba(157,123,255,.22);border-left:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.topbar-toggle-btn:before{content:"‹";display:block;width:14px;height:18px;color:currentColor;font-size:24px;font-weight:900;line-height:16px;text-align:center;transform:translate(-1px)}.top-bar.top-bar-ingame.collapsed+.topbar-toggle-btn{left:0}.top-bar.top-bar-ingame.collapsed+.topbar-toggle-btn:before{content:"›";transform:translate(1px)}.topbar-toggle-btn:hover{background:#ffffffd1}.topbar-toggle-btn:active{transform:translateY(-50%) scale(.96)}}.psc-panel{display:flex;flex-direction:column;gap:6px;padding:8px;background:#1a14328c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(157,123,255,.2);border-radius:10px;width:100%;overflow:hidden}.psc-panel .player-card{background:#ffffff14}.psc-panel .player-card.current{background:#ffb5472e}.psc-panel .player-name{color:#ffffffe6}.player-scoreboard-split{display:contents}.player-scoreboard-side{display:flex;flex-direction:column;gap:6px;padding:8px;background:#ffffff80;border-radius:8px;flex-shrink:0;width:fit-content}.player-scoreboard-side.left{align-items:flex-start;order:-1}.player-scoreboard-side.right{align-items:flex-end;order:1}.player-scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;padding:8px 12px;background:#ffffff80;max-width:100%}.player-card{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;white-space:nowrap;background:#ffffffe6;border:1px solid rgba(157,123,255,.15);transition:all .2s ease;min-width:0;overflow:hidden}.player-card.current{background:#ffb54726;border-width:2px}.player-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.player-name-wrapper{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:hidden}.rank-badge{font-size:10px;padding:1px 4px;border-radius:4px;font-weight:700;white-space:nowrap}.rank-badge.winner{background:#ffd70033;color:#b8860b;border:1px solid rgba(255,215,0,.5)}.rank-badge.loser{background:#96969633;color:#666;border:1px solid rgba(150,150,150,.5)}.player-name{font-size:11px;font-weight:700;color:#3a2d60;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.player-score{font-size:11px;font-weight:900;padding:2px 6px;border-radius:4px;flex-shrink:0}.player-scoreboard.team-mode{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.team-scoreboard-group{background:#9d7bff1a;border:2px solid rgba(157,123,255,.3);border-radius:8px;padding:6px}.team-scoreboard-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:linear-gradient(135deg,#9d7bff,#8b68ee);border-radius:4px;margin-bottom:4px}.team-scoreboard-name{font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.team-scoreboard-total{font-size:12px;font-weight:700;color:#fff;background:#fff3;padding:2px 8px;border-radius:10px}.team-scoreboard-members{display:flex;flex-direction:column;gap:3px}.player-card-mini{display:flex;align-items:center;gap:5px;padding:3px 6px;background:#fff;border-radius:4px;border:1px solid rgba(157,123,255,.2);min-width:0}.player-card-mini.current{background:#ffb54726;border:2px solid rgba(255,181,71,.5)}.player-color-dot-mini{width:6px;height:6px;border-radius:50%;flex-shrink:0}.player-name-mini{font-size:10px;font-weight:600;color:#3a2d60;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.player-score-mini{font-size:10px;font-weight:700;color:#8b68ee;flex-shrink:0}@media (max-width: 768px){.player-scoreboard{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:3px 5px;gap:3px}.player-scoreboard-side{gap:3px;padding:3px}.player-card{padding:3px 6px;gap:3px}.player-name{font-size:9px}.player-score{font-size:9px;padding:2px 4px}.player-color-dot{width:5px;height:5px}.player-scoreboard.team-mode{grid-template-columns:1fr}}[data-theme=dark] .player-scoreboard-side,[data-theme=dark] .player-scoreboard{background:#1a103499}[data-theme=dark] .player-card{background:#ffffff0f;border-color:#9d7bff33}[data-theme=dark] .player-name{color:#c4b5ff}[data-theme=dark] .rank-badge.loser{color:#9d7bff80;border-color:#9d7bff33;background:#9d7bff0f}[data-theme=dark] .player-card-mini{background:#ffffff0a;border-color:#9d7bff2e}[data-theme=dark] .player-name-mini{color:#c4b5ff}[data-theme=dark] .player-scoreboard-mobile .player-card{background:#1a1034b3}.player-scoreboard-mobile{width:100%;padding:1px 2px;margin-top:-4px}.player-scoreboard-mobile .player-card{width:100%;justify-content:space-between;padding:2px 4px;background:#ffffffe6;border:1px solid;font-size:9px;box-shadow:0 1px 3px #0000001a;border-radius:3px}.player-scoreboard-mobile .player-color-dot{width:6px;height:6px;flex-shrink:0}.player-scoreboard-mobile .player-name{flex:1;font-weight:600;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 2px}.player-scoreboard-mobile .player-score{padding:1px 3px;border-radius:3px;font-size:10px;font-weight:800;flex-shrink:0}.player-scoreboard-mobile .team-scoreboard-group{background:#fffffff2;border-radius:6px;padding:4px;border:1px solid rgba(157,123,255,.3);box-shadow:0 1px 4px #0000001a}.player-scoreboard-mobile .team-scoreboard-header{display:flex;justify-content:space-between;gap:4px;margin-bottom:3px}.player-scoreboard-mobile .team-scoreboard-name{font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-scoreboard-mobile .team-scoreboard-total{font-size:11px;font-weight:800;color:#ff6b6b;flex-shrink:0}.player-scoreboard-mobile .player-card-mini{display:flex;justify-content:space-between;padding:3px 4px;background:#9d7bff1a}.player-scoreboard-mobile .player-name-mini{font-weight:700;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-scoreboard-mobile .player-score-mini{font-weight:800;font-size:10px;flex-shrink:0}.player-scoreboard-mobile .player-color-dot-mini{width:6px;height:6px}@media (max-height: 600px) and (orientation: landscape) and (max-width: 1024px){.player-scoreboard-mobile{width:32px;padding:0;margin:0}.player-scoreboard-mobile .player-card{padding:1px;margin:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:8px;box-shadow:none}.player-scoreboard-mobile .player-color-dot{width:5px;height:5px;margin:0}.player-scoreboard-mobile .player-name{display:none}.player-scoreboard-mobile .player-score{padding:1px 2px;font-size:9px;margin:0}.player-scoreboard-mobile .team-scoreboard-group{display:flex;flex-direction:column;gap:1px;padding:1px;margin:0;box-shadow:none}.player-scoreboard-mobile .team-scoreboard-header{display:flex;flex-direction:column;gap:1px;text-align:center;margin:0}.player-scoreboard-mobile .team-scoreboard-name{width:100%;font-size:9px;margin:0}.player-scoreboard-mobile .team-scoreboard-total{text-align:center;font-size:11px;margin:0}.player-scoreboard-mobile .team-scoreboard-members{display:flex;flex-direction:column;gap:1px;margin:0}.player-scoreboard-mobile .player-card-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:1px;margin:0}.player-scoreboard-mobile .player-name-mini{display:none}.player-scoreboard-mobile .player-score-mini{text-align:center;font-size:9px;margin:0}.player-scoreboard-mobile .player-color-dot-mini{width:5px;height:5px;margin:0}}.players-strip{display:flex;align-items:center;gap:4px;padding:5px 20px;flex-shrink:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--jelly-border, rgba(157, 123, 255, .2));background:#9d7bff0d;min-height:34px}[data-theme=dark] .players-strip{background:#2e1c5280;border-bottom-color:#9d7bff26}.players-strip::-webkit-scrollbar{display:none}.ps-item{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:3px 9px;border-radius:10px;border:1.5px solid transparent;transition:border-color .2s}.ps-item.is-me{background:#00ff7f14;border-color:#00ff7f66}.ps-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ps-name{font-size:11px;font-weight:800;color:#9d7bffb3;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-name.me-txt{color:#00c86e;font-weight:900}.ps-team-group{display:flex;align-items:center;gap:4px}.ps-team-label{font-size:10px;font-weight:900;color:#9d7bff80;letter-spacing:.5px;margin-right:2px}.ps-team-sep{width:1px;height:16px;background:#9d7bff33;margin:0 4px;flex-shrink:0}@media (max-width: 600px){.players-strip{padding:4px 12px;min-height:30px}.ps-name{max-width:54px;font-size:10px}.ps-dot{width:8px;height:8px}}.mobile-score-bar{display:none}@media (max-width: 600px) and (orientation: portrait){.mobile-score-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#120d28d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(157,123,255,.25);min-height:40px;width:100%;flex-shrink:0;z-index:100}}.msb-player-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.msb-name{flex:1;font-size:.8rem;font-weight:600;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.msb-score{font-size:1rem;font-weight:900;letter-spacing:-.5px;flex-shrink:0}.msb-rank{font-size:.85rem;font-weight:700;color:#ffffffe6;flex-shrink:0}.msb-total{font-size:.75rem;font-weight:500;color:#ffffff80}.game-layout{display:grid;grid-template-columns:minmax(100px,140px) 1fr minmax(100px,140px);grid-template-rows:1fr;grid-template-areas:"left board right";column-gap:10px;flex:1;min-height:0;width:100%;max-width:1400px;margin:0 auto;padding:6px 14px;align-items:center;overflow:hidden}.game-layout.game-layout-solo{grid-template-columns:1fr;grid-template-areas:"board"}.game-layout-left{grid-area:left}.game-layout-board{grid-area:board}.game-layout-right{grid-area:right}.game-layout-left,.game-layout-right{display:flex;flex-direction:column;gap:6px;align-items:stretch;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(157,123,255,.3) transparent}.game-layout-board{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;height:100%}.game-layout-board .game-board-container{width:100%;height:100%;min-width:0;min-height:0;max-width:900px;flex:unset}@media (max-width: 900px){.game-layout:not(.game-layout-solo){grid-template-columns:1fr minmax(90px,120px);grid-template-areas:"board right"}.game-layout-left{display:none}}@media (max-width: 600px) and (orientation: portrait){.game-layout:not(.game-layout-solo){grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"board" "minibar";padding:4px 0 0;align-items:stretch}.game-layout-left,.game-layout-right{display:none}.mobile-score-bar{grid-area:minibar}}@media (max-width: 600px) and (orientation: landscape){.game-layout:not(.game-layout-solo){grid-template-columns:1fr;grid-template-areas:"board";padding:4px 6px}.game-layout-left,.game-layout-right{display:none}}.game-layout.game-layout-spotlight{grid-template-columns:1fr;grid-template-areas:"board";padding:4px 14px}@media (max-height: 500px) and (orientation: landscape){.game-layout:not(.game-layout-solo){grid-template-columns:30px 1fr;grid-template-areas:"left board";column-gap:4px;padding:2px 6px}.game-layout-right{display:none}.game-layout-left{display:flex;overflow:hidden}}:root{--tile-top: #C9BCFF;--tile-bot: #DDD3FF;--tile-shadow: #9878D8;--tile-num: #2E2245}[data-theme=dark]{--tile-top: #5C3E92;--tile-bot: #3E2570;--tile-shadow: #1A0A3E;--tile-num: #EAE0FF}[data-board-style=jelly] .tile-inner{background:transparent!important;box-shadow:none!important;border-radius:0!important;animation:none!important}[data-board-style=jelly] .tile-shine{display:none}[data-board-style=jelly] .tile:not(.empty){background:linear-gradient(135deg,var(--tile-top) 0%,var(--tile-bot) 100%);border-radius:13px;box-shadow:0 4px 0 var(--tile-shadow),0 5px 12px #501eb41a,inset 0 2px 4px #ffffffb3,inset 0 -1px 2px #00000014;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .1s}[data-board-style=jelly] .tile-number{color:var(--tile-num);text-shadow:0 1px 0 rgba(255,255,255,.6)}[data-board-style=jelly] .tile:hover:not(.selected):not(.empty):not(.success){transform:translateY(-2px) scale(1.05);box-shadow:0 6px 0 var(--tile-shadow),0 8px 16px #501eb42e,inset 0 2px 4px #ffffffb3}[data-board-style=jelly] .tile.selected{background:linear-gradient(135deg,var(--tile-top) 0%,var(--tile-bot) 100%)!important;transform:translateY(1px) scale(.97);animation:jellyPress .17s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 0 var(--tile-shadow),0 0 0 2px #9d7bffbf,0 0 12px #9d7bff59,inset 0 2px 5px #ffffffc7,inset 0 -1px 2px #00000014!important}@keyframes jellyPress{0%{transform:scale(1)}45%{transform:translateY(2px) scale(.95)}to{transform:translateY(1px) scale(.97)}}[data-board-style=jelly] .tile.selected .tile-number{color:var(--tile-num);text-shadow:0 1px 0 rgba(255,255,255,.75),0 0 6px rgba(157,123,255,.28)}[data-board-style=jelly] .tile.valid{background:linear-gradient(180deg,#ffffff4d,#fff0 42%),linear-gradient(145deg,#5df090,#18c850)!important;color:#fff!important;transform:translateY(3px) scale(.91) scaleX(1.08);box-shadow:0 1px #0e8e38,0 0 0 3px #18c85052,inset 0 2px 4px #ffffff8c!important;text-shadow:0 1px 2px rgba(0,0,0,.22)!important;animation:none!important}[data-board-style=jelly] .tile.valid .tile-number{color:#fff!important}[data-board-style=jelly] .tile.success .tile-inner{animation:none!important}[data-board-style=jelly] .tile.success{animation:jellySuccessFlash 80ms ease-out}@keyframes jellySuccessFlash{0%{box-shadow:0 4px 0 var(--tile-shadow),0 5px 12px #501eb41a,inset 0 2px 4px #ffffffb3}50%{box-shadow:0 0 30px #ffffffe6,0 0 50px #9d7bffcc,inset 0 0 20px #ffffffe6;background:linear-gradient(135deg,#fff,#f5f0ff);transform:scale(1.05)}to{box-shadow:0 4px 0 var(--tile-shadow),0 5px 12px #501eb41a,inset 0 2px 4px #ffffffb3}}@keyframes tileJellyPop{0%{transform:scale(1);opacity:1;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 40%),linear-gradient(145deg,#ffe040,#ffa820);box-shadow:0 4px #b87800,inset 0 2px 4px #ffffffa6}12%{transform:scaleY(1.35) scaleX(.88)}28%{transform:scale(1.32) scaleX(1.16) scaleY(.84);box-shadow:0 0 32px #ffd700cc,0 0 0 8px #ffd70040}50%{transform:scale(1.12) scaleY(1.1)}72%{transform:scale(.55) scaleY(1.25);opacity:.6}to{transform:scale(0);opacity:0}}[data-board-style=jelly] .tile-remove-effect{animation:tileJellyPop .48s ease-out forwards!important;border-radius:13px!important}[data-board-style=jelly] .tile:not(.empty):after{content:"";position:absolute;top:8%;left:9%;width:42%;height:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.88) 0%,transparent 70%);filter:blur(1.5px);pointer-events:none;z-index:2}[data-board-style=jelly] .tile.empty:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#9d7bff1f}[data-board-style=jelly] .tile.fail{animation:tileFailShakeJelly .28s ease-out!important;filter:none!important}@keyframes tileFailShakeJelly{0%,to{transform:translate(0) scale(.95) scaleX(1.05)}25%{transform:translate(-4px) scale(.95)}75%{transform:translate(4px) scale(.95)}}@media (max-width: 480px){[data-board-style=jelly] .tile:not(.empty){border-radius:9px}[data-board-style=jelly] .tile.selected,[data-board-style=jelly] .tile.valid{border-radius:9px}}.game-board-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 10px 10px;flex:1;order:0;width:100%;height:100%;min-width:0;min-height:0;max-width:900px;position:relative;overflow:hidden}.game-board{display:grid;gap:3px;padding:8px;background:var(--game-board-bg);border:3px solid var(--game-board-border);border-radius:16px;position:relative;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 12px 40px #7850f02e,0 3px 10px #00000012,var(--board-ring-highlight, 0 0 0 1px rgba(255, 255, 255, .55));width:min(100%,900px);max-width:100%;max-height:100%;height:auto;margin:0;flex:0 0 auto}.tile{width:100%;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;min-width:0;min-height:0;touch-action:none}.tile.empty{background:transparent;cursor:default}.tile-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#c9bcff,#ddd3ff);border-radius:var(--jelly-radius);box-shadow:0 3px 8px #8c64ff26,0 3px #643cc81a,inset 0 2px 4px #ffffffd9;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.tile.selected .tile-inner{background:linear-gradient(135deg,#8b68ee,#9d7bff);box-shadow:0 2px 6px #9d7bff4d,0 2px #0000000a,inset 0 3px 6px #fff9;transform:scale(.9);filter:brightness(1.15);animation:none}.tile.valid .tile-inner{background:linear-gradient(135deg,#5df090,#18c850);box-shadow:0 2px #0e8e38,0 0 0 3px #18c85047,inset 0 2px 4px #ffffff8c;transform:scale(.91);animation:none}.tile.valid .tile-number{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tile-shine{position:absolute;top:8%;left:9%;width:42%;height:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.88) 0%,transparent 70%);filter:blur(1.5px);opacity:1;pointer-events:none}.tile-number{position:relative;z-index:10;font-size:var(--tile-font-size, 1.2rem);font-weight:900;color:#3a2d60;text-shadow:0 2px 4px rgba(255,255,255,.9),0 0 1px rgba(58,45,96,.3);letter-spacing:-.5px;-webkit-user-select:none;user-select:none}.tile-number.two-digit{font-size:calc(var(--tile-font-size, 1.2rem) * .7);letter-spacing:-1px}.tile.success .tile-inner{animation:successFlash 80ms ease-out}@keyframes successFlash{0%{box-shadow:0 6px 16px #9d7bff59,inset 0 3px 6px #fff9}50%{box-shadow:0 0 30px #fff,0 0 50px #9d7bffcc,inset 0 0 20px #fff;background:linear-gradient(135deg,#fff,#f5f0ff);transform:scale(1.05)}to{box-shadow:0 6px 16px #9d7bff59,inset 0 3px 6px #fff9}}.tile-remove-effect{border-radius:28%/32%;pointer-events:none;z-index:1001;animation:fadeOutRemove .5s ease-out forwards}@keyframes fadeOutRemove{0%{opacity:.8;transform:scale(1)}30%{opacity:.9;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}.sync-burst-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1100;animation:syncBurst .6s ease-out forwards}@keyframes syncBurst{0%{background:radial-gradient(ellipse at center,#ffe65000,#ffe65000);box-shadow:0 0 #ffe65000}15%{background:radial-gradient(ellipse at center,rgba(255,230,80,.55) 0%,rgba(255,160,20,.25) 60%,transparent 100%);box-shadow:0 0 40px 12px #ffd23cb3,inset 0 0 30px #ffe65066}40%{background:radial-gradient(ellipse at center,rgba(255,255,150,.3) 0%,rgba(255,200,50,.12) 70%,transparent 100%);box-shadow:0 0 60px 20px #ffdc5066,inset 0 0 20px #ffe65033}to{background:transparent;box-shadow:none}}@keyframes spectator-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes scoreFloatUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}12%{opacity:1;transform:translate(-50%,-62%) scale(1.18)}45%{opacity:1;transform:translate(-50%,-88%) scale(1)}to{opacity:0;transform:translate(-50%,-120%) scale(.88)}}.score-float{position:absolute;pointer-events:none;z-index:50;font-weight:900;text-align:center;line-height:1.15;transform:translate(-50%,-50%);animation:scoreFloatUp 1.05s ease-out forwards;display:flex;flex-direction:column;align-items:center;gap:1px}.score-float .sf-pts{display:block}.score-float .sf-label{display:block;font-size:.55em;letter-spacing:.1em;margin-top:1px;opacity:.85}.score-float.t2{font-size:15px;color:#d8d4ff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.score-float.t3{font-size:18px;color:#b8b0ff;text-shadow:0 1px 5px rgba(0,0,0,.35)}.score-float.t4{font-size:22px;color:#00e87a;filter:drop-shadow(0 0 7px rgba(0,232,122,.6));animation-duration:1.08s}.score-float.t5{font-size:26px;color:#0df;filter:drop-shadow(0 0 9px rgba(0,221,255,.55));animation-duration:1.1s}.score-float.t6{font-size:30px;color:gold;filter:drop-shadow(0 0 12px rgba(255,215,0,.65));animation-duration:1.15s}.score-float.tx{font-size:36px;color:#ff30e0;filter:drop-shadow(0 0 16px rgba(255,0,204,.7));animation-duration:1.2s}@keyframes comboPop{0%{opacity:0;transform:translate(-50%) scale(.4) translateY(6px)}55%{opacity:1;transform:translate(-50%) scale(1.12) translateY(-2px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.combo-float{position:absolute;top:8px;left:50%;transform:translate(-50%);border-radius:20px;padding:4px 18px;font-size:14px;font-weight:900;pointer-events:none;z-index:20;opacity:0;white-space:nowrap;letter-spacing:.06em}.combo-float.show{animation:comboPop .38s cubic-bezier(.34,1.56,.64,1) forwards}.combo-float.combo{background:linear-gradient(135deg,gold,#ffa000);color:#3a1e00;box-shadow:0 4px 20px #ffb9008c}.combo-float.mega{background:linear-gradient(135deg,#f0c,#70e);color:#fff;box-shadow:0 4px 24px #c800ff99}@keyframes boardShake{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}}.game-board.shake{animation:boardShake .28s ease-out}@keyframes boardShakeStrong{0%,to{transform:translate(0) scale(1)}12%{transform:translate(-5px,4px) scale(1.015)}25%{transform:translate(5px,-4px) scale(.985)}38%{transform:translate(-4px,3px) scale(1.01)}50%{transform:translate(4px,-3px) scale(1)}62%{transform:translate(-3px,2px)}75%{transform:translate(3px,-2px)}88%{transform:translate(-1px,1px)}}.game-board.shake-strong{animation:boardShakeStrong .38s ease-out}@keyframes tileFailShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.tile.fail{animation:tileFailShake .35s ease-out;filter:brightness(.85) saturate(.6)}.spec-delta-float{position:absolute;pointer-events:none;z-index:51;font-size:15px;font-weight:900;color:var(--spec-color, #9D7BFF);text-shadow:0 0 8px rgba(157,123,255,.5),0 1px 3px rgba(0,0,0,.45);transform:translate(-50%,-50%);animation:scoreFloatUp 1.05s ease-out forwards;letter-spacing:.02em;border:1.5px solid rgba(157,123,255,.45);background:#0000002e;border-radius:12px;padding:2px 8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes specTileFlash{0%{box-shadow:0 4px 0 var(--tile-shadow),0 5px 12px #501eb41a,inset 0 2px 4px #ffffffb3}35%{box-shadow:0 0 14px #9d7bffa6,0 4px 0 var(--tile-shadow),inset 0 2px 4px #ffffffb3;filter:brightness(1.14)}to{box-shadow:0 4px 0 var(--tile-shadow),0 5px 12px #501eb41a,inset 0 2px 4px #ffffffb3}}.tile.spec-active{animation:specTileFlash .7s ease-out}.tile.spec-drag:not(.selected):not(.success):not(.empty){outline:2.5px solid rgba(157,123,255,.75);outline-offset:-2px;filter:brightness(1.08);transition:outline .08s,filter .08s}@media (max-width: 1024px){.game-board{gap:2px;padding:6px}.sum-display{font-size:16px;padding:6px 12px}}.game-board.mobile-vertical{width:min(100%,900px);max-width:100%;height:auto}@media (max-width: 768px) and (hover: none) and (pointer: coarse){.game-board-container{justify-content:center;padding-top:2px}.game-board{gap:2px;padding:4px;border-width:2px;margin-top:0}.sum-display{font-size:14px;padding:5px 10px}}@media (max-width: 480px){.game-board-container{gap:10px;padding:5px}.game-board{width:100%;gap:1px;padding:2px;border-width:1px;border-radius:10px}.tile{min-width:0;min-height:0}.sum-display{font-size:12px;padding:4px 8px}.tile-inner{border-radius:22%/26%}}@media (max-width: 360px){.game-board{width:100%;gap:1px;padding:3px;border-width:1px;border-radius:10px}}@media (max-height: 600px) and (orientation: landscape) and (max-width: 1024px){.game-board-container{padding:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.game-board{width:min(100%,900px);height:auto;max-width:100%;max-height:100%}}.board-zoom-controls{position:fixed;bottom:30px;right:30px;z-index:90;display:flex;flex-direction:column;gap:8px;background:#ffffffe6;padding:8px;border-radius:12px;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(157,123,255,.3)}.board-zoom-controls.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.zoom-btn{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #9D7BFF;color:#3a2d60;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #9d7bff33}.zoom-btn:hover:not(:disabled){background:#ede5ff;transform:translateY(-2px);box-shadow:0 4px 8px #9d7bff4d}.zoom-btn:active:not(:disabled){transform:translateY(0)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#ccc;color:#999}.zoom-btn.zoom-reset{font-size:13px;padding:0 4px}@media (max-width: 768px){.board-zoom-controls{display:none!important}.zoom-btn{width:36px;height:36px;font-size:16px}.zoom-btn.zoom-reset{width:auto;min-width:50px}}@media (hover: none) and (pointer: coarse){[data-board-style=jelly] .tile:hover:not(.selected):not(.empty):not(.success),.tile:hover:not(.selected):not(.empty):not(.success){transform:none}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 1024px){.board-zoom-controls{display:none!important}}@media (max-width: 768px) and (hover: none) and (pointer: coarse){.game-board{box-shadow:0 8px 24px #7850f024,0 2px 7px #0000000f,var(--board-ring-highlight, 0 0 0 1px rgba(255, 255, 255, .55))}[data-board-style=jelly] .tile:not(.empty):after{filter:blur(.8px);opacity:.82}.sync-burst-overlay{opacity:.72}.score-float.t4{filter:drop-shadow(0 0 4px rgba(0,232,122,.42))}.score-float.t5{filter:drop-shadow(0 0 5px rgba(0,221,255,.4))}.score-float.t6{filter:drop-shadow(0 0 7px rgba(255,215,0,.48))}.score-float.tx{filter:drop-shadow(0 0 9px rgba(255,0,204,.5))}.combo-float.combo{box-shadow:0 3px 12px #ffb90061}.combo-float.mega{box-shadow:0 3px 14px #c800ff6b}.spec-delta-float{text-shadow:0 0 5px rgba(157,123,255,.38),0 1px 2px rgba(0,0,0,.4);-webkit-backdrop-filter:none;backdrop-filter:none}}[data-theme=dark] .board-zoom-controls{background:#1a1034eb;border-color:#9d7bff47;box-shadow:0 4px 15px #0006}[data-theme=dark] .zoom-btn{background:#28194ef2;border-color:#9d7bff66;color:#c4b5ff;box-shadow:0 2px 5px #0000004d}[data-theme=dark] .zoom-btn:hover:not(:disabled){background:#3c286ef2;box-shadow:0 4px 8px #9d7bff40}[data-theme=dark] .zoom-btn:disabled{border-color:#9d7bff26;color:#9d7bff4d}.tjrh-scroll-hint{position:fixed;left:50%;bottom:28px;z-index:1200;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:82px;padding:8px 13px 9px;border-radius:999px;background:#0f062894;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px #0f06283d,0 0 0 1px #7c3aed1f inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffdb;font-size:10.5px;font-weight:900;line-height:1.05;opacity:0;transform:translate(-50%) translateY(4px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,background .2s ease;text-shadow:0 1px 7px rgba(15,6,40,.7)}.tjrh-scroll-hint.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.tjrh-scroll-arrow{font-size:14px;line-height:1;color:#fff;filter:drop-shadow(0 1px 5px rgba(15,6,40,.65));animation:tjrmScrollBounce 1.6s ease-in-out infinite}.tjrh-scroll-text{white-space:nowrap;letter-spacing:.6px;text-transform:uppercase}@keyframes tjrmScrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (min-height: 900px){.tjrh-scroll-hint{display:none}}@media (max-width: 500px){.tjrh-scroll-hint{bottom:calc(96px + env(safe-area-inset-bottom))}}.tjrb-pb{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrbFadeUp .4s .9s ease forwards}.tjrb-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.tjrb-sec-title{font-size:10px;font-weight:900;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.8px}.tjrb-save-chip{flex-shrink:0;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;line-height:1.1;border:1px solid var(--rs-border)}.tjrb-save-chip.saved{color:var(--rs-green);background:#10b9811a;border-color:#10b98147}.tjrb-save-chip.guest{color:#d97706;background:#f59e0b1f;border-color:#f59e0b47}.tjrb-pb-card{background:var(--rs-sheet);border:1.5px solid var(--rs-border);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px}.tjrb-pb-card.improved{border-color:#10b98166;background:linear-gradient(135deg,#10b98112,#a7f3d00a)}.tjrb-pb-item{min-width:0;text-align:center}.tjrb-pb-label{font-size:9px;font-weight:800;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.tjrb-pb-val{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:18px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.tjrb-pb-val.prev{color:var(--rs-muted);font-size:15px}.tjrb-pb-val.curr{color:var(--rs-primary)}.tjrb-pb-arrow{color:var(--rs-muted);font-weight:900;font-size:18px;line-height:1}.tjrb-pb-diff{text-align:center}.tjrb-pb-diff-val{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:15px;font-weight:400;line-height:1;color:var(--rs-green);font-variant-numeric:tabular-nums}.tjrb-pb-diff-lbl{margin-top:3px;font-size:9px;font-weight:800;color:var(--rs-muted);white-space:nowrap}.tjrb-pb-message{margin-top:9px;font-size:12px;font-weight:800;color:var(--rs-ink2);line-height:1.35}.tjrb-growth{margin-top:10px;padding:12px 14px 10px;border:1.5px solid var(--rs-border);border-radius:14px;background:var(--rs-sheet)}.tjrb-growth-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.tjrb-growth-title{font-size:10px;font-weight:900;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.6px}.tjrb-today-best{font-size:11px;font-weight:800;color:var(--rs-muted);white-space:nowrap}.tjrb-today-best strong{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-weight:400;font-size:14px;color:var(--rs-primary);font-variant-numeric:tabular-nums;margin-left:3px}.tjrb-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:64px}.tjrb-bar-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%}.tjrb-bar-track{flex:1 1 auto;width:100%;display:flex;align-items:flex-end;justify-content:center}.tjrb-bar-fill{width:70%;max-width:18px;min-height:0;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,rgba(157,123,255,.55),var(--rs-primary));transition:height .5s cubic-bezier(.22,1,.36,1)}.tjrb-bar-col.today .tjrb-bar-fill{background:linear-gradient(180deg,#34d399,var(--rs-green));box-shadow:0 0 0 1px #10b98140}.tjrb-bar-lbl{flex-shrink:0;font-size:9px;font-weight:800;color:var(--rs-muted);white-space:nowrap}.tjrb-bar-col.today .tjrb-bar-lbl{color:var(--rs-green)}.tjrb-growth-locked{position:relative;display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.tjrb-bars-ghost{filter:blur(3px) saturate(.6);opacity:.5;pointer-events:none}.tjrb-growth-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:800;color:var(--rs-ink2);text-align:center;padding:0 10px}.tjrb-lock-icon{font-size:16px}.tjrb-guest-box{margin-top:8px;display:grid;gap:8px}.tjrb-guest-notice{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;border:1px dashed rgba(245,158,11,.35);background:#f59e0b14;color:#b45309;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.1px}.tjrb-guest-text{flex:1 1 auto;min-width:0}.tjrb-guest-login-btn{flex:0 0 auto;padding:7px 16px;border:none;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px #7c3aed4d;-webkit-tap-highlight-color:transparent}.tjrb-guest-login-btn:hover{filter:brightness(1.06)}.tjrb-guest-login-btn:active{transform:translateY(1px)}.tjrb-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:#140c289e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tjrb-login-modal{position:relative;width:100%;max-width:340px;padding:26px 22px 22px;border-radius:18px;background:#fff;box-shadow:0 24px 64px #140c2866;text-align:center}.tjrb-login-modal-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border:none;background:transparent;font-size:22px;line-height:1;color:#9b91b5;cursor:pointer}.tjrb-login-modal-title{font-size:17px;font-weight:900;color:#281b45;margin-bottom:6px}.tjrb-login-modal-sub{margin:0 0 16px;font-size:12.5px;font-weight:600;line-height:1.5;color:#281b4599}.tjrb-login-error{color:#dc2626;font-size:11px;font-weight:800;text-align:center}[data-theme=dark] .tjrb-guest-notice{color:#fde68a}@keyframes tjrbFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 380px){.tjrb-pb-card{grid-template-columns:1fr auto 1fr}.tjrb-pb-diff{grid-column:1 / -1}}.ptb{position:relative;display:flex;align-items:center;width:fit-content;max-width:calc(100% - 32px);align-self:center;margin:12px auto 2px;font-family:inherit;z-index:4}.ptb-chip{min-width:0;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px solid rgba(124,58,237,.28);border-radius:999px;background:#ffffffeb;color:#4c2c8a;font-size:12.5px;font-weight:900;line-height:1.1;cursor:help;box-shadow:0 8px 18px #492d7e1a;-webkit-tap-highlight-color:transparent}.ptb-chip:hover,.ptb-chip:focus-visible{background:#fff;border-color:#7c3aed75;outline:none}.ptb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptb-info{width:15px;height:15px;border-radius:999px;display:inline-grid;place-items:center;flex:0 0 15px;background:#7c3aed21;color:#6d45c7;font-size:10px;font-weight:1000;line-height:1}.ptb-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);z-index:30;width:max-content;max-width:min(260px,78vw);padding:9px 11px;border-radius:10px;background:#251a3f;color:#f5f0ff;font-size:12px;font-weight:750;line-height:1.45;text-align:center;white-space:normal;box-shadow:0 12px 30px #140c2857;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.ptb-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#251a3f}.ptb:hover .ptb-tip,.ptb:focus-within .ptb-tip,.ptb.is-open .ptb-tip{opacity:1;transform:translate(-50%) translateY(0)}[data-theme=dark] .ptb-chip{border-color:#9d7bff6b;background:#2b1f48eb;color:#ddcffd}[data-theme=dark] .ptb-info{background:#9d7bff33;color:#eee7ff}@media (max-width: 520px){.ptb{margin-top:10px}.ptb-chip{max-width:100%;padding:6px 10px}}.spb{width:100%;margin:12px 0;display:flex;justify-content:center}.spb-pct{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 14px;border-radius:999px;background:#7c3aed14;border:1.5px solid rgba(124,58,237,.18);color:var(--rs-primary, #7C3AED);font-size:1rem;font-weight:900}.spb-visual{position:relative;width:min(430px,calc(100% - 40px));display:grid;gap:8px;padding:10px 12px 8px;border-radius:16px;border:1.5px solid rgba(124,58,237,.16);background:linear-gradient(135deg,#7c3aed12,#6366f10d),#ffffffb8;box-shadow:0 8px 20px #7c3aed14}.spb-info{position:relative;display:inline-flex;align-items:center;flex-shrink:0;z-index:1}.spb-info-btn{display:inline-grid;place-items:center;width:15px;height:15px;flex:0 0 15px;border-radius:999px;border:none;background:#7c3aed21;color:#6d45c7;font-size:10px;font-weight:1000;font-style:italic;font-family:Georgia,serif;line-height:1;cursor:help;padding:0}.spb-info-tip{visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:220px;padding:10px 12px;border-radius:12px;background:#fffffff7;border:1.5px solid rgba(245,158,11,.3);box-shadow:0 8px 24px #2d106024;display:grid;gap:4px;transition:opacity .15s,visibility .15s}.spb-info-tip strong{font-size:12px;font-weight:900;line-height:1.2;color:#281b45}.spb-info-tip span{font-size:11px;font-weight:800;line-height:1.4;color:#281b4599}.spb-info:hover .spb-info-tip{visibility:visible;opacity:1;pointer-events:auto}[data-theme=dark] .spb-info-btn{background:#9d7bff33;color:#eee7ff}[data-theme=dark] .spb-info-tip{background:#1e123af7;border-color:#f59e0b47;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .spb-info-tip strong{color:#f0e8ff}[data-theme=dark] .spb-info-tip span{color:#f0e8ff9e}.spb-current{display:flex;align-items:baseline;justify-content:center;gap:7px;min-width:0}.spb-current span{color:#2d106080;font-size:10px;font-weight:900;line-height:1}.spb-current strong{color:#6d45d8;font-size:14px;font-weight:1000;line-height:1;white-space:nowrap}.spb-track{position:relative;height:8px;border-radius:999px;background:#7c3aed1f;overflow:visible}.spb-track-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#7c3aed);box-shadow:0 0 14px #7c3aed2e}.spb-track-dot{position:absolute;top:50%;width:17px;height:17px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:4px solid #7C3AED;box-shadow:0 0 0 4px #7c3aed1f,0 4px 10px #2d106029}.spb-labels{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}.spb-labels span,.spb-labels strong{min-width:0;font-size:11px;font-weight:900;line-height:1.15;white-space:nowrap}.spb-labels span{color:#2d106094}.spb-labels strong{color:#7c3aed;text-align:right}.spb-collecting{width:min(430px,calc(100% - 40px));display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:14px;border:1.5px dashed rgba(124,58,237,.22);background:#7c3aed0d;color:#2d106099;font-size:12px;font-weight:800;line-height:1.3;text-align:center}.spb-collecting-icon{flex-shrink:0;font-size:15px}[data-theme=dark] .spb-collecting{border-color:#ffffff2e;background:#ffffff0d;color:#fff9}[data-theme=dark] .spb-visual{background:linear-gradient(135deg,#ec48991f,#7c3aed1f),#ffffff14;border-color:#ffffff24}[data-theme=dark] .spb-labels span{color:#ffffff9e}[data-theme=dark] .spb-current span{color:#ffffff8f}[data-theme=dark] .spb-current strong{color:#d8c8ff}.lrc{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(157,123,255,.28);overflow:hidden}.lrc-medal{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:#9d7bff29}.lrc-medal-pop{animation:lrc-pop .5s .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes lrc-pop{0%{opacity:0;transform:scale(.4) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.lrc-body{flex:1;min-width:0;text-align:left}.lrc-kicker{font-size:.74rem;font-weight:600;letter-spacing:.04em;color:#9888c8;text-transform:uppercase}.lrc-rank-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.lrc-rank-num{font-size:1.9rem;font-weight:900;line-height:1.05;color:#e8d8ff}.lrc-rank-sub{font-size:.82rem;font-weight:500;color:#8878b8}.lrc-copy{font-size:.8rem;color:#a89cda;margin-top:2px}.lrc-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.lrc-chip{font-size:.75rem;font-weight:600;color:#c0a8ff;background:#9d7bff24;border-radius:999px;padding:2px 10px}.lrc-cta{flex-shrink:0;padding:9px 14px;border-radius:12px;font-size:.85rem;font-weight:800;cursor:pointer;border:1px solid rgba(157,123,255,.4);background:#9d7bff29;color:#d8c8ff;transition:background .18s,transform .12s;white-space:nowrap}.lrc-cta:hover{background:#9d7bff47;transform:translateY(-1px)}.lrc-cta:active{transform:translateY(0)}.lrc-medal-locked{font-size:26px;background:#9d7bff1f}.lrc-pending .lrc-rank-num{color:#c0a8ff}.lrc-glow{position:absolute;top:-40%;left:-10%;width:90px;height:180%;pointer-events:none;filter:blur(28px);opacity:.55}.lrc-tier-gold{border-color:#ffd23c8c;background:#ffc82814}.lrc-tier-gold .lrc-medal{background:#ffc8282e}.lrc-tier-gold .lrc-rank-num{color:#ffe27a}.lrc-tier-gold .lrc-glow{background:radial-gradient(circle,#ffd23c,transparent 70%)}.lrc-tier-gold .lrc-kicker{color:#ffce5a}.lrc-tier-silver{border-color:#c8d2e080;background:#c8d2e012}.lrc-tier-silver .lrc-medal{background:#c8d2e02e}.lrc-tier-silver .lrc-rank-num{color:#e6ecf5}.lrc-tier-silver .lrc-glow{background:radial-gradient(circle,#c8d2e0,transparent 70%)}.lrc-tier-bronze{border-color:#e0915a80;background:#e0915a14}.lrc-tier-bronze .lrc-medal{background:#e0915a33}.lrc-tier-bronze .lrc-rank-num{color:#f0b48a}.lrc-tier-bronze .lrc-glow{background:radial-gradient(circle,#e0915a,transparent 70%)}.lrc-tier-elite{border-color:#9d7bff80;background:#9d7bff1a}.lrc-tier-elite .lrc-glow{background:radial-gradient(circle,#9d7bff,transparent 70%)}[data-theme=light] .lrc{background:#7c3aed0d;border-color:#7c3aed33}[data-theme=light] .lrc-kicker{color:#7c5cbf}[data-theme=light] .lrc-rank-num{color:#3a2d60}[data-theme=light] .lrc-rank-sub{color:#8878b8}[data-theme=light] .lrc-copy{color:#6b5b9a}[data-theme=light] .lrc-chip{color:#5a3da0;background:#7c3aed1a}[data-theme=light] .lrc-medal{background:#7c3aed1a}[data-theme=light] .lrc-cta{color:#5a3da0;background:#7c3aed1f;border-color:#7c3aed4d}[data-theme=light] .lrc-tier-gold .lrc-rank-num{color:#b8860b}[data-theme=light] .lrc-tier-gold{background:#ffc8281f}@media (max-width: 480px){.lrc{gap:11px;padding:12px 13px}.lrc-medal{width:48px;height:48px;font-size:26px}.lrc-rank-num{font-size:1.6rem}.lrc-cta{padding:8px 11px;font-size:.8rem}}:root{--tj-result-display-font: "Fredoka One", "Fredoka", "Arial Rounded MT Bold", "Arial Rounded MT", "Nunito", system-ui, sans-serif;--tj-result-body-font: "Nunito", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}.result-screen-overlay{--rs-primary: #7C3AED;--rs-violet: #6D28D9;--rs-pink: #EC4899;--rs-gold: #F59E0B;--rs-green: #10B981;--rs-ink: #1A0A3E;--rs-ink2: #2D1060;--rs-surface: #FFFFFF;--rs-sheet: #F8F5FF;--rs-border: #E9E3FF;--rs-muted: #6B5A95;--rs-light: #C4B5FD;--rs-btn-grad: linear-gradient(135deg, #EC4899, #7C3AED);--rs-btn-shadow: 0 6px 0 #4C1D95, 0 10px 24px rgba(124,58,237,.35);--rs-radius-sm: 14px;--rs-radius: 20px;--rs-radius-lg: 28px}[data-theme=dark] .result-screen-overlay{--rs-surface: #170D38;--rs-sheet: #221249;--rs-border: #362070;--rs-muted: #8B76BE;--rs-light: #6D4FC0;--rs-ink: #F0ECFF;--rs-ink2: #D0C4F8;--rs-btn-shadow: 0 6px 0 #2E0D7A, 0 10px 24px rgba(0,0,0,.5)}.result-screen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0628;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;z-index:1000;font-family:var(--tj-result-body-font, "Nunito", "Apple SD Gothic Neo", sans-serif);padding:24px 16px 120px;color:var(--rs-ink)}.result-screen-overlay:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 600px 400px at 20% 10%,rgba(124,58,237,.28) 0%,transparent 70%),radial-gradient(ellipse 500px 400px at 85% 80%,rgba(236,72,153,.2) 0%,transparent 70%)}.tjrm-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.tjrm-bg-shape{position:fixed;font-size:22px;pointer-events:none;opacity:0;animation:tjrmFloatUp linear infinite;z-index:0}@keyframes tjrmFloatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}8%{opacity:.3}92%{opacity:.3}to{transform:translateY(-120px) rotate(360deg);opacity:0}}.tjrm-panel{width:100%;max-width:460px;background:var(--rs-surface);border-radius:var(--rs-radius-lg);overflow:hidden;box-shadow:0 0 0 1px #7c3aed26,0 24px 60px #00000080,0 8px 20px #7c3aed33;animation:tjrmJellyBounce .8s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:10;flex-shrink:0}@media (min-width: 901px){.result-screen-overlay{padding:18px 16px 72px}.tjrm-panel{max-width:640px}.tjrm-hero{padding:40px 32px 36px}.tjrm-p-section,.tjrm-pct-strip,.tjrm-winner-section,.tjrm-ranking-section,.tjrm-share-section{padding-left:28px;padding-right:28px}.tjrm-stat-cell{padding:13px 10px}.tjrm-rank-item{padding:10px 13px}}@keyframes tjrmJellyBounce{0%{transform:scale(.6) translateY(80px);opacity:0}50%{transform:scale(1.05) translateY(-10px);opacity:1}70%{transform:scale(.98) translateY(5px)}to{transform:scale(1) translateY(0)}}.tjrm-hero{background:linear-gradient(160deg,#1a0a3e,#2d1060 60%,#3b1280);padding:46px 24px 44px;text-align:center;position:relative;overflow:hidden}.tjrm-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(124,58,237,.35),transparent)}.tjrm-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:18px 18px}.tjrm-hero-inner{position:relative;z-index:1}.tjrm-panel-top-bar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:13px 18px}.tjrm-brand{display:flex;align-items:center;gap:6px;font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:17px;font-weight:400;color:#ffffffe6;text-decoration:none;letter-spacing:.2px}.tjrm-brand-dot{width:7px;height:7px;border-radius:50%;background:var(--rs-pink);box-shadow:0 0 8px var(--rs-pink);animation:tjrmPulse 2s ease-in-out infinite}@keyframes tjrmPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.tjrm-live-badge{display:flex;align-items:center;gap:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 10px}.tjrm-live-dot{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399;animation:tjrmPulse 1.4s ease-in-out infinite}.tjrm-live-text{font-size:10px;font-weight:700;color:#ffffffb3}.tjrm-live-num{font-size:10px;font-weight:900;color:#fff}.tjrm-new-record-badge{display:none;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,#ff2a85,#ec4899);color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:900;box-shadow:0 4px 12px #ff2a8573;border:1.5px solid rgba(255,255,255,.3);margin-bottom:10px;cursor:pointer;animation:tjrmPopRecord .6s cubic-bezier(.175,.885,.32,1.275) forwards}.tjrm-new-record-badge.visible{display:inline-flex}@keyframes tjrmPopRecord{0%{transform:scale(0) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes tjrmTrumpetShout{0%{transform:scale(1)}15%{transform:scale(1.4) rotate(4deg)}30%{transform:scale(1.1) rotate(-3deg)}45%{transform:scale(1.5) rotate(5deg)}60%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(1.7) rotate(6deg);filter:brightness(1.3)}to{transform:scale(1) rotate(0);filter:brightness(1)}}.tjrm-new-record-badge.trumpeting{animation:tjrmTrumpetShout 1.2s ease-in-out forwards!important}.tjrm-rank-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;opacity:0;animation:tjrmFadeUp .4s .3s ease forwards}.tjrm-rank-medal{font-family:Arial Black,Arial,sans-serif;font-size:32px;font-weight:900;line-height:1;letter-spacing:-.5px;color:#ede7f8}.tjrm-rank-medal.tjrm-rn-gold{font-size:52px;background:linear-gradient(180deg,#fff1a8,#ffd23c 45%,#ff9e0d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 10px rgba(255,180,0,.55));animation:tjrmMedalPop .5s .35s cubic-bezier(.34,1.56,.64,1) both}.tjrm-rank-medal.tjrm-rn-silver{font-size:46px;background:linear-gradient(180deg,#fff,#cdd4dd,#9aa4b0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 8px rgba(180,190,205,.45));animation:tjrmMedalPop .5s .35s cubic-bezier(.34,1.56,.64,1) both}.tjrm-rank-medal.tjrm-rn-bronze{font-size:44px;background:linear-gradient(180deg,#f4be93,#cd8a52,#a66533);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 8px rgba(190,130,70,.45));animation:tjrmMedalPop .5s .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes tjrmMedalPop{0%{opacity:0;transform:scale(.5) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.tjrm-rank-text{font-family:Arial,sans-serif;font-size:22px;font-weight:400;color:#fff;letter-spacing:.3px}.tjrm-panel-body>.spb{order:-5}.tjrm-panel-body>.lrc{order:-4}.tjrm-panel-body>.tjrm-winner-section{order:-3}.tjrm-panel-body>.tjrm-ranking-section{order:-2}.tjrm-panel-body>.tjrs-share{order:-1}.tjrm-panel-body>.tjrb-pb{order:1}.tjrm-hero-teamname{text-align:center;margin-bottom:6px;opacity:0;animation:tjrmFadeUp .4s .25s ease forwards}.tjrm-hero-teamname-label{display:inline-block;font-size:17px;font-weight:800;color:#fff;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.35);background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:4px 16px;line-height:1.3}.tjrm-hero-nickname{display:inline-flex;align-items:center;gap:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:4px 13px;font-size:13px;font-weight:900;color:#ffffffd9;margin-bottom:10px;letter-spacing:.2px;line-height:1.15;opacity:0;animation:tjrmFadeUp .4s .38s ease forwards}.tjrm-score-wrap{margin-bottom:10px;opacity:0;animation:tjrmScoreIn .6s .1s cubic-bezier(.34,1.56,.64,1) forwards}.tjrm-score-num{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:72px;font-weight:400;line-height:1;color:#fff;text-shadow:0 0 60px rgba(167,139,250,.7),0 4px 0 rgba(0,0,0,.25);font-variant-numeric:tabular-nums}.tjrm-score-label{font-size:12px;font-weight:700;color:#a78bfabf;margin-top:4px;letter-spacing:.4px;text-transform:uppercase}.tjrm-ach-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;opacity:0;animation:tjrmFadeUp .4s .55s ease forwards}.tjrm-ach-chip{padding:3px 11px;border-radius:20px;font-size:11px;font-weight:800;line-height:1.15;border:1.5px solid}.tjrm-ach-g{background:#ccfbf126;color:#6ee7b7;border-color:#6ee7b759}.tjrm-ach-v{background:#c4b5fd26;color:#c4b5fd;border-color:#c4b5fd4d}.tjrm-ach-y{background:#fde68a26;color:#fde68a;border-color:#fde68a4d}.tjrm-ach-p{background:#f9a8d426;color:#f9a8d4;border-color:#f9a8d44d}.tjrm-encourage-line{margin-top:9px;font-size:12px;font-weight:600;font-style:italic;color:#ffffffa3;line-height:1.35;opacity:0;animation:tjrmFadeUp .6s .68s ease forwards}.tjrm-next-goal-line{margin-top:7px;font-size:12px;font-weight:900;color:#ffffffbd}.tjrm-next-goal-chase{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:6px 7px 6px 11px;max-width:min(320px,calc(100vw - 80px));border-radius:16px;border:1px solid rgba(253,230,138,.34);background:linear-gradient(135deg,#fde68a29,#ffffff14),#1152379e;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #0000001f;color:#ffffffe6}.tjrm-next-goal-chase .tjrm-goal-target,.tjrm-next-goal-chase em{font-size:11px;font-weight:900;font-style:normal;line-height:1}.tjrm-next-goal-chase .tjrm-goal-target{padding:5px 8px;border-radius:999px;background:#ffffff1f;color:#ffffffe0;white-space:nowrap}.tjrm-next-goal-chase .tjrm-goal-boost{display:inline-flex;align-items:baseline;gap:1px;padding:5px 8px 4px;border-radius:11px;background:linear-gradient(180deg,#fff4b8,#facc15);color:#3a2358;font-size:12px;font-weight:1000;line-height:1;box-shadow:0 4px #84490761,0 8px 18px #facc1538;text-shadow:none}.tjrm-next-goal-chase strong{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:22px;font-weight:400;line-height:.95;font-variant-numeric:tabular-nums}.tjrm-next-goal-chase em{color:#ffffffb8;white-space:nowrap}.tjrm-goal-meter{display:none}.tjrm-goal-meter i{display:block;width:var(--goal-progress, 82%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#ec4899,#fde68a);box-shadow:0 0 12px #fde68a5c}.tjrm-next-goal-lead{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:6px 8px 6px 11px;max-width:min(320px,calc(100vw - 80px));border-radius:16px;border:1px solid rgba(52,211,153,.38);background:linear-gradient(135deg,#34d39938,#ffffff14),#0c5340ad;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000021;color:#ffffffeb}.tjrm-next-goal-lead .tjrm-lead-target,.tjrm-next-goal-lead em{font-size:11px;font-weight:900;font-style:normal;line-height:1;white-space:nowrap}.tjrm-next-goal-lead .tjrm-lead-target{padding:5px 8px;border-radius:999px;background:#ffffff1f}.tjrm-next-goal-lead .tjrm-lead-boost{display:inline-flex;align-items:baseline;gap:1px;padding:5px 8px 4px;border-radius:11px;background:linear-gradient(180deg,#d1fae5,#34d399);color:#063b2d;font-size:12px;font-weight:1000;line-height:1;box-shadow:0 4px #065f4659,0 8px 18px #34d39938;text-shadow:none}.tjrm-next-goal-lead strong{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:22px;font-weight:400;line-height:.95;font-variant-numeric:tabular-nums}.tjrm-next-goal-lead em{color:#ffffffbd}.tjrm-team-lb-card{margin:14px 18px 18px;padding:16px;border-radius:16px;border:1.5px solid rgba(124,58,237,.18);background:linear-gradient(180deg,#7c3aed14,#10b98112);display:flex;flex-direction:column;gap:9px}.tjrm-team-lb-card.is-preview{background:linear-gradient(180deg,#f59e0b1a,#7c3aed0f)}.tjrm-team-lb-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tjrm-team-lb-rank{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:34px;line-height:1;color:var(--rs-violet)}.tjrm-team-lb-pct{padding:5px 10px;border-radius:999px;background:#10b981d9;color:#fff;font-size:12px;font-weight:900}.tjrm-team-lb-copy{color:var(--rs-ink2);font-size:13px;font-weight:800;line-height:1.45}.tjrm-team-lb-cta{align-self:flex-start;border:0;border-radius:12px;background:var(--rs-btn-grad);color:#fff;padding:9px 14px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 4px #4c1d95e6}@keyframes tjrmFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tjrmScoreIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes tjrmShimmer{to{left:200%}}.tjrm-panel-body{background:var(--rs-surface);display:flex;flex-direction:column}.tjrm-p-section{padding:15px 20px;border-bottom:1.5px solid var(--rs-border)}.tjrm-p-section:last-child{border-bottom:none}.tjrm-sec-title{font-size:10px;font-weight:900;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.tjrm-pct-strip{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrmFadeUp .4s .7s ease forwards}.tjrm-pct-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.tjrm-pct-hero-num{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:26px;font-weight:400;color:var(--rs-primary)}.tjrm-pct-hero-suf{font-size:14px;font-weight:800;color:var(--rs-ink2)}.tjrm-pct-caption{font-size:11px;font-weight:700;color:var(--rs-muted);letter-spacing:.2px}.tjrm-pct-bar-outer{position:relative;padding-top:22px}.tjrm-pct-pointer{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap;opacity:0;transition:left 1.2s cubic-bezier(.34,1.56,.64,1),opacity .4s .8s}.tjrm-pct-pointer.show{opacity:1}.tjrm-pct-pointer-label{font-size:10px;font-weight:900;color:var(--rs-ink2)}.tjrm-pct-pointer-stem{width:1.5px;height:8px;background:var(--rs-muted);opacity:.5;border-radius:2px;margin-top:1px}.tjrm-pct-track{height:11px;background:var(--rs-border);border-radius:11px;overflow:visible;position:relative}.tjrm-pct-fill{height:100%;border-radius:11px;background:linear-gradient(90deg,var(--rs-primary),var(--rs-pink));transition:width 1.2s cubic-bezier(.34,1.56,.64,1);position:relative}.tjrm-pct-fill:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:21px;height:21px;border-radius:50%;background:var(--rs-surface);border:3px solid var(--rs-pink);box-shadow:0 0 0 3px #ec489933,0 2px 6px #ec489959}.tjrm-pct-scale{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;font-weight:800;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.5px}.tjrm-stats-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrmFadeUp .4s .82s ease forwards}.tjrm-stat-cell{padding:12px 8px;text-align:center;border-right:1.5px solid var(--rs-border)}.tjrm-stat-cell:last-child{border-right:none}.tjrm-stat-v{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:20px;font-weight:400;color:var(--rs-primary);line-height:1;font-variant-numeric:tabular-nums}.tjrm-stat-l{font-size:10px;font-weight:800;color:var(--rs-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.tjrm-winner-section{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrmFadeUp .4s .9s ease forwards}.tjrm-winner-highlight{background:linear-gradient(135deg,var(--rs-gold),#FDE68A);border-radius:var(--rs-radius);padding:20px 22px;text-align:center;border:2px solid rgba(245,158,11,.35);box-shadow:0 6px #b4530940,0 10px 20px #f59e0b26;position:relative;overflow:visible;cursor:pointer;--depth-scale: 1;transform:scale(var(--depth-scale));transition:transform .15s cubic-bezier(.175,.885,.32,1.275),filter .15s}.tjrm-winner-highlight:hover{filter:brightness(1.03)}.tjrm-winner-highlight.is-me{background:linear-gradient(135deg,#10b981,#6ee7b7);border-color:#10b98180;box-shadow:0 6px #05966959,0 10px 20px #10b98133}.tjrm-winner-highlight.is-me .tjrm-win-name{color:#064e3b}.tjrm-winner-highlight.is-me .tjrm-win-score-chip{color:#065f46;background:#fff9}.tjrm-winner-highlight.is-me:before{content:"나!";position:absolute;left:-14px;top:14px;background:var(--rs-green);color:#fff;font-weight:900;font-size:12px;transform:rotate(-12deg);padding:4px 18px;border-radius:20px;box-shadow:0 4px 10px #0003;z-index:5;animation:tjrmPopMe .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes tjrmPopMe{0%{transform:scale(0) rotate(0)}to{transform:scale(1) rotate(-12deg)}}@keyframes tjrmPoowangBurst{0%{transform:scale(.4);filter:brightness(1.2)}40%{transform:scale(1.3);filter:brightness(1.8) drop-shadow(0 0 40px var(--rs-primary))}70%{transform:scale(.95)}to{transform:scale(1);filter:brightness(1)}}.tjrm-winner-highlight.bursting{animation:tjrmPoowangBurst .7s cubic-bezier(.34,1.56,.64,1) forwards!important}.tjrm-win-crown{font-size:30px;position:absolute;top:-18px;right:-12px;transform:rotate(15deg);filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));animation:tjrmFloat 2s ease-in-out infinite}@keyframes tjrmFloat{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-8px) rotate(20deg)}}.tjrm-win-name{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:20px;font-weight:400;color:#78350f;line-height:1.2;letter-spacing:.2px}[data-theme=dark] .tjrm-win-name{color:#fde68a}.tjrm-win-score-chip{display:inline-block;margin-top:7px;background:#ffffff8c;padding:3px 14px;border-radius:20px;font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:17px;font-weight:400;line-height:1;color:#92400e;font-variant-numeric:tabular-nums}[data-theme=dark] .tjrm-win-score-chip{color:#fde68a;background:#00000040}.tjrm-win-mvp{display:inline-flex;align-items:center;gap:5px;background:#ffffff73;border:1.5px solid rgba(180,83,9,.2);border-radius:11px;padding:3px 10px;font-size:11px;font-weight:800;color:#92400e;margin-top:7px}[data-theme=dark] .tjrm-win-mvp{background:#0003;color:#fde68a;border-color:#f59e0b4d}.tjrm-ranking-section{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrmFadeUp .4s 1s ease forwards}.tjrm-ranking-list{display:flex;flex-direction:column;gap:6px}.tjrm-rank-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--rs-radius-sm);background:var(--rs-sheet);border:1.5px solid var(--rs-border);cursor:pointer;transition:.15s;position:relative;overflow:hidden}.tjrm-rank-item:hover{transform:translate(4px);border-color:var(--rs-light)}.tjrm-rank-item:active{transform:translate(2px) scale(.98)}.tjrm-rank-item.is-me{background:linear-gradient(135deg,#10b98114,#a7f3d00d);border-color:#10b98166;padding-right:36px}.tjrm-rank-item.is-me:after{content:"나!";position:absolute;right:-16px;top:7px;background:var(--rs-green);color:#fff;font-size:10px;font-weight:900;transform:rotate(45deg);padding:3px 20px;box-shadow:0 2px 5px #00000026}.tjrm-rank-num{width:28px;height:28px;border-radius:50%;background:var(--rs-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:13px;font-weight:400;flex-shrink:0;box-shadow:0 2px 6px #7c3aed4d}.tjrm-rank-num.tjrm-rn-gold{background:linear-gradient(135deg,#d97706,#f59e0b)}.tjrm-rank-num.tjrm-rn-silver{background:linear-gradient(135deg,#64748b,#94a3b8)}.tjrm-rank-num.tjrm-rn-bronze{background:linear-gradient(135deg,#b45309,#d97706)}.tjrm-lb-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0;color:#fff}.tjrm-rank-info{flex:1;min-width:0}.tjrm-rank-name{font-size:14px;font-weight:800;color:var(--rs-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.tjrm-rank-name.me-name{color:var(--rs-green)}.tjrm-rank-score{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:14px;font-weight:400;color:var(--rs-ink2);flex-shrink:0;letter-spacing:.05px;font-variant-numeric:tabular-nums}.tjrm-rank-score.me-score{color:var(--rs-primary)}.tjrm-rank-item.tjrm-team-row{flex-direction:column;align-items:stretch;gap:8px}.tjrm-team-hdr{display:flex;align-items:center;gap:9px}.tjrm-team-members{display:flex;gap:5px;flex-wrap:wrap;padding:7px;border-radius:10px;background:#ffffff80}[data-theme=dark] .tjrm-team-members{background:#ffffff0d}.tjrm-t-chip{font-size:11px;font-weight:700;line-height:1.15;background:var(--rs-sheet);color:var(--rs-ink2);padding:3px 8px;border-radius:8px;border:1px solid var(--rs-border)}.tjrm-t-chip.tjrm-mvp-chip{background:#f59e0b1f;color:#d97706;border-color:#f59e0b4d}.tjrm-rank-expand-btn{width:100%;margin-top:8px;padding:8px;background:none;border:1.5px dashed var(--rs-border);border-radius:11px;font-size:11px;font-weight:800;color:var(--rs-muted);cursor:pointer;font-family:Nunito,sans-serif;transition:.12s}.tjrm-rank-expand-btn:hover{border-color:var(--rs-primary);color:var(--rs-primary)}.tjrm-share-section{padding:14px 20px;opacity:0;animation:tjrmFadeUp .4s 1.1s ease forwards}.tjrm-share-main-btn{width:100%;padding:15px;background:var(--rs-btn-grad);border-radius:16px;border:none;font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:17px;font-weight:400;color:#fff;cursor:pointer;box-shadow:var(--rs-btn-shadow);position:relative;overflow:hidden;transition:transform .1s,box-shadow .1s;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px}.tjrm-share-main-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:tjrmShimmer 3s infinite}.tjrm-share-main-btn:active{transform:translateY(4px);box-shadow:0 2px #4c1d95}.tjrm-share-btn-text{display:flex;flex-direction:column;align-items:flex-start}.tjrm-share-btn-main{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:16px;font-weight:400;line-height:1.1;letter-spacing:.2px}.tjrm-share-btn-sub{font-size:10px;font-weight:700;opacity:.85;letter-spacing:.3px;line-height:1.2}.tjrm-share-icons-row{display:flex;gap:7px}.result-screen-overlay .tjrm-share-section{display:none}.result-screen-overlay .tjrs-share{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);display:flex;flex-direction:column;gap:10px}.result-screen-overlay .tjrs-share-txt{font-size:10px;font-weight:900;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.8px}.result-screen-overlay .tjrs-share-main-btn{width:100%;min-height:42px;padding:12px 14px;border-radius:16px;border:2px solid var(--rs-border);background:var(--rs-sheet);color:var(--rs-ink2);box-shadow:0 4px 0 var(--rs-border);display:flex;align-items:center;justify-content:center;gap:8px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;line-height:1.15;transition:transform .1s,background .12s,box-shadow .1s}.result-screen-overlay .tjrs-share-main-btn:hover{background:var(--rs-border)}.result-screen-overlay .tjrs-share-main-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--rs-border)}.result-screen-overlay .tjrs-share-main-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:var(--rs-primary)}.result-screen-overlay .tjrs-share-main-icon svg{width:18px;height:18px}.result-screen-overlay .tjrs-share-main-text,.result-screen-overlay .tjrs-sh-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-screen-overlay .tjrs-share-icons{display:flex;gap:7px}.result-screen-overlay .tjrs-sh-btn{flex:1;min-width:0;height:40px;border-radius:11px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Nunito,sans-serif;font-size:11px;font-weight:900;transition:transform .1s,opacity .1s}.result-screen-overlay .tjrs-sh-btn:active{transform:scale(.93)}.result-screen-overlay .tjrs-sh-btn .share-brand-icon{width:18px;height:18px;flex:0 0 18px;color:currentColor}.result-screen-overlay .tjrs-sh-kakao{background:#fee500;color:#3c1e1e}.result-screen-overlay .tjrs-sh-discord{background:#5865f2;color:#fff}.result-screen-overlay .tjrs-sh-line{background:#06c755;color:#fff}.result-screen-overlay .tjrs-sh-instagram{background:linear-gradient(135deg,#f97316,#ec4899 48%,#7c3aed);color:#fff}.tjrm-sh-btn{flex:1;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:900;cursor:pointer;border:2px solid;transition:.12s;font-family:Nunito,sans-serif}.tjrm-sh-btn svg{width:15px;height:15px}.tjrm-sh-btn:active{transform:scale(.94)}.tjrm-sh-kakao{background:#fee500;color:#191919;border-color:#d4c100}.tjrm-sh-link{background:var(--rs-sheet);color:var(--rs-ink2);border-color:var(--rs-border)}.tjrm-sh-x{background:#000;color:#fff;border-color:#333}.tjrm-sh-line{background:#00c300;color:#fff;border-color:#090}.tjrm-floating-actions{--rs-primary: #7C3AED;--rs-pink: #EC4899;--rs-gold: #F59E0B;--rs-ink2: #2D1060;--rs-btn-grad: linear-gradient(135deg, #EC4899, #7C3AED);--rs-btn-shadow: 0 6px 0 #4C1D95, 0 10px 24px rgba(124,58,237,.35);--rs-radius-sm: 14px;position:fixed;z-index:1100;left:calc(50% + 250px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;width:132px;opacity:0;animation:tjrmFadeInFA .5s .3s ease forwards}@media (min-width: 980px){.tjrm-floating-actions{left:calc(50% + 340px)}}@media (min-width: 901px) and (max-width: 979px){.result-screen-overlay{padding-bottom:120px}.tjrm-floating-actions{right:0;left:0;bottom:0;top:auto;transform:none;width:100%;flex-direction:row;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#0f0628e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);gap:6px}.tjrm-fa-btn{min-width:0;padding:10px 6px;flex-direction:column;gap:4px}.tjrm-fa-btn.is-room{flex:.62}.tjrm-fa-btn.replay{flex:.86}.tjrm-fa-btn.primary{flex:2.55;flex-direction:column;gap:1px}}[data-theme=dark] .tjrm-floating-actions{--rs-btn-shadow: 0 6px 0 #2E0D7A, 0 10px 24px rgba(0,0,0,.5)}@keyframes tjrmFadeInFA{to{opacity:1}}.tjrm-fa-btn{width:100%;padding:13px 10px;border-radius:var(--rs-radius-sm);font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;border:2px solid;transition:transform .1s,filter .1s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;white-space:normal}.tjrm-fa-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:22px;line-height:1}.tjrm-fa-icon svg{width:100%;height:100%}.tjrm-fa-label{max-width:100%;font-size:12px;font-weight:900;line-height:1.08;text-align:center;overflow-wrap:anywhere;word-break:keep-all}.tjrm-fa-sub{font-size:10px;font-weight:700;opacity:.8;line-height:1.1}.tjrm-fa-btn:active{transform:translateY(3px)}.tjrm-fa-btn.secondary{background:#fffffff2;color:var(--rs-ink2);border-color:#ffffff80;box-shadow:0 4px #00000026,0 6px 16px #0003}.tjrm-fa-btn.secondary:hover{filter:brightness(1.05)}.tjrm-fa-btn.secondary:active{box-shadow:0 1px #00000026}.tjrm-fa-btn.replay{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border-color:#ffffff38;box-shadow:0 4px #0e7490,0 8px 20px #2563eb4d}.tjrm-fa-btn.replay:hover{filter:brightness(1.05)}.tjrm-fa-btn.replay:active{box-shadow:0 1px #0e7490}.tjrm-fa-btn.primary{background:var(--rs-btn-grad);color:#fff;border-color:transparent;box-shadow:var(--rs-btn-shadow);position:relative;overflow:hidden;min-height:76px}.tjrm-fa-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:tjrmShimmer 3s infinite}.tjrm-fa-btn.primary:active{box-shadow:0 2px #4c1d95}.tjrm-fa-btn.primary.is-ready{background:linear-gradient(135deg,#10b981,#34d399)!important;box-shadow:0 6px #065f46,0 10px 24px #10b98159!important;animation:tjrmBounceBtn .4s cubic-bezier(.175,.885,.32,1.275)}.tjrm-fa-btn.primary.is-ready:before{display:none}@keyframes tjrmBounceBtn{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tjrm-fa-btn.primary .tjrm-fa-icon{font-size:26px}@media (max-width: 500px){.result-screen-overlay{padding:0 0 calc(96px + env(safe-area-inset-bottom)) 0;justify-content:flex-start;align-items:stretch}.tjrm-panel{border-radius:var(--rs-radius-lg) var(--rs-radius-lg) 0 0;max-width:100%;margin:0}.tjrm-score-num{font-size:64px}.tjrm-floating-actions{right:0;left:0;bottom:0;top:auto;transform:none;width:100%;flex-direction:row;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#0f0628e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);gap:6px}.tjrm-fa-btn{min-width:0;padding:9px 5px;flex-direction:column;gap:4px}.tjrm-fa-btn.is-room{flex:.58}.tjrm-fa-btn.replay{flex:.76}.tjrm-fa-btn.primary{flex:2.65;flex-direction:column;gap:2px;padding:10px 8px;min-height:72px}.tjrm-fa-icon{width:20px;height:20px;font-size:20px}.tjrm-fa-label{font-size:clamp(10px,2.8vw,12px)}.tjrm-fa-sub{font-size:clamp(9px,2.35vw,10px)}.tjrm-fa-btn.primary .tjrm-fa-icon{width:22px;height:22px;font-size:22px}}@media (min-width: 501px) and (max-width: 900px){.result-screen-overlay{padding-bottom:120px}.tjrm-floating-actions{right:0;left:0;bottom:0;top:auto;transform:none;width:100%;flex-direction:row;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#0f0628e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);gap:6px}.tjrm-fa-btn{min-width:0;padding:10px 6px;flex-direction:column;gap:4px}.tjrm-fa-btn.is-room{flex:.62}.tjrm-fa-btn.replay{flex:.86}.tjrm-fa-btn.primary{flex:2.55;flex-direction:column;gap:1px}}.tjrm-room-stats{width:100%;background:#9d7bff12;border:1px solid rgba(157,123,255,.2);border-radius:16px;padding:14px 16px;margin-top:.5rem;display:flex;flex-direction:column;gap:10px}.tjrm-room-record-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(135deg,#9d7bff47,#ec48992e);border:1px solid rgba(157,123,255,.4);border-radius:10px;padding:8px 12px;font-size:.88rem;font-weight:700;color:#e8d5ff;animation:recordPulse .6s ease-out}.tjrm-record-name{color:#5a4c3a;font-size:.85rem;font-weight:800}@keyframes recordPulse{0%{transform:scale(.95);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.tjrm-room-stats-row{display:flex;gap:8px;flex-wrap:wrap}.tjrm-rs-chip{flex:1;min-width:120px;background:#7c3aed0f;border:1px solid rgba(124,58,237,.18);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.tjrm-rs-chip span{font-size:.75rem;color:var(--rs-ink2)}.tjrm-rs-chip strong{font-size:.9rem;color:var(--rs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.tjrm-rs-swatch{flex-shrink:0;width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 1px #ffffff40 inset}.tjrm-rs-chip-clickable{cursor:pointer;transition:background .15s,border-color .15s}.tjrm-rs-chip-clickable:hover{background:#7c3aed1f;border-color:#7c3aed52}.tjrm-rs-play{font-size:.62rem;color:var(--rs-primary);opacity:.75}.tjrm-rs-chip.tenny-king{border-color:#f6d27652;background:linear-gradient(135deg,#f6d27624,#9d7bff14)}.tjrm-rs-chip.tenny-king strong{color:var(--rs-ink)}.tjrm-recent-matches{display:flex;flex-direction:column;gap:6px}.tjrm-recent-label{font-size:.78rem;color:var(--rs-ink2);font-weight:600}.tjrm-recent-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.tjrm-match-chip{background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:4px 10px;font-size:.78rem;white-space:nowrap;color:var(--rs-ink2);flex-shrink:0}.tjrm-room-stats-hint{font-size:.72rem;color:var(--rs-muted);text-align:center;margin:0}.result-screen-overlay .tjrm-ranking-section{background:var(--rs-sheet);border-left:3px solid var(--rs-border);border-bottom:1.5px solid var(--rs-border);padding-left:17px}.result-screen-overlay .tjrm-ranking-section .tjrm-sec-title{display:flex;align-items:center;gap:5px}.result-screen-overlay .tjrm-ranking-section .tjrm-sec-title:before{content:"🏠";font-size:11px;line-height:1}.result-screen-overlay .tjrb-pb{position:relative;overflow:hidden;border-bottom:none;margin:10px 14px 18px;padding:18px 18px 20px;border-radius:22px;background:linear-gradient(160deg,#7c3aed12,#6366f10a 55%,#ec48990f),var(--rs-surface);border:1.5px solid rgba(124,58,237,.22);box-shadow:0 10px 28px #7c3aed1f,0 2px 8px #2d106012,inset 0 1px #ffffffd9}.result-screen-overlay .tjrb-pb:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7 40%,#ec4899 75%,#7c3aed);border-radius:22px 22px 0 0;opacity:.75}.result-screen-overlay .tjrb-pb:after{content:"";position:absolute;top:-30px;right:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.1) 0%,transparent 70%);pointer-events:none}.result-screen-overlay .tjrb-sec-title{color:#6d28d9;font-size:11px;letter-spacing:.9px}.result-screen-overlay .tjrb-save-chip.saved{background:#10b9811f;border-color:#10b98152;color:#059669}.result-screen-overlay .tjrb-pb-card{background:#ffffffc7;border-color:#7c3aed2e;box-shadow:0 2px 10px #7c3aed14}.result-screen-overlay .tjrb-pb-card.improved{background:linear-gradient(135deg,#10b9811a,#a7f3d00f);border-color:#10b9816b;box-shadow:0 2px 10px #10b9811a}.result-screen-overlay .tjrb-pb-val.curr{color:#6d28d9}.result-screen-overlay .tjrb-growth{background:#ffffffb3;border-color:#7c3aed24}.result-screen-overlay .tjrb-growth-title,.result-screen-overlay .tjrb-today-best strong{color:#6d28d9}[data-theme=dark] .result-screen-overlay .tjrm-ranking-section{background:#ffffff08;border-left-color:#ffffff1f}[data-theme=dark] .result-screen-overlay .tjrb-pb{background:linear-gradient(160deg,#7c3aed2e,#6366f11a 55%,#ec48991f),var(--rs-surface);border-color:#7c3aed59;box-shadow:0 10px 28px #00000059,0 2px 8px #0003,inset 0 1px #ffffff0f}[data-theme=dark] .result-screen-overlay .tjrb-sec-title{color:#c4b5fd}[data-theme=dark] .result-screen-overlay .tjrb-pb-card{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .result-screen-overlay .tjrb-pb-val.curr{color:#c4b5fd}[data-theme=dark] .result-screen-overlay .tjrb-growth{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .result-screen-overlay .tjrb-growth-title,[data-theme=dark] .result-screen-overlay .tjrb-today-best strong{color:#c4b5fd}:root{--countdown-accent: #58f1ff;--countdown-accent-soft: rgba(88, 241, 255, .2);--countdown-text-strong: #f9fbff}.countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:overlay-fade-in .3s ease}.countdown-overlay.inline{position:absolute;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.countdown-stage{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(88,241,255,.14),transparent 68%)}.countdown-circle{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;border:2px solid var(--countdown-accent-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-number{font-size:96px;font-weight:800;color:var(--countdown-text-strong);text-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;transform:scale(.5);animation:pop 1s cubic-bezier(.24,1.27,.56,.98) forwards;z-index:2}.countdown-number.is-go{font-size:64px;color:var(--countdown-accent)}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid rgba(88,241,255,.35);animation:pulse 1s ease-out forwards;z-index:1}@keyframes pop{0%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.08)}70%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.55;transform:scale(.85)}70%{opacity:.1;transform:scale(1.25)}to{opacity:0;transform:scale(1.4)}}.countdown-stage.target-mode{width:240px;height:240px;background:radial-gradient(circle,rgba(255,215,0,.18),transparent 68%)}.countdown-stage.target-mode .countdown-circle{border-color:#ffd70040}.pulse-ring.target-pulse{border-color:#ffd70066}.countdown-number.is-target{font-size:52px;color:gold;text-shadow:0 0 30px rgba(255,215,0,.5),0 4px 20px rgba(0,0,0,.4);animation:target-reveal 1.5s cubic-bezier(.24,1.27,.56,.98) forwards;white-space:nowrap}@keyframes target-reveal{0%{opacity:0;transform:scale(.3) rotate(-5deg)}35%{opacity:1;transform:scale(1.15) rotate(2deg)}55%{transform:scale(.95) rotate(0)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width: 480px){.countdown-stage{width:160px;height:160px}.countdown-stage.target-mode{width:200px;height:200px}.countdown-number{font-size:72px}.countdown-number.is-go{font-size:52px}.countdown-number.is-target{font-size:40px}}.panic-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9000;box-shadow:inset 0 0 #f000;transition:box-shadow .5s ease}.panic-overlay.active{animation:panic-pulse 1s infinite cubic-bezier(.4,0,.6,1)}@keyframes panic-pulse{0%{box-shadow:inset 0 0 20px #ff00001a}50%{box-shadow:inset 0 0 100px #f006}to{box-shadow:inset 0 0 20px #ff00001a}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;top:-20px;width:10px;height:20px;opacity:0;animation:confetti-fall 2.5s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}.match-effect-container{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.match-text{font-family:Arial Black,sans-serif;font-weight:900;font-size:2rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),2px 2px 0 rgba(0,0,0,.2);animation:match-pop-up .8s cubic-bezier(.175,.885,.32,1.275) forwards;white-space:nowrap;position:absolute;z-index:2}.match-text.combo{color:#ff4500;font-size:2.5rem;text-shadow:0 0 15px rgba(255,69,0,.6),3px 3px 0 #000;animation:combo-surge 1s cubic-bezier(.22,1,.36,1) forwards}.match-ring{position:absolute;width:20px;height:20px;border:4px solid rgba(255,255,255,.8);border-radius:50%;animation:match-shockwave .5s ease-out forwards}.match-sparkle{position:absolute;width:6px;height:6px;background-color:#fff;border-radius:50%;animation:match-sparkle-burst .6s ease-out forwards}@keyframes match-pop-up{0%{transform:scale(0) translateY(0);opacity:0}50%{transform:scale(1.2) translateY(-20px);opacity:1}to{transform:scale(1) translateY(-50px);opacity:0}}@keyframes combo-surge{0%{transform:scale(.5) translateY(0) rotate(-10deg);opacity:0}40%{transform:scale(1.5) translateY(-30px) rotate(5deg);opacity:1}to{transform:scale(1.2) translateY(-80px) rotate(0);opacity:0}}@keyframes match-shockwave{0%{transform:scale(1);opacity:1;border-width:4px}to{transform:scale(8);opacity:0;border-width:0px}}@keyframes match-sparkle-burst{0%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--angle)) translate(var(--dist)) scale(0);opacity:0}}.score-effect-wrapper{position:fixed;pointer-events:none;z-index:2000;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-value{font-family:Arial Black,Impact,sans-serif;font-weight:900;font-size:2rem;color:#fff;-webkit-text-stroke:2px rgba(0,0,0,.6);text-shadow:3px 3px 0px rgba(0,0,0,.7),0 0 8px rgba(255,255,255,.4);animation:score-bounce .9s cubic-bezier(.175,.885,.32,1.275) forwards;line-height:1;white-space:nowrap;letter-spacing:-.02em}.score-label{font-family:Arial Black,sans-serif;font-weight:900;font-size:.85rem;padding:3px 10px;border-radius:20px;margin-top:3px;color:#fff;background:#000000bf;animation:label-slide-up .5s ease-out .05s forwards;opacity:0;white-space:nowrap;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.2);letter-spacing:.03em;text-transform:uppercase}.tier-1{color:#fff;font-size:2rem;-webkit-text-stroke:2px #333;text-shadow:3px 3px 0 #333,0 0 12px rgba(255,255,255,.8)}.tier-2{color:#0f8;font-size:2.4rem;-webkit-text-stroke:2px #006633;text-shadow:3px 3px 0 #006633,0 0 10px #00FF88,0 0 20px rgba(0,255,136,.5)}.tier-3{color:#ffe000;font-size:2.9rem;-webkit-text-stroke:2px #664400;text-shadow:3px 3px 0 #664400,0 0 12px #FFB300,0 0 25px rgba(255,200,0,.7),0 0 40px rgba(255,160,0,.3);animation:score-bounce-gold .9s cubic-bezier(.175,.885,.32,1.275) forwards}.tier-4{color:#f50;font-size:3.4rem;-webkit-text-stroke:2.5px #660000;text-shadow:3px 3px 0 #660000,0 0 15px #FF5500,0 0 30px rgba(255,80,0,.8),0 0 50px rgba(255,50,0,.4);animation:score-bounce-fire .9s cubic-bezier(.175,.885,.32,1.275) forwards}.tier-5{color:#f0c;font-size:4rem;-webkit-text-stroke:3px #550044;text-shadow:3px 3px 0 #550044,0 0 15px #FF00CC,0 0 30px #FF00CC,0 0 50px rgba(255,0,200,.8),0 0 80px rgba(255,0,200,.4);animation:score-bounce-ultra .9s cubic-bezier(.175,.885,.32,1.275) forwards}.style-clash .score-value{color:#0df;-webkit-text-stroke:2px #003366;text-shadow:3px 3px 0 #003366,0 0 12px #00DDFF,0 0 25px rgba(0,200,255,.8),0 0 45px rgba(0,150,255,.4)}.style-clash .score-label{background:linear-gradient(135deg,#08c,#04f);border:1.5px solid #00DDFF;box-shadow:0 0 10px #00c8ff99,0 2px 8px #00000080}.style-time .score-value{color:#f22;-webkit-text-stroke:2px #440000;text-shadow:3px 3px 0 #440000,0 0 12px #FF2222,0 0 25px rgba(255,50,0,.8);animation:score-bounce-fire .9s cubic-bezier(.175,.885,.32,1.275) forwards}.style-time .score-label{background:linear-gradient(135deg,#c00,#f50);border:1.5px solid #FF8888;box-shadow:0 0 10px #ff320099,0 2px 8px #00000080;animation:label-pulse .4s infinite alternate}@keyframes score-bounce{0%{transform:scale(0) rotate(-5deg);opacity:0}30%{transform:scale(1.5) rotate(3deg);opacity:1}55%{transform:scale(1.1) rotate(-1deg);opacity:1}to{transform:scale(.9) translateY(-70px);opacity:0}}@keyframes score-bounce-gold{0%{transform:scale(0) rotate(-8deg);opacity:0}25%{transform:scale(1.7) rotate(4deg);opacity:1}50%{transform:scale(1.2) rotate(-2deg);opacity:1}to{transform:scale(1) translateY(-80px);opacity:0}}@keyframes score-bounce-fire{0%{transform:scale(0) rotate(6deg);opacity:0}20%{transform:scale(1.9) rotate(-4deg);opacity:1}45%{transform:scale(1.3) rotate(2deg);opacity:1}to{transform:scale(1) translateY(-90px);opacity:0}}@keyframes score-bounce-ultra{0%{transform:scale(0) rotate(-10deg);opacity:0}20%{transform:scale(2.2) rotate(6deg);opacity:1}40%{transform:scale(1.5) rotate(-3deg);opacity:1}60%{transform:scale(1.7) rotate(2deg);opacity:1}to{transform:scale(1) translateY(-100px);opacity:0}}@keyframes label-slide-up{0%{transform:translateY(8px) scale(.8);opacity:0}60%{transform:translateY(-2px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes label-pulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.12);filter:brightness(1.3)}}.clash-effect-container{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:0;height:0}.clash-text{font-family:Arial Black,sans-serif;font-weight:900;font-size:1.5rem;text-shadow:3px 3px 0px rgba(0,0,0,.5);animation:clash-shake-drop .8s cubic-bezier(.36,.07,.19,.97) forwards;white-space:nowrap;position:absolute;z-index:2}.clash-particles{position:absolute;top:0;left:0}.clash-particle{position:absolute;width:6px;height:6px;border-radius:1px;transform-origin:center;animation:clash-shatter .6s ease-out forwards}@keyframes clash-shake-drop{0%{transform:translate(0) scale(.5) rotate(0);opacity:0}15%{transform:translate(0) scale(1.5) rotate(-5deg);opacity:1}25%{transform:translate(-5px) rotate(5deg)}35%{transform:translate(5px) rotate(-5deg)}45%{transform:translate(-3px) rotate(3deg)}60%{transform:translate(0) scale(1.2) rotate(0);opacity:1}to{transform:translateY(50px) scale(.8) rotate(10deg);opacity:0}}@keyframes clash-shatter{0%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:1}60%{opacity:1}to{transform:rotate(var(--angle)) translate(60px) translateY(40px) rotate(720deg) scale(0);opacity:0}}.test-clash-container{width:100vw;height:100vh;background-color:#2a2a2a;position:relative;overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none}.test-controls{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000c;padding:20px;border-radius:12px;color:#fff;text-align:center;z-index:100;pointer-events:auto;box-shadow:0 4px 12px #0000004d}.test-controls h3{margin:0 0 10px;color:#ffb547}.button-group{display:flex;gap:10px;margin-top:15px;justify-content:center;flex-wrap:wrap;max-width:600px}.test-controls button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;background:#444;color:#fff;font-weight:700;transition:all .2s}.test-controls button.active{background:#9d7bff;transform:scale(1.05)}.test-controls button.back-btn{background:#666}.test-controls button:hover{opacity:.9}.rewarded-ad-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.rewarded-ad-content{background:#fff;border-radius:20px;padding:40px;max-width:450px;width:90%;text-align:center;box-shadow:0 10px 40px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ad-icon{font-size:64px;margin-bottom:20px}.rewarded-ad-content h3{font-size:24px;font-weight:700;color:#3a2d60;margin-bottom:16px}.ad-description{font-size:16px;color:#5a5a5a;line-height:1.6;margin-bottom:20px}.ad-info{background:#9d7bff1a;border:1px solid rgba(157,123,255,.3);border-radius:8px;padding:10px;margin-bottom:24px}.ad-info span{font-size:14px;color:#3a2d60;font-weight:600}.ad-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.watch-ad-btn{background:linear-gradient(135deg,#9d7bff,#8b68ee);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #9d7bff4d}.watch-ad-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #9d7bff66}.watch-ad-btn:active{transform:translateY(0)}.skip-ad-btn{background:transparent;color:#888;border:2px solid #DDD;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.skip-ad-btn:hover{border-color:#bbb;color:#666}.ad-notice{font-size:12px;color:#999;margin-top:12px}.rwd-ad-playback{background:#fff;border-radius:16px;padding:24px;max-width:600px;width:90%;box-shadow:0 10px 40px #0000004d}.ad-video-placeholder{background:linear-gradient(135deg,#9d7bff,#7c5ce0);border-radius:12px;padding:60px 40px;margin-bottom:20px;position:relative;overflow:hidden}.ad-label{position:absolute;top:12px;left:12px;background:#00000080;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.ad-mock-content{color:#fff;text-align:center}.ad-brand{font-size:32px;font-weight:700;margin-bottom:12px}.ad-mock-content p{font-size:16px;opacity:.9}.ad-progress-container{margin-bottom:16px}.ad-progress-bar{background:#e0e0e0;border-radius:8px;height:12px;overflow:hidden;margin-bottom:8px}.ad-progress-fill{background:linear-gradient(90deg,#9d7bff,#8b68ee);height:100%;transition:width .1s linear;border-radius:8px}.ad-progress-text{text-align:center;font-size:14px;font-weight:600;color:#3a2d60}.skip-ad-btn-small{width:100%;background:transparent;color:#888;border:2px solid #DDD;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.skip-ad-btn-small:hover{border-color:#bbb;color:#666}[data-theme=dark] .rewarded-ad-content,[data-theme=dark] .rwd-ad-playback{background:#1a1035}[data-theme=dark] .rewarded-ad-content h3{color:#eae0ff}[data-theme=dark] .ad-description{color:#9d7bffa6}[data-theme=dark] .ad-info span{color:#c4b5ff}[data-theme=dark] .skip-ad-btn,[data-theme=dark] .skip-ad-btn-small{border-color:#9d7bff40;color:#9d7bff80}[data-theme=dark] .skip-ad-btn:hover,[data-theme=dark] .skip-ad-btn-small:hover{border-color:#9d7bff80;color:#9d7bffcc}[data-theme=dark] .ad-notice{color:#9d7bff66}[data-theme=dark] .ad-progress-bar{background:#9d7bff26}[data-theme=dark] .ad-progress-text{color:#c4b5ff}@media (max-width: 768px){.rewarded-ad-content{padding:30px 24px}.ad-icon{font-size:48px}.rewarded-ad-content h3{font-size:20px}.ad-description{font-size:14px}.ad-video-placeholder{padding:40px 20px}.ad-brand{font-size:24px}}.interstitial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000e0;display:flex;align-items:center;justify-content:center}.interstitial-box{width:320px;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #00000080}.interstitial-ad-area{height:250px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.06)}.interstitial-ad-label{font-size:13px;color:#ffffff40;letter-spacing:.05em}.interstitial-footer{background:#121220fa;padding:14px 16px;position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:48px}.interstitial-progress{position:absolute;top:0;left:0;height:3px;background:#9d7bff;transition:width 1s linear;border-radius:0 2px 0 0}.interstitial-countdown{font-size:12px;color:#ffffff73;font-variant-numeric:tabular-nums}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:9999;pointer-events:none;width:100%}.toast-notification{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99px;box-shadow:0 4px 15px #00000026;font-size:14px;font-weight:600;color:#1e1e22;cursor:pointer;min-width:200px;max-width:90vw;text-align:center}.toast-notification.has-actions{flex-direction:column;align-items:stretch;gap:10px;border-radius:18px;padding:14px;min-width:min(340px,calc(100vw - 32px))}.toast-main{display:flex;align-items:center;justify-content:center;gap:10px}.toast-actions{display:flex;gap:8px}.toast-action{flex:1;border:0;border-radius:12px;padding:10px 12px;min-height:38px;font-weight:900;color:#4d3688;background:#9d7bff21;cursor:pointer}.toast-action.primary{color:#fff;background:linear-gradient(135deg,#8f6bff,#c13bd8);box-shadow:0 8px 18px #8f6bff40}.toast-icon{font-size:16px}.toast-success{border-left:4px solid #9D7BFF}.toast-error{border-left:4px solid #FF6B6B}.toast-info{border-left:4px solid #5FA3C4}@media (max-width: 768px){.toast-container{bottom:30px}}.message-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:100000;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.message-modal-container{background:linear-gradient(135deg,#9d7bff,#7c5ce0);border-radius:24px;padding:32px;box-shadow:0 20px 60px #00000080;max-width:90%;width:500px;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);border:3px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.message-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:24px 24px 0 0;pointer-events:none}@keyframes modalSlideIn{0%{transform:translateY(-30px) scale(.9);opacity:0}60%{transform:translateY(4px) scale(1.02)}to{transform:translateY(0) scale(1);opacity:1}}.message-modal-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:20px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.3)}.message-modal-content{font-size:18px;font-weight:600;color:#fff;line-height:1.6;text-align:center;margin-bottom:24px;white-space:pre-wrap;word-break:break-word;text-shadow:0 2px 8px rgba(0,0,0,.2)}.message-modal-close-btn{width:100%;padding:14px 28px;font-size:18px;font-weight:700;color:#9d7bff;background:#fff;border:none;border-bottom:3px solid rgba(0,0,0,.1);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0003;position:relative;overflow:hidden}.message-modal-close-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,transparent 100%);pointer-events:none}.message-modal-close-btn:hover{background:#f0f0f0;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #0000004d}.message-modal-close-btn:active{animation:jellyPress .35s ease}@media (max-width: 768px){.message-modal-container{width:90%;padding:24px}.message-modal-title{font-size:20px;margin-bottom:16px}.message-modal-content{font-size:16px;margin-bottom:20px}.message-modal-close-btn{padding:12px 24px;font-size:16px}}@media (max-width: 480px){.message-modal-container{width:95%;padding:20px}.message-modal-title{font-size:18px;margin-bottom:12px}.message-modal-content{font-size:15px;margin-bottom:16px}.message-modal-close-btn{padding:10px 20px;font-size:15px}}@media (min-width: 1200px){.message-modal-container{width:600px;padding:40px}.message-modal-title{font-size:28px;margin-bottom:24px}.message-modal-content{font-size:20px;margin-bottom:28px}.message-modal-close-btn{padding:16px 32px;font-size:20px}}.rank-entry-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.rank-entry-modal{background:#1e1e2e;border:1px solid #9c7ce3;border-radius:16px;padding:2rem 2.5rem;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 8px 40px #9c7ce34d;animation:rankEntryIn .3s ease}@keyframes rankEntryIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.rank-entry-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#888;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}.rank-entry-close:hover{color:#fff;background:#ffffff1a}.rank-entry-trophy{font-size:3rem;margin-bottom:.5rem;animation:trophyBounce .6s ease}@keyframes trophyBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.rank-entry-warning-icon{font-size:2.5rem;margin-bottom:.5rem}.rank-entry-title{color:#e0d0ff;font-size:1.25rem;font-weight:700;margin:0 0 .4rem}.rank-entry-sub{color:#a89cc4;font-size:.9rem;margin:0 0 1.5rem}.rank-entry-warn-msg{color:#f4c06a;font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.rank-entry-reason{color:#888;font-size:.8rem;margin:0 0 1.25rem}.rank-entry-reason em{color:#f4c06a}.rank-entry-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.rank-entry-label{color:#c4b5e8;font-size:.85rem;text-align:left}.rank-entry-input{background:#2a2a3e;border:1.5px solid #5a4a8a;border-radius:8px;color:#f0e8ff;font-size:1rem;padding:.65rem .85rem;outline:none;transition:border-color .2s}.rank-entry-input:focus{border-color:#9c7ce3}.rank-entry-input::placeholder{color:#5a5a78}.rank-entry-error{color:#ff6b8a;font-size:.8rem;margin:0;text-align:left}.rank-entry-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.rank-entry-btn{flex:1;padding:.7rem 1rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.rank-entry-btn:active{transform:scale(.97)}.rank-entry-btn:disabled{opacity:.5;cursor:not-allowed}.rank-entry-btn-primary{background:linear-gradient(135deg,#9c7ce3,#7b5cbf);color:#fff}.rank-entry-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ab8ef0,#8c6ed0)}.rank-entry-btn-secondary{background:#2a2a3e;color:#a89cc4;border:1px solid #444466}.rank-entry-btn-secondary:hover:not(:disabled){background:#333348;color:#c4b5e8}.rank-entry-btn-danger{background:linear-gradient(135deg,#e86060,#c04040);color:#fff}.rank-entry-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f07070,#d05050)}.rank-entry-rank-display{font-size:1.3rem;font-weight:700;color:gold;letter-spacing:.03em;margin:0 0 1.5rem}@media (max-width: 480px){.rank-entry-modal{padding:1.5rem 1.25rem}.rank-entry-actions{flex-direction:column}}.rank-entry-estimated{display:flex;flex-direction:column;align-items:center;gap:2px;margin:12px 0 16px;padding:16px 24px;background:#9d7bff1a;border:1px solid rgba(157,123,255,.25);border-radius:16px}.rank-entry-est-label{font-size:11px;color:#a89cc4;text-transform:uppercase;letter-spacing:.6px}.rank-entry-est-number{font-size:58px;font-weight:900;color:#c4a8ff;line-height:1;margin:4px 0 2px;text-shadow:0 2px 16px rgba(157,123,255,.5)}.rank-entry-est-sub{font-size:12px;color:#7b6da0}.rank-entry-login-section{margin:4px 0 8px;width:100%}.rank-entry-later{display:block;margin:10px auto 0;background:none;border:none;color:#5a5a78;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.rank-entry-later:hover{color:#a89cc4}.rank-entry-existing{background:#ffd70014;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:.82rem;color:#c9a900;text-align:center;line-height:1.5}.rank-entry-existing small{color:#ffd70099;font-size:.75rem}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1800;padding:1rem}.lb-modal{background:#1a1a2e;border:1px solid #4a3a7a;border-radius:18px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 50px #643cb459;animation:lbIn .28s ease}@keyframes lbIn{0%{transform:translateY(-16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lb-header{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid #2e2e4a;flex-shrink:0}.lb-header-icon{font-size:1.5rem}.lb-title{flex:1;margin:0;font-size:1.2rem;font-weight:700;color:#e8d8ff}.lb-close{background:none;border:none;color:#666;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}.lb-close:hover{color:#fff;background:#ffffff14}.lb-policy-hint{margin:0 1.5rem 4px;padding:8px 12px;border-radius:10px;background:#9d7bff1a;border:1px solid rgba(157,123,255,.2);color:var(--text-secondary, rgba(255,255,255,.6));font-size:12px;font-weight:500;line-height:1.5;text-align:center}.lb-type-tabs{display:flex;gap:0;padding:.75rem 1.5rem 0;flex-shrink:0}.lb-type-tab{flex:1;padding:.45rem .75rem;background:transparent;border:1px solid #3a3a5a;color:#9a8ab8;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.lb-type-tab:first-child{border-radius:8px 0 0 8px}.lb-type-tab:last-child{border-radius:0 8px 8px 0;border-left:none}.lb-type-tab.active{background:#5a3a9a;border-color:#7a5ab8;color:#fff;font-weight:600}.lb-board-tabs{display:flex;gap:.4rem;padding:.75rem 1.5rem 0;flex-shrink:0}.lb-board-tab{flex:1;padding:.5rem;background:#252538;border:1.5px solid transparent;border-radius:8px;color:#8880aa;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.lb-board-tab:hover{background:#2e2e45;color:#c0b0e0}.lb-board-tab.active{background:#3a2a60;border-color:#9c7ce3;color:#e0cfff}.lb-board-max-players{display:block;font-size:.65rem;color:#8a7aaa;font-weight:400;margin-top:2px}.lb-board-tab.active .lb-board-max-players{color:#b89ee8}.lb-td-players{text-align:center;color:#9a8ab8;font-size:.82rem}.lb-period-tabs{display:flex;gap:.35rem;padding:.6rem 1.5rem;flex-shrink:0;overflow-x:auto}.lb-period-tabs::-webkit-scrollbar{display:none}.lb-period-tab{white-space:nowrap;padding:.35rem .85rem;background:none;border:1.5px solid #2e2e4a;border-radius:20px;color:#7070a0;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.lb-period-tab:hover{border-color:#5a4a8a;color:#b0a0d0}.lb-period-tab.active{background:#9c7ce32e;border-color:#9c7ce3;color:#d0c0f0}.lb-reset-info{display:flex;align-items:center;gap:.5rem;padding:.3rem 1.5rem .6rem;flex-wrap:wrap}.lb-reset-countdown{font-size:.78rem;font-weight:700;color:#9c7ce3}.lb-reset-at{font-size:.73rem;color:#6060a0}.lb-table-wrap{flex:1;overflow-y:auto;padding:0 .5rem 1rem}.lb-table-wrap::-webkit-scrollbar{width:4px}.lb-table-wrap::-webkit-scrollbar-thumb{background:#3a3a58;border-radius:4px}.lb-status{text-align:center;color:#6060a0;padding:2.5rem 1rem;font-size:.9rem}.lb-error{color:#f4a0a0}.lb-table{width:100%;border-collapse:collapse;font-size:.9rem}.lb-th{color:#6060a0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;border-bottom:1px solid #2a2a42;text-align:left}.lb-th-rank{width:60px;text-align:center}.lb-th-score{text-align:right}.lb-row{transition:background .15s}.lb-row:hover{background:#ffffff08}.lb-row-gold{background:#ffd7000f}.lb-row-silver{background:#c0c0c00d}.lb-row-bronze{background:#cd7f320d}.lb-td{padding:.65rem .75rem;border-bottom:1px solid #22223a;color:#c8c0e0;vertical-align:middle}.lb-td-rank{text-align:center}.lb-td-score{text-align:right;font-weight:700;color:#e8d0ff}.lb-rank-badge{font-size:1.2rem}.lb-rank-num{font-weight:700;color:#6060a0;font-size:.95rem}.lb-nickname{display:inline-flex;align-items:center;gap:.35rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-nick-line{display:inline-flex;align-items:center;gap:.4rem;min-width:0;max-width:100%;vertical-align:middle}.lb-source-badge{flex:0 0 auto;border-radius:999px;padding:2px 6px;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.04em;border:1px solid rgba(255,255,255,.12)}.lb-source-single{color:#ffe6a8;background:#f5c54226;border-color:#f5c54247}.lb-source-multi_individual{color:#bfe9ff;background:#50a0ff24;border-color:#50a0ff4d}.lb-nickname-masked .lb-masked-text{color:#8880aa;font-style:italic}.lb-eye-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:1px 3px;border-radius:4px;opacity:.6;transition:opacity .2s;flex-shrink:0;position:relative}.lb-eye-btn:hover{opacity:1}.lb-mask-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#2e1a4e;border:1px solid #6040a0;border-radius:8px;padding:.5rem .75rem;font-size:.78rem;color:#d0b8ff;white-space:normal;width:220px;z-index:10;pointer-events:none;box-shadow:0 4px 16px #0006;line-height:1.5}.lb-mask-tooltip em{color:#f4c06a;font-style:normal}@media (max-width: 480px){.lb-overlay{padding:.5rem}.lb-modal{max-height:94vh;max-height:94dvh;border-radius:14px}.lb-header{padding:1rem 1.25rem .6rem}.lb-title{font-size:clamp(1rem,4vw,1.2rem)}.lb-type-tabs,.lb-board-tabs,.lb-period-tabs{padding-left:.75rem;padding-right:.75rem}.lb-table-wrap{padding:0 0 .75rem}.lb-table{font-size:clamp(.78rem,3.5vw,.9rem)}.lb-th{padding:.4rem .5rem;font-size:clamp(.65rem,2.5vw,.75rem)}.lb-td{padding:.5rem}.lb-th-rank{width:44px}.lb-nickname{max-width:50vw}}@media (max-width: 360px){.lb-table{font-size:.75rem}.lb-nickname{max-width:40vw}.lb-td{padding:.45rem .4rem}}.lb-row-mine{background:linear-gradient(90deg,#ffd70021,#ffd7000d);outline:1px solid rgba(255,215,0,.32)}.lb-me-badge{display:inline-block;background:#f5c542;color:#1a1a1a;border-radius:4px;font-size:10px;font-weight:700;padding:1px 5px;margin-left:5px;vertical-align:middle;line-height:1.4}.lb-season-info{display:flex;flex-wrap:wrap;gap:6px;padding:8px 18px 4px}.lb-season-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:12px;background:#9d7bff1f;color:var(--primary, #9D7BFF);font-size:11px;font-weight:600;letter-spacing:.02em}.lb-season-chip.lb-season-name{background:var(--primary, #9D7BFF);color:#fff}.lb-my-best-card{display:flex;align-items:center;gap:10px;margin:10px 18px;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,#9d7bff24,#ff69b414);border:1px solid rgba(157,123,255,.3)}.lb-my-best-label{font-size:12px;font-weight:600;color:var(--text-secondary, #555)}.lb-my-best-score{font-size:18px;font-weight:800;color:var(--primary, #9D7BFF);flex-shrink:0}.lb-my-best-rank{margin-left:auto;font-size:13px;font-weight:700;color:var(--text-primary, #1a1a2e);background:#fff;padding:3px 10px;border-radius:14px}@media (max-width: 480px){.lb-season-info{padding:6px 12px 2px}.lb-season-chip{font-size:10px;padding:2px 7px}.lb-my-best-card{margin:8px 12px;padding:8px 12px}.lb-my-best-score{font-size:16px}}.tnm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.tnm-modal{background:#1a1a2e;border:1px solid #4a3a7a;border-radius:18px;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 50px #643cb466;animation:tnmIn .25s ease}@keyframes tnmIn{0%{transform:translateY(-12px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.tnm-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid #2e2e4a;flex-shrink:0}.tnm-title{font-size:1.05rem;font-weight:700;color:#e0d0ff}.tnm-score{font-size:.85rem;color:#9c7ce3}.tnm-slots{overflow-y:auto;flex:1;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.tnm-slot{background:#252538;border:1.5px solid #3a3a5a;border-radius:10px;padding:.65rem .85rem;transition:border-color .15s}.tnm-slot.tnm-slot-mine{border-color:#7a5ab8}.tnm-slot.tnm-slot-confirmed{border-color:#4a8a5a;background:#1e2e28}.tnm-slot-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.tnm-slot-name{font-size:.82rem;color:#c0b0e0;font-weight:600}.tnm-slot-me{font-size:.7rem;background:#5a3a9a;color:#e0cfff;border-radius:4px;padding:1px 5px}.tnm-slot-limit{margin-left:auto;font-size:.72rem;color:#7a6a9a}.tnm-slot-input-row{display:flex;gap:.5rem;align-items:center}.tnm-input{flex:1;background:#1a1a2e;border:1px solid #5a4a8a;border-radius:7px;color:#e0d0ff;font-size:.92rem;padding:.35rem .6rem;outline:none}.tnm-input:focus{border-color:#9c7ce3}.tnm-input:disabled{opacity:.6}.tnm-confirm-btn{padding:.35rem .75rem;border-radius:7px;border:1.5px solid #5a4a8a;background:#2e2e4a;color:#c0b0e0;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:all .15s}.tnm-confirm-btn.confirmed{background:#3a6a4a;border-color:#5aaa6a;color:#b0e8b0}.tnm-slot-other{display:flex;align-items:center;gap:.5rem;min-height:1.8rem}.tnm-slot-text{font-size:.9rem;color:#d0c0f0}.tnm-slot-placeholder{color:#5a5a7a;font-style:italic}.tnm-confirmed-badge{color:#5aaa6a;font-weight:700;font-size:1rem}.tnm-preview{padding:.6rem 1.25rem;background:#1e1e35;border-top:1px solid #2e2e4a;font-size:.88rem;flex-shrink:0}.tnm-preview-label{color:#7a6a9a}.tnm-preview-text{color:#e0d0ff;font-weight:600}.tnm-error{padding:.4rem 1.25rem;color:#ff7a7a;font-size:.82rem;flex-shrink:0}.tnm-notice{margin:.55rem 1.25rem 0;padding:.55rem .7rem;border-radius:8px;background:#f6c90e1f;border:1px solid rgba(246,201,14,.35);color:#f6d66d;font-size:.8rem;line-height:1.35;flex-shrink:0}.tnm-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid #2e2e4a;flex-shrink:0}.tnm-confirm-status{font-size:.82rem;color:#7a6a9a}.tnm-submit-btn{padding:.55rem 1.5rem;background:#5a3a9a;border:1.5px solid #7a5ab8;border-radius:10px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s}.tnm-submit-btn:hover:not(:disabled){background:#7a5ab8}.tnm-submit-btn:disabled{opacity:.4;cursor:not-allowed}.title-unlock-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(157,123,255,.5);border-radius:16px;padding:18px 28px;text-align:center;box-shadow:0 8px 32px #0009,0 0 20px #9d7bff33;animation:tut-appear .4s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden;min-width:240px}@keyframes tut-appear{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tut-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);background-size:200%;animation:tut-shine 1.5s ease-in-out infinite;pointer-events:none}@keyframes tut-shine{0%{background-position:200% center}to{background-position:-200% center}}.tut-content{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.tut-label{font-size:.85rem;font-weight:700;color:#aaa;letter-spacing:.5px}.tut-sparkles{font-size:1.2rem;letter-spacing:4px;animation:sparkle-pulse .8s ease-in-out infinite alternate}@keyframes sparkle-pulse{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.quickmatch-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quickmatch-card{background:#fff;border-radius:20px;padding:40px;text-align:center;min-width:280px;box-shadow:0 8px 32px #0003}.quickmatch-spinner{width:48px;height:48px;border:4px solid rgba(168,85,247,.2);border-top:4px solid #A855F7;border-radius:50%;animation:quickmatch-spin .8s linear infinite;margin:0 auto 20px}@keyframes quickmatch-spin{to{transform:rotate(360deg)}}.quickmatch-title{font-size:18px;font-weight:700;color:#1e1e22;margin-bottom:8px;min-width:180px}.quickmatch-elapsed{font-size:14px;color:#888;margin-bottom:24px}.quickmatch-cancel-btn{padding:10px 32px;font-size:14px;font-weight:600;border:2px solid #ddd;border-radius:10px;background:#fff;color:#666;cursor:pointer;transition:all .2s}.quickmatch-cancel-btn:hover{border-color:#ff6b6b;color:#ff6b6b}[data-theme=dark] .quickmatch-card{background:#1a1035;box-shadow:0 8px 32px #00000080}[data-theme=dark] .quickmatch-title{color:#eae0ff}[data-theme=dark] .quickmatch-elapsed{color:#9d7bff8c}[data-theme=dark] .quickmatch-cancel-btn{background:#9d7bff0f;border-color:#9d7bff40;color:#9d7bff99}[data-theme=dark] .quickmatch-cancel-btn:hover{border-color:#ff6b6b80;color:#ff8a8a;background:#ff6b6b0f}.hero-info-tip-dot{position:absolute;top:8px;right:8px;z-index:5;width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffffe6;color:#6d45c7;font-size:11px;font-weight:900;font-style:italic;font-family:Georgia,serif;line-height:1;cursor:help;border:1.2px solid rgba(124,58,237,.4);box-shadow:0 2px 6px #492d7e33;transition:background .16s ease,transform .16s ease,border-color .16s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.hero-party-card .hero-info-tip-dot{background:#fffffff2;border-color:#ffffffb3;box-shadow:0 2px 8px #0000002e}.hero-info-tip-dot:hover,.hero-info-tip-dot:focus-visible{background:#fff;border-color:#7c3aedbf;transform:scale(1.1);outline:none}.hero-info-tip-dot:active{transform:scale(.92)}.hero-info-tip-bubble{position:fixed;z-index:9999;width:max-content;padding:10px 12px;border-radius:10px;background:#251a3f;color:#f5f0ff;font-size:12.5px;font-weight:600;line-height:1.5;text-align:left;white-space:normal;word-break:keep-all;box-shadow:0 14px 32px #140c2866;animation:hero-info-bubble-in .16s ease}@keyframes hero-info-bubble-in{0%{opacity:0}to{opacity:1}}.hero-info-tip-bubble:after{content:"";position:absolute;right:var(--anchor-right, 12px);border:6px solid transparent;transform:translate(50%)}.hero-info-tip-bubble.place-bottom:after{bottom:100%;border-bottom-color:#251a3f}.hero-info-tip-bubble.place-top:after{top:100%;border-top-color:#251a3f}@media (max-width: 520px){.hero-info-tip-dot{top:6px;right:6px;width:22px;height:22px;font-size:12px;border-width:1.5px}.hero-info-tip-bubble{font-size:12px;padding:9px 11px}}[data-theme=dark] .hero-info-tip-dot{background:#2b1f48eb;color:#ddcffd;border-color:#9d7bff8c}[data-theme=dark] .hero-info-tip-dot:hover{background:#3c2d64f2}.landing-screen{min-height:100vh;background:var(--bg-gradient);color:var(--text-primary);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface-nav);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-nav)}.nav-logo{font-family:Arial Black,Arial,sans-serif;font-size:18px;font-weight:900;color:var(--logo-color);letter-spacing:1px}.nav-controls{display:flex;align-items:center;gap:8px;min-width:0}.landing-auth-overlay{z-index:2500}.landing-auth-modal{width:min(420px,calc(100vw - 32px));padding:28px 24px 22px;border-radius:24px;background:#fffffff5;border:1px solid rgba(157,123,255,.24);box-shadow:0 20px 60px #301c603d;text-align:center}.landing-auth-close{top:14px;right:14px}.landing-auth-kicker{margin-bottom:8px;color:#7c3aed;font-size:11px;font-weight:900;letter-spacing:.8px}.landing-auth-modal h2{margin:0;color:#231b3f;font-size:28px;font-weight:900}.landing-auth-modal p{margin:10px auto 18px;max-width:300px;color:#695f84;font-size:14px;font-weight:700;line-height:1.5}.landing-auth-modal .slb-wrap{margin:0}.landing-auth-guest-btn{width:100%;margin-top:12px;padding:12px 14px;border:1px solid rgba(157,123,255,.24);border-radius:14px;background:#9d7bff14;color:#5f48b7;font-size:14px;font-weight:900;cursor:pointer}.landing-hero{min-height:calc(100vh - 110px);min-height:calc(100dvh - 110px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px 40px;position:relative}.hero-content{display:flex;flex-direction:column;align-items:center;gap:26px;max-width:640px}.hero-logo{width:186px;height:186px;display:flex;align-items:center;justify-content:center}.hero-logo .landing-logo{width:100%;height:100%;transform-origin:center center}.hero-logo .landing-logo .interactive-logo-image{width:100%;height:100%;object-fit:contain}.hero-tagline{font-size:clamp(22px,4.5vw,32px);font-weight:700;line-height:1.45;color:var(--text-primary);margin:0}.hero-cta-group{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.hero-cta{padding:17px 44px;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;white-space:nowrap;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:3px}.hero-cta-sub{font-size:13px;font-weight:500;opacity:.8;letter-spacing:.3px}.hero-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:50px 50px 0 0;pointer-events:none}.hero-cta:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);pointer-events:none;transition:none}.hero-cta:hover:after{animation:glossShimmer 1.5s ease}.hero-cta:active{animation:jellyPress .4s ease}.hero-cta-primary{background:var(--color-primary-gradient);color:var(--text-on-primary);box-shadow:0 4px 20px var(--color-primary-shadow),var(--jelly-btn-depth-primary)}.hero-cta-primary:hover{box-shadow:0 6px 28px var(--color-primary-shadow-hover),var(--jelly-btn-depth-primary);transform:translateY(-3px) scale(1.02)}.hero-cta-secondary{background:var(--color-secondary-gradient);color:var(--text-on-dark-btn);box-shadow:0 4px 20px var(--color-secondary-shadow),var(--jelly-btn-depth)}.hero-cta-secondary:hover{box-shadow:0 6px 28px var(--color-secondary-shadow),var(--jelly-btn-depth);transform:translateY(-3px) scale(1.02)}.hero-quick-start{display:block;margin:10px auto 0;padding:8px 20px;background:none;border:1.5px solid rgba(157,123,255,.4);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.hero-quick-start:hover{color:var(--color-primary, #9D7BFF);border-color:var(--color-primary, #9D7BFF);background:#9d7bff0f}.hero-quick-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:4px}.hero-cta-quick{width:100%;max-width:390px;padding:18px 44px}.hero-quick-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.ctx-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 7px;border-radius:20px;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border-subtle)}.ctx-dot{width:5px;height:5px;border-radius:50%;background:#9d7bff;opacity:.8;flex-shrink:0}.ctx-dot-multi{background:#ff708a}.qbadge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.3px;background:var(--badge-default-bg);color:var(--badge-default-color)}.qbadge.single-tag{background:#4ade8026;color:#22803a}.qbadge.classic{background:#38bdf826;color:#1070a0}.qbadge.random{background:#fb718526;color:#b04060}.qnick{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-primary)}.qnick-avatar{width:16px;height:16px;border-radius:50%;background:var(--color-primary-bg);display:inline-flex;align-items:center;justify-content:center;font-size:9px}.auth-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:8px;font-size:9px;font-weight:700;letter-spacing:.2px}.auth-badge.logged{background:#4ade8026;color:#22803a;border:1px solid rgba(74,222,128,.25)}.auth-badge.logged:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#22803a}.auth-badge.guest{background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-medium)}.nick-edit-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1px solid rgba(157,123,255,.2);background:none;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s,background .15s}.nick-edit-btn:hover{color:#c4aeff;border-color:#9d7bff73;background:#9d7bff14}.or-divider{display:flex;align-items:center;gap:12px;width:100%;max-width:390px;color:var(--text-muted);font-size:13px;letter-spacing:.5px;margin:2px 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.cta-multi-col{display:flex;flex-direction:column;align-items:center;gap:0;flex:1}.cta-multi-col .hero-cta{width:100%;border-radius:50px 50px 16px 16px!important}.code-enter-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:10px 18px;border-radius:0 0 18px 18px;border:1px solid rgba(255,112,138,.25);border-top:none;background:#ff708a0f;color:var(--color-quickjoin);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .15s,background .15s}.code-enter-btn:hover{color:var(--color-secondary);background:#ff708a1f}.code-enter-btn.active{color:var(--color-secondary);background:#ff708a1a;border-radius:0}.hero-cta-ghost{background:#9d7bff1a!important;color:var(--text-accent)!important;border:1px solid var(--border-medium)!important;box-shadow:none!important;font-size:15px;padding:13px 20px}.hero-cta-ghost:hover{background:var(--color-primary-bg-hover)!important;color:var(--color-primary)!important;border-color:var(--border-strong)!important;transform:translateY(-2px) scale(1.01)!important;box-shadow:none!important}.hero-cta-ghost-secondary{background:#ff708a1a!important;color:var(--color-quickjoin)!important;border:1px solid rgba(255,112,138,.3)!important;box-shadow:none!important;font-size:15px;padding:13px 20px}.hero-cta-ghost-secondary:hover{background:#ff708a29!important;color:var(--color-secondary)!important;border-color:#ff708a80!important;transform:translateY(-2px) scale(1.01)!important;box-shadow:none!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.landing-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:900;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-modal-box{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:24px;padding:32px 28px 24px;width:100%;max-width:360px;position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;animation:modalPopIn .22s cubic-bezier(.34,1.56,.64,1)}.landing-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;color:var(--text-tertiary);cursor:pointer;line-height:1;padding:2px 6px;border-radius:8px;transition:color .15s,background .15s;font-family:inherit}.landing-modal-close:hover{color:var(--text-primary);background:var(--surface-subtle)}.landing-modal-title{font-size:20px;font-weight:800;color:var(--text-primary);text-align:center;letter-spacing:-.02em;margin-top:4px}.landing-modal-sub{font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.6;margin-top:-4px}.landing-code-boxes{display:flex;gap:8px;margin:4px 0}.landing-code-box{width:46px;height:54px;border-radius:12px;border:1.5px solid var(--border-medium);background:var(--surface-input);color:var(--text-primary);font-size:20px;font-weight:800;text-align:center;outline:none;text-transform:uppercase;transition:border-color .15s,background .15s;font-family:inherit;caret-color:transparent}.landing-code-box:focus{border-color:var(--color-primary);background:var(--color-primary-bg)}.landing-code-box.filled{border-color:#7b5cbf80}.landing-code-box.masked{-webkit-text-security:disc}.landing-modal-vis-row{display:flex;align-items:center;gap:5px;margin-top:-6px}.landing-modal-vis-label{font-size:11px;color:var(--text-muted)}.landing-modal-vis-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 3px;display:flex;align-items:center;border-radius:4px;transition:color .15s}.landing-modal-vis-btn:hover,.landing-modal-vis-btn.revealed{color:var(--color-primary)}.landing-modal-error{font-size:12px;color:var(--color-error, #e05060);text-align:center;width:100%;margin-top:-6px}.landing-modal-nick-section{width:100%;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border-subtle);padding-top:12px;margin-top:-2px}.landing-modal-nick-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.landing-modal-nick-input{width:100%;padding:10px 14px;border-radius:12px;border:1.5px solid var(--border-medium);background:var(--surface-input);color:var(--text-primary);font-size:16px;font-weight:600;outline:none;font-family:inherit;transition:border-color .15s}.landing-modal-nick-input:focus{border-color:var(--color-primary)}.landing-modal-enter-btn{width:100%;padding:14px;border-radius:14px;border:none;background:var(--color-secondary-gradient);color:#fff;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;letter-spacing:-.01em;transition:opacity .15s,transform .15s;box-shadow:0 4px 16px var(--color-secondary-shadow)}.landing-modal-enter-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.landing-modal-enter-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.landing-modal-cancel-btn{background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:-6px;padding:4px 8px;transition:color .15s}.landing-modal-cancel-btn:hover{color:var(--text-secondary)}.hero-subtext{font-size:15px;color:var(--text-tertiary);margin:0}.hero-scroll-hint{position:static;margin-top:clamp(18px,4vh,34px);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:color .3s ease,transform .3s ease}.hero-scroll-hint:hover{color:var(--text-primary);transform:translateY(2px)}.hero-scroll-hint-text{font-size:11px;letter-spacing:.5px;opacity:.65}.landing-section-title{font-size:clamp(20px,4vw,28px);font-weight:800;text-align:center;margin-bottom:32px;color:var(--text-primary);cursor:pointer;transition:opacity .3s ease;-webkit-user-select:none;user-select:none}.landing-section-title:hover{opacity:.8}.landing-demo{padding:60px 20px 80px;max-width:900px;margin:0 auto}.demo-layout{display:flex;align-items:center;gap:40px}.demo-animation{flex:0 0 auto;transform:scale(1.2);transform-origin:center}.demo-text{flex:1}.demo-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.demo-steps{display:flex;flex-direction:column;gap:12px}.demo-step{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:var(--surface-subtle);color:var(--text-tertiary);font-size:14px;transition:all .3s}.demo-step.active{background:var(--color-primary-bg);color:var(--text-accent)}.demo-step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--surface-subtle);flex-shrink:0}.demo-step.active .demo-step-num{background:var(--color-primary-bg-hover)}.landing-modes{padding:60px 20px 80px;max-width:900px;margin:0 auto}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mode-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-bottom:2px solid var(--border-medium);border-radius:20px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:20px 20px 0 0;pointer-events:none}.mode-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--border-strong);box-shadow:var(--shadow-card),0 8px 24px #0000000f}.mode-icon{width:56px;height:56px;border-radius:var(--jelly-radius);display:flex;align-items:center;justify-content:center;background:var(--surface-subtle);animation:jellyFloat 4s ease-in-out infinite}.mode-card:nth-child(2) .mode-icon{animation-delay:-1.3s}.mode-card:nth-child(3) .mode-icon{animation-delay:-2.6s}.mode-title{font-size:17px;font-weight:700;margin:0;color:var(--text-primary)}.mode-desc{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.5}.mode-cta{margin-top:auto;padding:10px 24px;border:none;border-radius:25px;font-size:14px;font-weight:700;color:var(--text-on-primary);cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:relative;overflow:hidden;box-shadow:var(--jelly-btn-depth)}.mode-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:25px 25px 0 0;pointer-events:none}.mode-cta:hover{opacity:.95;transform:scale(1.04)}.mode-cta:active{animation:jellyPress .4s ease}.landing-leaderboard{padding:60px 20px 80px;max-width:600px;margin:0 auto}.leaderboard-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.leaderboard-entry{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:14px;background:var(--surface-card);border:1px solid var(--border-subtle)}.leaderboard-rank{font-size:22px;font-weight:900;width:32px;text-align:center;flex-shrink:0}.leaderboard-name{flex:1;font-size:15px;color:var(--text-secondary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-size:16px;font-weight:700;color:var(--text-accent);flex-shrink:0}.leaderboard-view-all{display:block;margin:0 auto;padding:10px 28px;background:var(--color-primary-bg);border:1px solid var(--border-strong);border-radius:25px;color:var(--text-accent);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.leaderboard-view-all:hover{background:var(--color-primary-bg-hover)}.landing-footer{padding:40px 20px;text-align:center;border-top:1px solid var(--border-subtle)}.footer-info{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:12px}@media (max-width: 480px){.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;max-width:320px;margin-left:auto;margin-right:auto}.footer-link{text-align:center;white-space:nowrap;font-size:13px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}}.footer-link{font-size:12px;color:var(--text-muted);text-decoration:none}.footer-link:hover{color:var(--text-secondary)}.footer-copy{font-size:11px;color:var(--text-muted)}@media (max-width: 768px){.hero-logo{width:140px;height:140px}.hero-cta{padding:15px 32px;font-size:17px}.hero-cta-quick,.or-divider{max-width:360px}.demo-layout{flex-direction:column;gap:24px}.demo-animation{transform:scale(1)}.modes-grid{grid-template-columns:1fr;gap:14px}.mode-card{flex-direction:row;text-align:left;padding:20px;gap:16px}.mode-card .mode-icon{width:48px;height:48px;border-radius:14px;flex-shrink:0}.mode-card .mode-cta{margin-top:0;margin-left:auto;white-space:nowrap;flex-shrink:0}}@media (max-width: 480px){.hero-logo{width:116px;height:116px}.hero-tagline{font-size:clamp(20px,5.5vw,26px)}.hero-cta-group{flex-direction:column;align-items:center;width:100%;max-width:340px}.hero-cta{width:100%;font-size:17px}.cta-multi-col{width:100%}.or-divider,.hero-cta-quick{max-width:340px}.hero-scroll-hint{margin-top:18px}.landing-section-title{font-size:20px}.mode-card{flex-direction:column;text-align:center}.mode-card .mode-cta{margin-left:0;margin-top:8px}}button.footer-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:12px;color:var(--text-muted);transition:color .2s}button.footer-link:hover{color:var(--text-secondary)}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary, #1a1a2e);border-top:1px solid var(--border-subtle, rgba(255,255,255,.1));padding:12px 24px;display:flex;align-items:center;gap:12px;z-index:1002;flex-wrap:wrap;justify-content:center}.cookie-text{font-size:13px;color:var(--text-secondary);margin:0;flex:1;min-width:200px;text-align:left}.cookie-btn-learn{background:none;border:1px solid var(--border-subtle, rgba(255,255,255,.2));color:var(--text-muted);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;transition:border-color .2s;white-space:nowrap}.cookie-btn-learn:hover{border-color:var(--text-muted)}.cookie-btn-accept{background:var(--accent, #9d7bff);border:none;color:#fff;padding:6px 18px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:opacity .2s;white-space:nowrap}.cookie-btn-accept:hover{opacity:.85}@media (max-width: 480px){.cookie-consent{padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px;flex-wrap:nowrap;justify-content:flex-start}.cookie-text{min-width:0;font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cookie-btn-learn,.cookie-btn-accept{min-width:0;min-height:34px;height:34px;padding:0 10px;border-radius:10px;font-size:11px;flex:0 0 auto}}@media (max-width: 360px){.landing-nav{padding:10px 12px}.nav-logo{font-size:16px;letter-spacing:.3px}.nav-controls{gap:6px}.landing-nav .volume-expand-btn{display:none}.landing-nav .accessibility-toggle,.landing-nav .volume-icon-btn,.landing-nav .lang-switch-button{width:40px;height:40px;min-width:40px;min-height:40px}}[data-theme=dark] .ctx-chip{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .qbadge{background:#ffffff2e;color:#ffffffe6}[data-theme=dark] .qbadge.single-tag{background:#4ade8040;color:#86efac}[data-theme=dark] .qbadge.classic{background:#38bdf847;color:#bae6fd}[data-theme=dark] .qbadge.random{background:#fb718547;color:#fecdd3}[data-theme=dark] .qnick{color:#ffffffe0}[data-theme=dark] .qnick-avatar{background:#ffffff40}[data-theme=dark] .auth-badge.logged{background:#4ade8033;color:#86efac;border-color:#4ade8033}[data-theme=dark] .auth-badge.logged:before{background:#4ade80}[data-theme=dark] .auth-badge.guest{background:#ffffff14;color:#ffffffa6;border-color:#ffffff24}[data-theme=dark] .or-divider:before,[data-theme=dark] .or-divider:after{background:#ffffff14}[data-theme=dark] .code-enter-btn{color:#ffa0afd9;border-color:#ff708a38;background:#ff708a17}[data-theme=dark] .code-enter-btn:hover{color:#ffb3c0;background:#ff708a29}[data-theme=dark] .code-enter-btn.active{color:#ffb3c0;background:#ff708a24}[data-theme=dark] .landing-modal-box{background:#1e1832fa;border-color:#ffffff1a}[data-theme=dark] .landing-code-box{background:#ffffff0d;border-color:#ffffff26;color:#f0ecff}[data-theme=dark] .landing-code-box:focus{border-color:#9d7bff;background:#9d7bff1f}[data-theme=dark] .landing-modal-nick-input{background:#ffffff0d;border-color:#ffffff26;color:#f0ecff}[data-theme=dark] .hero-cta-ghost{background:#9d7bff24!important;color:#c4aeff!important;border-color:#9d7bff47!important}[data-theme=dark] .hero-cta-ghost:hover{background:#9d7bff38!important;border-color:#9d7bff80!important}[data-theme=dark] .hero-cta-ghost-secondary{background:#ff708a24!important;color:#ffb3c0!important;border-color:#ff708a4d!important}[data-theme=dark] .hero-cta-ghost-secondary:hover{background:#ff708a38!important;border-color:#ff708a80!important}.hero-main-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px}.hero-main-cta-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px;min-height:96px;border-radius:16px;border:1.5px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;font-family:inherit;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s}.hero-main-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none}.hero-main-cta-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card),0 8px 24px #00000014;border-color:var(--border-medium)}.hero-main-cta-card:active{transform:translateY(0) scale(.98)}.hero-main-cta-icon{font-size:28px;line-height:1;margin-bottom:2px}.hero-main-cta-title{font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.25}.hero-main-cta-desc{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:1.4}.hero-main-cta-card.ranked{background:linear-gradient(135deg,#9d7bff,#7b5ce5);border-color:#9d7bff99;box-shadow:0 4px 20px #9d7bff4d,var(--shadow-card)}.hero-main-cta-card.ranked:before{background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,transparent 100%)}.hero-main-cta-card.ranked:hover{box-shadow:0 8px 28px #9d7bff66,var(--shadow-card);border-color:#9d7bffcc}.hero-main-cta-card.ranked .hero-main-cta-title,.hero-main-cta-card.ranked .hero-main-cta-desc{color:#fff}.hero-main-cta-card.ranked .hero-main-cta-desc{opacity:.85}.hero-main-cta-card.practice{border-color:#4ade804d}.hero-main-cta-card.practice:hover{border-color:#4ade808c;box-shadow:var(--shadow-card),0 6px 20px #4ade801f}.hero-main-cta-card.create-room{border-color:#ff708a4d}.hero-main-cta-card.create-room:hover{border-color:#ff708a8c;box-shadow:var(--shadow-card),0 6px 20px #ff708a1f}.hero-main-cta-card.code-join{border-color:#fbbf244d}.hero-main-cta-card.code-join:hover{border-color:#fbbf248c;box-shadow:var(--shadow-card),0 6px 20px #fbbf241f}.hero-secondary-cta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin-top:-4px}.hero-secondary-cta-btn{background:none;border:none;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:4px 6px;border-radius:8px;transition:color .15s,background .15s}.hero-secondary-cta-btn:hover{color:var(--color-primary, #9D7BFF);background:var(--color-primary-bg, rgba(157,123,255,.08))}.hero-secondary-cta-sep{color:var(--text-muted);font-size:14px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.hero-main-cta-grid{max-width:420px;gap:10px}.hero-main-cta-card{min-height:88px;padding:14px 16px}.hero-main-cta-icon{font-size:24px}.hero-main-cta-title{font-size:16px}.hero-main-cta-desc{font-size:12px}}@media (max-width: 500px){.hero-main-cta-grid{max-width:100%;gap:8px}.hero-main-cta-card{min-height:80px;padding:12px 14px}.hero-main-cta-icon{font-size:22px}.hero-main-cta-title{font-size:15px}.hero-secondary-cta-btn{font-size:13px}}@media (max-width: 340px){.hero-main-cta-grid{grid-template-columns:1fr}.hero-main-cta-card{min-height:68px;flex-direction:row;align-items:center;gap:12px}.hero-main-cta-icon{font-size:26px;flex-shrink:0;margin-bottom:0}}[data-theme=dark] .hero-main-cta-card{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme=dark] .hero-main-cta-card.ranked{background:linear-gradient(135deg,#7b5ce5,#5b3ec5);border-color:#7b5ce5b3}[data-theme=dark] .hero-main-cta-card:hover{border-color:var(--border-medium)}.ri-screen{min-height:100dvh;background:linear-gradient(160deg,#0d0b1a,#1a1230,#0d0b1a);display:flex;flex-direction:column;color:#e8d8ff;overflow-y:auto}.ri-nav{padding:1rem 1.25rem;flex-shrink:0}.ri-back-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:#9a8ac8;font-size:.95rem;cursor:pointer;padding:6px 10px;border-radius:8px;transition:color .2s,background .2s}.ri-back-btn:hover{color:#e8d8ff;background:#ffffff0f}.ri-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem 1.25rem 2.5rem;max-width:540px;width:100%;margin:0 auto}.ri-loading,.ri-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#7060a0;font-size:.95rem}.ri-spinner{width:36px;height:36px;border:3px solid rgba(157,123,255,.2);border-top-color:#9d7bff;border-radius:50%;animation:ri-spin .8s linear infinite}@keyframes ri-spin{to{transform:rotate(360deg)}}.ri-retry-btn{padding:8px 20px;background:#9d7bff26;border:1px solid rgba(157,123,255,.4);border-radius:8px;color:#c0a8ff;cursor:pointer;font-size:.9rem;transition:background .2s}.ri-retry-btn:hover{background:#9d7bff40}.ri-no-season{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:2rem 0}.ri-icon{font-size:4rem;margin-bottom:.5rem}.ri-no-season-title{font-size:1.4rem;font-weight:700;color:#e8d8ff;margin:0}.ri-no-season-desc{font-size:.95rem;color:#7868a8;margin:0;line-height:1.6}.ri-home-btn{margin-top:1rem;padding:14px 32px;background:linear-gradient(135deg,#9d7bff,#7b5ce5);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.ri-home-btn:hover{opacity:.92;transform:translateY(-1px)}.ri-content{width:100%;display:flex;flex-direction:column;gap:1.25rem}.ri-season-header{text-align:center;padding:1.5rem 1rem 1rem}.ri-season-badge{display:inline-block;background:linear-gradient(135deg,#9d7bff40,#7b5ce540);border:1px solid rgba(157,123,255,.4);border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:700;color:#c0a8ff;margin-bottom:.75rem;letter-spacing:.03em}.ri-season-name{font-size:1.5rem;font-weight:800;color:#e8d8ff;margin:0 0 .4rem}.ri-season-period{font-size:.88rem;color:#7060a0;margin:0}.ri-days-left{font-weight:700;color:#a090c8}.ri-days-left.warning{color:#f4b860}.ri-days-left.urgent{color:#f46060}.ri-conditions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ri-condition-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.ri-condition-label{font-size:.72rem;font-weight:600;color:#5050a0;text-transform:uppercase;letter-spacing:.05em}.ri-condition-value{font-size:.95rem;font-weight:700;color:#c8b8f0}.ri-my-best{background:#9d7bff14;border:1px solid rgba(157,123,255,.2);border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.ri-my-best-label{font-size:.85rem;font-weight:600;color:#8878b8}.ri-my-best-score{font-size:1.3rem;font-weight:800;color:#e0cfff}.ri-my-best-none{font-size:.9rem;color:#4a4070;font-style:italic}.ri-start-btn{width:100%;padding:18px;background:linear-gradient(135deg,#9d7bff,#7b5ce5);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 20px #7b5ce566;transition:opacity .2s,transform .15s,box-shadow .2s}.ri-start-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 28px #7b5ce58c}.ri-start-btn:active{transform:translateY(0)}.ri-ranking{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1rem}.ri-ranking-title{font-size:.9rem;font-weight:700;color:#8878b8;margin:0 0 .75rem}.ri-ranking-list{display:flex;flex-direction:column;gap:0}.ri-ranking-row{display:flex;align-items:center;gap:.75rem;padding:8px 6px;border-radius:8px;transition:background .15s}.ri-ranking-row:hover{background:#ffffff0a}.ri-top1{background:#ffd7000f}.ri-top2{background:#c0c0c00a}.ri-top3{background:#cd7f320a}.ri-rank-medal{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.ri-rank-num{width:24px;text-align:center;font-size:.85rem;font-weight:700;color:#5050a0;flex-shrink:0}.ri-ranking-name{flex:1;font-size:.9rem;color:#c0b0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ri-ranking-score{font-size:.95rem;font-weight:700;color:#e0d0ff;flex-shrink:0}.ri-policy-note{text-align:center;font-size:.8rem;color:#4a4070;margin:0;line-height:1.5}@media (max-width: 480px){.ri-body{padding:.25rem 1rem 2rem}.ri-season-name{font-size:1.25rem}.ri-conditions{grid-template-columns:1fr 1fr;gap:.5rem}.ri-start-btn{padding:16px;font-size:1rem}.ri-ranking-row:nth-child(n+6){display:none}}.rr-screen{min-height:100dvh;background:linear-gradient(160deg,#0d0b1a,#1a1230,#0d0b1a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.25rem;color:#e8d8ff;position:relative;overflow:hidden}.rr-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.rr-confetti-piece{position:absolute;top:-16px;width:10px;height:10px;border-radius:2px;animation:rr-confetti-fall 2.5s ease-in forwards;opacity:.85}@keyframes rr-confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:.9}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.rr-content{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;position:relative;z-index:1}.rr-official-badge{display:inline-block;background:linear-gradient(135deg,#9d7bff40,#7b5ce540);border:1px solid rgba(157,123,255,.45);border-radius:999px;padding:5px 16px;font-size:.85rem;font-weight:700;color:#c0a8ff;letter-spacing:.04em}.rr-icon{font-size:3.5rem;margin-bottom:.25rem}.rr-icon-fail{opacity:.7}.rr-new-best-banner{background:linear-gradient(135deg,#ffb80040,#ff8c0033);border:1px solid rgba(255,184,0,.4);border-radius:10px;padding:8px 18px;font-size:.95rem;font-weight:700;color:#ffd060}.rr-score-display{font-size:clamp(3rem,12vw,5rem);font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em;text-shadow:0 0 40px rgba(157,123,255,.4)}.rr-score-unit{font-size:1rem;font-weight:600;color:#8878b8;margin-top:-.5rem}.rr-rank-row{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.rr-rank-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.rr-rank-label{font-size:.75rem;font-weight:600;color:#5050a0;text-transform:uppercase;letter-spacing:.06em}.rr-rank-value{font-size:1.35rem;font-weight:800;color:#e0cfff}.rr-rank-total{font-size:.9rem;font-weight:500;color:#7060a0}.rr-percentile-chip{background:#9d7bff26;border:1px solid rgba(157,123,255,.3);border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:700;color:#c0a8ff}.rr-rejected-title{font-size:1.4rem;font-weight:800;color:#e0c0ff;margin:0}.rr-rejected-desc,.rr-verifying-desc{font-size:.95rem;color:#7868a8;line-height:1.6;margin:0}.rr-actions{display:flex;flex-direction:column;gap:.6rem;width:100%}.rr-btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#9d7bff,#7b5ce5);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 18px #7b5ce566;transition:opacity .2s,transform .15s}.rr-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.rr-btn-secondary{width:100%;padding:14px;background:#9d7bff1f;border:1px solid rgba(157,123,255,.3);border-radius:14px;color:#c0a8ff;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s}.rr-btn-secondary:hover{background:#9d7bff33}.rr-btn-ghost{width:100%;padding:12px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#6060a0;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.rr-btn-ghost:hover{border-color:#fff3;color:#9888c8}.rr-guest-hint{font-size:.82rem;color:#a89cda;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.55rem .9rem;margin:.5rem 0;text-align:center}.rr-policy-note{font-size:.78rem;color:#3a3060;margin:.25rem 0 0;line-height:1.5}@media (max-width: 480px){.rr-screen{padding:1.25rem 1rem}}.cp-screen{min-height:100dvh;color:#24134d;background:radial-gradient(circle at 18% 12%,rgba(255,184,221,.32),transparent 28%),radial-gradient(circle at 84% 20%,rgba(110,231,183,.22),transparent 26%),linear-gradient(145deg,#2a0f64,#120727 58%,#32113f);display:flex;flex-direction:column;overflow-x:hidden}.cp-nav{width:min(720px,calc(100% - 28px));margin:18px auto 0;min-height:56px;padding:10px 14px;border:1px solid rgba(255,255,255,.5);border-radius:22px;background:#ffffffe0;box-shadow:0 16px 42px #220a4a47;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-brand{display:inline-flex;align-items:center;gap:9px;color:#2b165c;font-family:var(--tj-result-body-font, Nunito, system-ui, sans-serif);font-size:14px;font-weight:900;text-decoration:none}.cp-brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 0 0 5px #7c3aed1f}.cp-back-btn,.cp-secondary-btn,.cp-primary-btn{border:0;cursor:pointer;font-family:var(--tj-result-body-font, Nunito, system-ui, sans-serif)}.cp-back-btn{min-height:36px;padding:8px 13px;border-radius:999px;background:#f3ecff;color:#4c258f;font-size:13px;font-weight:900}.cp-body{flex:1;width:min(560px,calc(100% - 28px));margin:0 auto;padding:28px 0 34px;display:grid;align-items:center}.cp-invite-panel,.cp-state-box{width:100%;border-radius:28px;background:#fff;box-shadow:0 26px 60px #0f062c52,inset 0 0 0 1px #7c3aed24}.cp-invite-panel{overflow:hidden}.cp-hero{padding:34px 28px 28px;text-align:center;color:#f7f1ff;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(155deg,#4320a0,#26106b 58%,#35104f);background-size:22px 22px,22px 22px,auto}.cp-kicker,.cp-state-kicker{display:inline-block;font-family:var(--tj-result-body-font, Nunito, system-ui, sans-serif);font-size:10px;font-weight:900;letter-spacing:.7px;color:#ffffffc7}.cp-hero h1,.cp-state-box h1{margin:8px 0 0;font-family:var(--tj-result-display-font, "Fredoka One", system-ui, sans-serif);font-weight:400;letter-spacing:0}.cp-hero h1{font-size:clamp(32px,9vw,54px);line-height:1;text-shadow:0 4px 0 rgba(36,16,89,.32)}.cp-hero p{margin:12px auto 0;max-width:360px;font-size:15px;line-height:1.45;font-weight:800;color:#f7f1ffdb}.cp-freshness{display:inline-flex;margin-top:16px;padding:6px 13px;border-radius:999px;background:#ffffff24;box-shadow:inset 0 0 0 1px #fff3;font-size:12px;font-weight:900}.cp-freshness.is-stale{background:#ffe2782e;color:#ffe8a8}.cp-score-card{margin:24px 24px 0;padding:22px 18px;border-radius:20px;text-align:center;background:linear-gradient(135deg,#f8f4ff,#fff6fb);box-shadow:inset 0 0 0 1px #eadcff}.cp-score-owner{font-size:14px;font-weight:900;color:#6d5a94}.cp-score-value{margin-top:4px;font-family:var(--tj-result-display-font, "Fredoka One", system-ui, sans-serif);font-size:clamp(52px,16vw,78px);line-height:1;color:#7c3aed;text-shadow:0 3px 0 rgba(72,28,142,.14);font-variant-numeric:tabular-nums}.cp-score-label{margin-top:2px;font-size:12px;font-weight:900;color:#8a78ad}.cp-rule-grid{margin:14px 24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cp-rule-grid>div{min-width:0;padding:12px 8px;border-radius:14px;background:#fbf9ff;box-shadow:inset 0 0 0 1px #eadcff;text-align:center}.cp-rule-grid span{display:block;font-size:10px;font-weight:900;color:#8374a3}.cp-rule-grid strong{display:block;margin-top:3px;font-size:15px;font-weight:900;color:#2d165d}.cp-note{margin:16px 28px 0;padding:12px 14px;border-radius:14px;background:#fff7df;color:#725b20;font-size:13px;font-weight:800;line-height:1.45;text-align:center}.cp-actions{padding:18px 24px 24px;display:grid;gap:10px}.cp-primary-btn{width:100%;min-height:58px;border-radius:16px;background:linear-gradient(135deg,#29c78f,#22b4d9);box-shadow:0 6px #138b75,0 18px 32px #1bb39f40;color:#fff;font-size:20px;font-weight:900}.cp-secondary-btn{width:100%;min-height:46px;border-radius:14px;background:#f3edff;color:#4c258f;box-shadow:inset 0 0 0 1px #decfff;font-size:14px;font-weight:900}.cp-state-box{min-height:360px;padding:34px 26px;display:grid;justify-items:center;align-content:center;gap:12px;text-align:center}.cp-state-kicker{color:#7c6a9d}.cp-state-box h1{font-size:34px;color:#2d165d}.cp-state-box p{margin:0 0 10px;color:#6d5a94;font-size:14px;font-weight:800;line-height:1.5}.cp-spinner{width:38px;height:38px;border:4px solid #eadcff;border-top-color:#7c3aed;border-radius:50%;animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.cp-nav{margin-top:12px;border-radius:18px}.cp-body{width:min(100% - 20px,560px);padding-top:18px}.cp-hero{padding:28px 20px 24px}.cp-score-card,.cp-rule-grid,.cp-note{margin-left:16px;margin-right:16px}.cp-actions{padding-left:16px;padding-right:16px}}.tjrs-overlay{--rs-primary: #7C3AED;--rs-violet: #6D28D9;--rs-pink: #EC4899;--rs-gold: #F59E0B;--rs-green: #10B981;--rs-ink: #1A0A3E;--rs-ink2: #2D1060;--rs-surface: #FFFFFF;--rs-sheet: #F8F5FF;--rs-border: #E9E3FF;--rs-muted: #6B5A95;--rs-light: #C4B5FD;--rs-btn-grad: linear-gradient(135deg, #EC4899, #7C3AED);--rs-btn-shadow: 0 6px 0 #4C1D95, 0 10px 24px rgba(124,58,237,.35)}[data-theme=dark] .tjrs-overlay{--rs-surface: #170D38;--rs-sheet: #221249;--rs-border: #362070;--rs-muted: #8B76BE;--rs-light: #6D4FC0;--rs-ink: #F0ECFF;--rs-ink2: #D0C4F8;--rs-btn-shadow: 0 6px 0 #2E0D7A, 0 10px 24px rgba(0,0,0,.5)}.tjrs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f0628;display:flex;flex-direction:column;overflow:hidden;font-family:var(--tj-result-body-font, "Nunito", "Apple SD Gothic Neo", sans-serif)}.tjrs-overlay:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 600px 400px at 20% 10%,rgba(124,58,237,.25) 0%,transparent 70%),radial-gradient(ellipse 500px 400px at 85% 80%,rgba(16,185,129,.15) 0%,transparent 70%)}.tjrs-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px;position:relative;z-index:1}.tjrs-bg-shape{position:fixed;font-size:20px;pointer-events:none;opacity:0;animation:tjrsFloatUp linear infinite;z-index:0}@keyframes tjrsFloatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}8%{opacity:.22}92%{opacity:.22}to{transform:translateY(-120px) rotate(360deg);opacity:0}}.tjrs-panel{width:100%;max-width:460px;background:var(--rs-surface);border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #7c3aed26,0 24px 60px #00000080,0 8px 20px #7c3aed33;animation:tjrsJellyBounce .8s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:10;flex-shrink:0}@keyframes tjrsJellyBounce{0%{transform:scale(.6) translateY(80px);opacity:0}50%{transform:scale(1.05) translateY(-10px);opacity:1}70%{transform:scale(.98) translateY(5px)}to{transform:scale(1) translateY(0)}}.tjrs-hero{background:linear-gradient(160deg,#1a0a3e,#2d1060 60%,#3b1280);padding:46px 24px 44px;text-align:center;position:relative;overflow:hidden}.tjrs-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(124,58,237,.35),transparent)}.tjrs-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:18px 18px}.tjrs-hero.is-newrecord{background:linear-gradient(160deg,#0a2818,#0f3d22 60%,#155f35)}.tjrs-hero.is-newrecord:before{background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(16,185,129,.4),transparent)}.tjrs-hero-inner{position:relative;z-index:1}.tjrs-top-bar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:13px 18px}.tjrs-brand{display:flex;align-items:center;gap:6px;font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-weight:400;font-size:17px;color:#ffffffe6;text-decoration:none;letter-spacing:.2px}.tjrs-brand-dot{width:7px;height:7px;border-radius:50%;background:#ec4899;box-shadow:0 0 8px #ec4899;animation:tjrsPulse 2s ease-in-out infinite}@keyframes tjrsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.tjrs-solo-badge{display:flex;align-items:center;gap:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;color:#fffc}.tjrs-newrecord-badge{display:none;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:900;box-shadow:0 4px 12px #10b98180;border:1.5px solid rgba(255,255,255,.3);margin-bottom:10px;cursor:pointer;animation:tjrsPopRecord .6s cubic-bezier(.175,.885,.32,1.275) forwards}.tjrs-newrecord-badge.visible{display:inline-flex}@keyframes tjrsPopRecord{0%{transform:scale(0) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes tjrsTrumpetShout{0%{transform:scale(1)}15%{transform:scale(1.4) rotate(4deg)}30%{transform:scale(1.1) rotate(-3deg)}45%{transform:scale(1.5) rotate(5deg)}60%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(1.7) rotate(6deg);filter:brightness(1.3)}to{transform:scale(1) rotate(0);filter:brightness(1)}}.tjrs-newrecord-badge.trumpeting{animation:tjrsTrumpetShout 1.2s ease-in-out forwards!important}.tjrs-rank-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;opacity:0;animation:tjrsFadeUp .4s .3s ease forwards}.tjrs-rank-medal{font-size:26px;line-height:1;color:#c6adff}.tjrs-rank-text{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:22px;font-weight:400;color:#fff;letter-spacing:.3px}.tjrs-hero-nickname{display:inline-flex;align-items:center;gap:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:4px 13px;font-size:13px;font-weight:900;color:#ffffffd9;margin-bottom:10px;line-height:1.15;letter-spacing:.2px;opacity:0;animation:tjrsFadeUp .4s .38s ease forwards}.tjrs-hero-nickname-icon{font-size:12px}.tjrs-score-wrap{margin-bottom:10px;opacity:0;animation:tjrsScoreIn .6s .1s cubic-bezier(.34,1.56,.64,1) forwards}.tjrs-score-num{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:72px;font-weight:400;line-height:1;color:#fff;text-shadow:0 0 60px rgba(167,139,250,.7),0 4px 0 rgba(0,0,0,.25);font-variant-numeric:tabular-nums}.tjrs-score-num.nr{text-shadow:0 0 60px rgba(52,211,153,.7),0 4px 0 rgba(0,0,0,.25)}.tjrs-score-label{font-size:11px;font-weight:700;color:#a78bfaa6;margin-top:4px;letter-spacing:.5px;text-transform:uppercase}.tjrs-ach-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;opacity:0;animation:tjrsFadeUp .4s .55s ease forwards}.tjrs-ach-chip{padding:3px 11px;border-radius:20px;font-size:11px;font-weight:800;line-height:1.15;border:1.5px solid}.tjrs-ach-g{background:#ccfbf126;color:#6ee7b7;border-color:#6ee7b759}.tjrs-ach-v{background:#c4b5fd26;color:#c4b5fd;border-color:#c4b5fd4d}.tjrs-ach-y{background:#fde68a26;color:#fde68a;border-color:#fde68a4d}.tjrs-encourage-line{margin-top:9px;font-size:12px;font-weight:600;font-style:italic;color:#ffffffd9;line-height:1.35;opacity:0;animation:tjrsFadeUp .6s .68s ease forwards}.tjrs-next-goal-line{margin-top:7px;font-size:12px;font-weight:900;color:#ffffffbd}.tjrs-next-goal-chase{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:6px 7px 6px 11px;max-width:min(320px,calc(100vw - 80px));border-radius:16px;border:1px solid rgba(253,230,138,.34);background:linear-gradient(135deg,#fde68a29,#ffffff14),#1152379e;box-shadow:inset 0 1px #ffffff2e,0 12px 28px #00000029;color:#ffffffe6}.tjrs-next-goal-chase .tjrs-goal-target,.tjrs-next-goal-chase em{font-size:11px;font-weight:900;font-style:normal;line-height:1}.tjrs-next-goal-chase .tjrs-goal-target{padding:5px 8px;border-radius:999px;background:#ffffff1f;color:#ffffffe0;white-space:nowrap}.tjrs-next-goal-chase .tjrs-goal-boost{display:inline-flex;align-items:baseline;gap:1px;padding:5px 8px 4px;border-radius:11px;background:linear-gradient(180deg,#fff4b8,#facc15);color:#3a2358;font-size:12px;font-weight:1000;line-height:1;box-shadow:0 4px #84490761,0 8px 18px #facc1538;text-shadow:none}.tjrs-next-goal-chase strong{font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:22px;font-weight:400;line-height:.95;font-variant-numeric:tabular-nums}.tjrs-next-goal-chase em{color:#ffffffb8;white-space:nowrap}.tjrs-goal-meter{display:none}.tjrs-goal-meter i{display:block;width:var(--goal-progress, 82%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#ec4899,#fde68a);box-shadow:0 0 12px #fde68a5c}@keyframes tjrsFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tjrsScoreIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tjrs-body{background:var(--rs-surface);display:flex;flex-direction:column}.tjrs-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 20px 0}.tjrs-insight-card{min-width:0;border:1px solid rgba(157,123,255,.22);border-radius:8px;background:linear-gradient(135deg,#fffffff5,#f8f4ffeb);box-shadow:0 8px 18px #3c236e14;padding:12px}.tjrs-insight-card-goal{border-color:#ec48993d}.tjrs-insight-kicker{font-size:10px;font-weight:900;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px}.tjrs-insight-main{font-size:14px;font-weight:900;color:var(--rs-ink);line-height:1.2}.tjrs-insight-value{margin-top:4px;font-family:var(--tj-result-display-font, "Fredoka One", sans-serif);font-size:22px;color:var(--rs-primary);font-variant-numeric:tabular-nums}.tjrs-insight-desc{margin-top:4px;font-size:12px;font-weight:800;color:var(--rs-muted);line-height:1.35}.tjrs-section{padding:14px 20px;border-bottom:1.5px solid var(--rs-border)}.tjrs-section:last-child{border-bottom:none}.tjrs-sec-title{font-size:10px;font-weight:900;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.tjrs-pct-strip{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrsFadeUp .4s .7s ease forwards}.tjrs-pct-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.tjrs-pct-hero-num{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:26px;font-weight:400;color:var(--rs-primary)}.tjrs-pct-hero-suf{font-size:13px;font-weight:800;color:var(--rs-ink2)}.tjrs-pct-caption{font-size:10px;font-weight:700;color:var(--rs-muted);letter-spacing:.2px}.tjrs-pct-track{height:11px;background:var(--rs-border);border-radius:11px;overflow:visible;position:relative;margin-top:16px}.tjrs-pct-fill{height:100%;border-radius:11px;background:linear-gradient(90deg,var(--rs-primary),var(--rs-pink));transition:width 1.2s cubic-bezier(.34,1.56,.64,1);position:relative}.tjrs-pct-fill.nr{background:linear-gradient(90deg,#10b981,#34d399)}.tjrs-pct-fill:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:21px;height:21px;border-radius:50%;background:var(--rs-surface);border:3px solid var(--rs-pink);box-shadow:0 0 0 3px #ec489933,0 2px 6px #ec489959}.tjrs-pct-fill.nr:after{border-color:#10b981;box-shadow:0 0 0 3px #10b98133,0 2px 6px #10b98159}.tjrs-pct-scale{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;font-weight:800;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.5px}.tjrs-encourage-card{margin:0;padding:16px 20px;border-bottom:1.5px solid var(--rs-border);background:linear-gradient(135deg,#7c3aed14,#ec48990d);color:var(--rs-ink2);font-size:13px;font-weight:800;line-height:1.35;opacity:0;animation:tjrsFadeUp .4s .7s ease forwards}.tjrs-stats-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrsFadeUp .4s .82s ease forwards}.tjrs-stat-cell{padding:12px 8px;text-align:center;border-right:1.5px solid var(--rs-border)}.tjrs-stat-cell:last-child{border-right:none}.tjrs-stat-v{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:20px;font-weight:400;color:var(--rs-primary);line-height:1;font-variant-numeric:tabular-nums}.tjrs-stat-l{font-size:9px;font-weight:800;color:var(--rs-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.tjrs-pb{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrsFadeUp .4s .9s ease forwards}.tjrs-pb-card{background:var(--rs-sheet);border:1.5px solid var(--rs-border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:0}.tjrs-pb-card.improved{border-color:#10b98166;background:linear-gradient(135deg,#10b9810f,#a7f3d00a)}.tjrs-pb-item{flex:1;text-align:center}.tjrs-pb-label{font-size:9px;font-weight:800;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.tjrs-pb-val{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:18px;font-weight:400;color:var(--rs-ink2);line-height:1;font-variant-numeric:tabular-nums}.tjrs-pb-val.prev{color:var(--rs-muted);font-size:15px;text-decoration:line-through}.tjrs-pb-val.curr{color:var(--rs-primary)}.tjrs-pb-val.curr.nr{color:var(--rs-green)}.tjrs-pb-arrow-col{padding:0 8px}.tjrs-pb-arrow-icon{font-size:18px;color:var(--rs-muted)}.tjrs-pb-arrow-icon.improved{color:var(--rs-green)}.tjrs-pb-diff{text-align:center;padding-left:8px}.tjrs-pb-diff-val{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:15px;font-weight:400;color:var(--rs-muted);line-height:1}.tjrs-pb-diff-val.up{color:var(--rs-green)}.tjrs-pb-diff-val.down{color:#ef4444}.tjrs-pb-diff-lbl{font-size:9px;font-weight:700;color:var(--rs-muted);margin-top:2px}.tjrs-pb-newbadge{display:inline-flex;align-items:center;gap:4px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:var(--rs-green);border-radius:8px;padding:2px 7px;font-size:10px;font-weight:900;margin-top:6px}.tjrs-lb-preview{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrsFadeUp .4s 1s ease forwards}.tjrs-lb-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.tjrs-lb-head .tjrs-sec-title{margin-bottom:0}.tjrs-lb-total{min-width:0;color:var(--rs-muted);font-size:10px;font-weight:800;line-height:1.15;text-align:right;white-space:nowrap}.tjrs-lb-state{display:flex;flex-direction:column;gap:8px}.tjrs-lb-state-copy{color:var(--rs-muted);font-size:11px;font-weight:700;text-align:center}.tjrs-lb-skeleton{display:grid;gap:6px}.tjrs-lb-skeleton-row{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:14px;background:var(--rs-sheet);border:1.5px solid var(--rs-border)}.tjrs-lb-skel{display:inline-block;border-radius:999px;background:linear-gradient(90deg,#94a3b829,#94a3b857,#94a3b829);background-size:200% 100%;animation:tjrsPulseShimmer 1.25s ease-in-out infinite}.tjrs-lb-skel.skel-rank{width:16px;height:14px;flex-shrink:0}.tjrs-lb-skel.skel-name{width:52%;height:12px;flex:1}.tjrs-lb-skel.skel-gap{width:58px;height:12px;flex-shrink:0}.tjrs-lb-skel.skel-score{width:46px;height:12px;flex-shrink:0}.tjrs-lb-row{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:14px;background:var(--rs-sheet);border:1.5px solid var(--rs-border);margin-bottom:5px;transition:.12s;position:relative;overflow:hidden}.tjrs-lb-row:last-child{margin-bottom:0}.tjrs-lb-row.first-row{background:linear-gradient(135deg,#f59e0b14,#fde68a0d);border-color:#f59e0b4d}.tjrs-lb-row.me-row{background:linear-gradient(135deg,#7c3aed14,#c4b5fd0d);border-color:#7c3aed59;padding-right:36px}.tjrs-lb-row.me-row:after{content:"나";position:absolute;right:-16px;top:7px;background:var(--rs-primary);color:#fff;font-size:9px;font-weight:900;padding:3px 22px 3px 8px;transform:rotate(35deg)}.tjrs-lb-sep{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--rs-muted);font-size:10px;font-weight:800}.tjrs-lb-sep:before,.tjrs-lb-sep:after{content:"";flex:1;height:1px;background:var(--rs-border)}.tjrs-lb-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;flex-shrink:0}.tjrs-lb-rank{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:13px;font-weight:400;color:var(--rs-muted);min-width:16px;flex-shrink:0}.tjrs-lb-rank.gold{color:var(--rs-gold)}.tjrs-lb-name{flex:1;min-width:0;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--rs-ink2)}.tjrs-lb-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tjrs-lb-source{flex:0 0 auto;border-radius:999px;padding:2px 6px;font-size:8px;line-height:1.2;font-weight:900;letter-spacing:.04em;border:1px solid rgba(148,163,184,.18)}.tjrs-lb-source.solo{color:#b98114;background:#f59e0b1a}.tjrs-lb-source.vs{color:#2563eb;background:#3b82f61a}.tjrs-lb-gap{flex-shrink:0;font-size:10px;font-weight:900;color:var(--rs-muted);background:#94a3b81f;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:2px 7px;white-space:nowrap}.tjrs-lb-row.me-row .tjrs-lb-gap{color:var(--rs-primary);background:#7c3aed1a;border-color:#7c3aed2e}.tjrs-lb-score{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:13px;font-weight:400;color:var(--rs-primary);flex-shrink:0}@keyframes tjrsPulseShimmer{0%,to{background-position:0% 50%;opacity:.55}50%{background-position:100% 50%;opacity:1}}.tjrs-multi-cta{padding:16px 20px;border-bottom:1.5px solid var(--rs-border);opacity:0;animation:tjrsFadeUp .4s 1.1s ease forwards}.tjrs-multi-cta-btn{width:100%;padding:15px 24px 14px;background:linear-gradient(135deg,#ec4899,#7c3aed);color:#fff;border-radius:20px;box-shadow:0 6px #4c1d95,0 10px 24px #7c3aed59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:transform .1s,box-shadow .1s;font-family:Nunito,sans-serif}.tjrs-multi-cta-title{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:900;letter-spacing:.1px;line-height:1.08}.tjrs-multi-cta-sub{font-size:11px;font-weight:800;color:#ffffffd1;line-height:1.2}.tjrs-multi-cta-btn:active{transform:translateY(3px);box-shadow:0 3px #4c1d95,0 6px 12px #7c3aed4d}.tjrs-cta-arrow{font-size:18px}.tjrs-share{padding:14px 20px;border-bottom:1.5px solid var(--rs-border);display:flex;flex-direction:column;gap:10px}.tjrs-share-txt{font-size:10px;font-weight:900;color:var(--rs-muted);text-transform:uppercase;letter-spacing:.8px}.tjrs-share-icons{display:flex;gap:8px}.tjrs-sh-btn{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .1s,opacity .1s}.tjrs-sh-btn:active{transform:scale(.93)}.tjrs-sh-btn svg{width:18px;height:18px}.tjrs-sh-kakao{background:#fee500}.tjrs-sh-kakao svg{fill:#3c1e1e}.tjrs-sh-kakao span{color:#3c1e1e}.tjrs-sh-line{background:#06c755}.tjrs-sh-line svg{fill:#fff}.tjrs-sh-line span{color:#fff}.tjrs-sh-discord{background:#5865f2;color:#fff}.tjrs-sh-instagram{background:linear-gradient(135deg,#f97316,#ec4899 48%,#7c3aed);color:#fff}.tjrs-sh-x{background:#000}.tjrs-sh-x svg{fill:#fff}.tjrs-sh-link{background:linear-gradient(135deg,var(--rs-primary),var(--rs-pink))}.tjrs-actions{padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px}.tjrs-act-btn{width:100%;padding:13px;border-radius:16px;font-size:15px;font-weight:800;letter-spacing:.2px;line-height:1.15;transition:transform .1s,box-shadow .1s;font-family:inherit}.tjrs-act-btn:active{transform:translateY(2px)}.tjrs-act-primary{background:linear-gradient(135deg,#ec4899,#7c3aed);color:#fff;box-shadow:0 5px #4c1d95,0 8px 20px #7c3aed4d}.tjrs-act-secondary{background:var(--rs-sheet);color:var(--rs-ink2);border:1.5px solid var(--rs-border)}.tjrs-act-ghost{background:transparent;color:var(--rs-muted);border:1.5px solid var(--rs-border)}.tjrs-share-main-btn{width:100%;min-height:42px;padding:12px 14px;border-radius:16px;border:2px solid var(--rs-border);background:var(--rs-sheet);color:var(--rs-ink2);box-shadow:0 4px 0 var(--rs-border);display:flex;align-items:center;justify-content:center;gap:8px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;line-height:1.15;transition:transform .1s,background .12s,box-shadow .1s}.tjrs-share-main-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--rs-border)}.tjrs-share-main-btn:hover{background:var(--rs-border)}.tjrs-share-main-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:var(--rs-primary)}.tjrs-share-main-icon svg{width:18px;height:18px}.tjrs-share-main-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tjrs-share-icons{gap:7px}.tjrs-sh-btn{flex:1;min-width:0;height:40px;border-radius:11px;border:2px solid transparent;font-family:Nunito,sans-serif;font-size:11px;font-weight:900;gap:6px}.tjrs-sh-btn .share-brand-icon{width:18px;height:18px;flex:0 0 18px;color:currentColor}.tjrs-sh-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tjrs-sh-kakao{color:#3c1e1e}.tjrs-offline-rank-note{margin:0 20px 14px;padding:12px 14px;border-radius:16px;border:1.5px solid rgba(245,158,11,.28);background:linear-gradient(135deg,#fff7edf0,#f8f4fff5);color:var(--rs-ink2);display:grid;gap:4px}.tjrs-offline-rank-note strong{font-size:13px;font-weight:900;line-height:1.2}.tjrs-offline-rank-note span{font-size:12px;font-weight:800;line-height:1.35;color:var(--rs-muted)}.tjrs-actions{display:none}.tjrs-floating-actions{--rs-primary: #7C3AED;--rs-pink: #EC4899;--rs-ink2: #2D1060;--rs-btn-grad: linear-gradient(135deg, #EC4899, #7C3AED);--rs-btn-shadow: 0 6px 0 #4C1D95, 0 10px 24px rgba(124,58,237,.35);--rs-radius-sm: 14px;position:fixed;z-index:1100;left:calc(50% + 250px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;width:132px;opacity:0;animation:tjrsFadeInFA .5s .3s ease forwards}[data-theme=dark] .tjrs-floating-actions{--rs-btn-shadow: 0 6px 0 #2E0D7A, 0 10px 24px rgba(0,0,0,.5)}@keyframes tjrsFadeInFA{to{opacity:1}}.tjrs-fa-btn{width:100%;padding:13px 10px;border-radius:var(--rs-radius-sm);border:2px solid;cursor:pointer;transition:transform .1s,filter .1s,box-shadow .1s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:normal;font-family:Nunito,sans-serif;font-size:13px;font-weight:800}.tjrs-fa-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.3px}.tjrs-fa-icon svg{width:22px;height:22px}.tjrs-fa-label{max-width:100%;font-size:12px;font-weight:800;line-height:1.1;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;letter-spacing:0}.tjrs-fa-btn.is-icon-only{min-height:52px;padding:13px 10px}.tjrs-fa-btn.is-icon-only .tjrs-fa-label{display:none}.tjrs-floating-actions .tjrs-fa-btn.secondary.is-icon-only+.tjrs-fa-btn.replay+.tjrs-fa-btn.secondary.is-icon-only,.tjrs-floating-actions .tjrs-fa-btn.secondary.is-icon-only+.tjrs-fa-btn.secondary.is-icon-only{display:none}.tjrs-fa-btn:active{transform:translateY(3px)}.tjrs-fa-btn.secondary{background:#fffffff2;color:var(--rs-ink2);border-color:#ffffff80;box-shadow:0 4px #00000026,0 6px 16px #0003}.tjrs-fa-btn.secondary:hover{filter:brightness(1.05)}.tjrs-fa-btn.primary{background:var(--rs-btn-grad);color:#fff;border-color:transparent;box-shadow:var(--rs-btn-shadow);position:relative;overflow:hidden}.tjrs-fa-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:tjrsShimmer 3s infinite}.tjrs-fa-btn.primary:active{box-shadow:0 2px #4c1d95}.tjrs-fa-btn.restart{min-height:76px}@keyframes tjrsShimmer{to{left:200%}}.tjrs-fa-btn.replay{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 4px #0e7490,0 8px 20px #06b6d44d;position:relative;overflow:hidden}.tjrs-fa-btn.replay:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);animation:tjrsShimmer 3s infinite}.tjrs-fa-btn.replay:active{box-shadow:0 2px #0e7490}.tjrs-fa-btn.challenge{min-height:72px;background:linear-gradient(135deg,#f472b6,#9333ea);color:#fff;border-color:transparent;box-shadow:0 5px #6d28d9,0 10px 22px #ec489952;position:relative;overflow:hidden}.tjrs-fa-btn.challenge .tjrs-fa-label{font-size:clamp(8px,2.35vw,11px);line-height:1.06;padding-block:1px}.tjrs-fa-btn.challenge:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:skew(-20deg);animation:tjrsShimmer 3s infinite}.tjrs-fa-btn.challenge:active{box-shadow:0 2px #6d28d9}@media (max-width: 900px){.tjrs-scroll{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.tjrs-floating-actions{right:0;left:0;bottom:0;top:auto;transform:none;width:100%;flex-direction:row;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#0f0628e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);gap:6px}.tjrs-fa-btn{flex:1;min-width:0;padding:10px 6px;flex-direction:row;gap:5px}.tjrs-fa-btn.secondary.is-icon-only{flex:.44;min-height:68px;flex-direction:column}.tjrs-fa-btn.challenge{flex:1.32;min-height:68px;flex-direction:column;gap:3px;padding:8px 6px;overflow:visible}.tjrs-fa-btn.challenge:before{display:none}.tjrs-fa-btn.replay{flex:.7;flex-direction:column;gap:1px;padding:8px 4px}.tjrs-fa-btn.restart{flex:3.1;min-height:68px;flex-direction:column;gap:1px;padding:9px 8px}.tjrs-fa-btn.restart .tjrs-fa-label{display:block;font-size:clamp(10px,3.25vw,13px);font-weight:900;white-space:nowrap}.tjrs-fa-btn.challenge .tjrs-fa-label{display:block;max-width:100%;font-size:clamp(6px,1.95vw,11px);line-height:1.08;padding-block:1px;overflow:visible;white-space:nowrap}.tjrs-fa-btn.replay .tjrs-fa-label{font-size:clamp(6.5px,2.05vw,11px);white-space:nowrap}}@media (max-width: 420px){.tjrs-floating-actions{gap:5px;padding-left:10px;padding-right:10px}.tjrs-fa-icon,.tjrs-fa-icon svg{width:20px;height:20px}.tjrs-fa-btn.secondary.is-icon-only{flex:.42}.tjrs-fa-btn.replay{flex:.68}.tjrs-fa-btn.challenge{flex:1.35;padding-left:5px;padding-right:5px}.tjrs-fa-btn.restart{flex:3.25}.tjrs-fa-btn.challenge .tjrs-fa-label{font-size:clamp(5.2px,1.75vw,10px)}.tjrs-fa-btn.replay .tjrs-fa-label{font-size:clamp(6px,1.95vw,10px)}.tjrs-fa-btn.restart .tjrs-fa-label{font-size:clamp(9px,3vw,12px)}}@media (max-width: 500px){.tjrs-scroll{align-items:stretch;padding:0 0 calc(112px + env(safe-area-inset-bottom))}.tjrs-panel{max-width:100%;border-radius:28px 28px 0 0}.tjrs-score-num{font-size:64px}.tjrs-multi-cta-btn{font-size:17px;padding:16px}}.tjrs-not-ranked-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb8;font-size:12px;font-weight:500;cursor:default;margin-top:2px;line-height:1.4;text-align:center;transition:background .15s}.tjrs-not-ranked-badge:hover{background:#ffffff29}.tjrs-actions-2{display:grid;grid-template-columns:1fr;gap:10px}.tjrs-act-challenge{background:linear-gradient(135deg,#ff6b9d,#e0508b);color:#fff;border-color:transparent;position:relative;box-shadow:0 4px 16px #ff6b9d4d}.tjrs-act-challenge:hover{box-shadow:0 6px 20px #ff6b9d73;transform:translateY(-1px)}.tjrs-act-ranked{background:linear-gradient(135deg,#9d7bff,#7b5ce5);color:#fff;border-color:transparent;box-shadow:0 4px 16px #9d7bff4d}.tjrs-act-ranked:hover{box-shadow:0 6px 20px #9d7bff73;transform:translateY(-1px)}.tjrs-new-badge{display:inline-block;padding:1px 5px;border-radius:6px;background:#ffffff40;font-size:9px;font-weight:800;letter-spacing:.5px;vertical-align:middle;margin-left:4px}.single-setup-subtitle{font-size:14px;color:var(--text-secondary);margin:-8px 0 4px;text-align:center}@media (max-width: 480px){.tjrs-insight-grid{grid-template-columns:1fr;padding:12px 14px 0}.tjrs-insight-card{padding:11px 12px}.tjrs-actions-2{grid-template-columns:1fr;gap:8px}}@media (min-width: 768px){.tjrs-actions-2{grid-template-columns:repeat(2,1fr);gap:12px}}.cr-screen{min-height:100dvh;padding:22px 14px;color:#24134d;background:radial-gradient(circle at 12% 8%,rgba(236,72,153,.26),transparent 28%),radial-gradient(circle at 86% 16%,rgba(45,212,191,.22),transparent 24%),linear-gradient(145deg,#2a0f64,#120727 58%,#32113f);display:grid;place-items:center;position:relative;overflow-x:hidden}.cr-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.cr-confetti-piece{position:absolute;top:-16px;width:10px;height:10px;border-radius:3px;animation:cr-fall 2.4s ease-in forwards;opacity:.85}@keyframes cr-fall{0%{transform:translateY(-20px) rotate(0);opacity:.9}to{transform:translateY(110vh) rotate(700deg);opacity:0}}.cr-panel{width:min(620px,100%);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 26px 60px #0f062c59,inset 0 0 0 1px #7c3aed24;position:relative;z-index:1}.cr-hero{padding:34px 26px 32px;text-align:center;color:#f7f1ff;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(155deg,#4320a0,#26106b 58%,#35104f);background-size:22px 22px,22px 22px,auto}.cr-kicker,.cr-next-kicker{display:inline-block;font-family:var(--tj-result-body-font, Nunito, system-ui, sans-serif);font-size:10px;font-weight:900;letter-spacing:.7px}.cr-kicker{color:#ffffffbd}.cr-hero h1{margin:9px auto 0;max-width:480px;font-family:var(--tj-result-display-font, "Fredoka One", system-ui, sans-serif);font-size:clamp(28px,7vw,48px);line-height:1.08;font-weight:400;letter-spacing:0;text-shadow:0 4px 0 rgba(36,16,89,.28)}.cr-hero p{margin:12px auto 0;max-width:390px;color:#f7f1ffd6;font-size:14px;font-weight:800;line-height:1.45}.cr-score-num{margin-top:16px;font-family:var(--tj-result-display-font, "Fredoka One", system-ui, sans-serif);font-size:clamp(68px,17vw,104px);line-height:.92;color:#fff;text-shadow:0 5px 0 rgba(36,16,89,.34);font-variant-numeric:tabular-nums}.cr-score-label{margin-top:8px;color:#f7f1ffb8;font-size:12px;font-weight:900}.cr-body{padding:22px 24px 24px;display:grid;gap:14px}.cr-insight-grid{padding:0}.cr-insight-grid .tjrs-insight-card{min-height:0}.cr-score-compare{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#faf7ff,#fff5fb);box-shadow:inset 0 0 0 1px #ece0ff}.cr-score-side{position:relative;min-width:0;min-height:96px;padding:16px 10px 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #efe6ff;display:grid;justify-items:center;align-content:center;gap:6px;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.cr-score-side.is-leader{background:linear-gradient(150deg,#fff,#f6efff);box-shadow:inset 0 0 0 1.5px #c4a6ff,0 10px 22px #7c3aed2e;transform:translateY(-2px)}.cr-score-side.is-trailing{opacity:.72}.cr-leader-crown{position:absolute;top:-13px;font-size:20px;filter:drop-shadow(0 3px 4px rgba(124,58,237,.3));animation:cr-crown-pop .42s cubic-bezier(.2,1.3,.4,1) both}@keyframes cr-crown-pop{0%{transform:translateY(6px) scale(.4);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cr-mini-label{max-width:100%;color:#77649d;font-size:11px;font-weight:900;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-score-side strong{color:#2d165d;font-family:var(--tj-result-display-font, "Fredoka One", system-ui, sans-serif);font-size:clamp(26px,6.4vw,36px);line-height:1;font-weight:400;font-variant-numeric:tabular-nums}.cr-score-mine strong{color:#7c3aed}.cr-score-creator strong{color:#b53d8e}.cr-score-vs{align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff;font-size:11px;font-weight:900;letter-spacing:.5px;box-shadow:0 6px 14px #7c3aed57}.cr-share-bar{grid-column:1 / -1;position:relative;height:8px;margin-top:2px;border-radius:999px;background:linear-gradient(90deg,#f3a9d6,#ec74bd)}.cr-share-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .5s cubic-bezier(.3,1,.4,1)}.cr-share-mine{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.cr-share-marker{position:absolute;top:-2px;bottom:-2px;left:50%;width:2px;transform:translate(-1px);background:#24105980;border-radius:2px}.cr-diff-label{margin:2px 0 0;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:14px;text-align:center;font-size:14px;font-weight:900}.cr-diff-arrow{font-size:12px;line-height:1}.cr-diff-amount{font-family:var(--tj-result-display-font, "Fredoka One", system-ui, sans-serif);font-weight:400;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.cr-diff-word{letter-spacing:.2px}.cr-diff-ahead{background:linear-gradient(135deg,#e2fbef,#d3f6e6);color:#0f7a4f;box-shadow:inset 0 0 0 1px #10b98147}.cr-diff-ahead .cr-diff-amount{color:#0b8a55}.cr-diff-behind{background:linear-gradient(135deg,#fff1e2,#ffe7d6);color:#a85416;box-shadow:inset 0 0 0 1px #ea7c1642}.cr-diff-behind .cr-diff-amount{color:#c2611a}.cr-diff-even{background:#f1ecff;color:#5b4b8f;box-shadow:inset 0 0 0 1px #7c3aed33}.cr-ranked-card{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#f0fff8,#eff8ff);box-shadow:inset 0 0 0 1px #22c55e47,0 12px 24px #16a34a1a}.cr-ranked-card span{display:block;color:#168456;font-size:10px;font-weight:900;letter-spacing:.7px}.cr-ranked-card strong{display:block;margin-top:5px;color:#2d165d;font-family:var(--tj-result-display-font, "Fredoka One", system-ui, sans-serif);font-size:24px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums}.cr-ranked-card p{margin:6px 0 0;color:#4d6f5c;font-size:13px;font-weight:800;line-height:1.4}.cr-ranked-card.is-muted{background:#f8f4ff;box-shadow:inset 0 0 0 1px #e2d5ff}.cr-ranked-card.is-muted span,.cr-ranked-card.is-muted p{color:#806da6}.cr-next-card{padding:15px 16px;border-radius:18px;background:#f5f0ff;box-shadow:inset 0 0 0 1px #e2d5ff}.cr-next-kicker{color:#806da6}.cr-next-card strong{display:block;margin-top:4px;color:#2d165d;font-size:18px;font-weight:900}.cr-next-card p{margin:5px 0 0;color:#6d5a94;font-size:13px;font-weight:800;line-height:1.45}.cr-actions{display:grid;gap:9px}.cr-actions:empty{display:none}.cr-btn-primary,.cr-btn-secondary,.cr-btn-ghost{width:100%;border:0;border-radius:15px;cursor:pointer;font-family:var(--tj-result-body-font, Nunito, system-ui, sans-serif);font-weight:900}.cr-btn-primary{min-height:58px;background:linear-gradient(135deg,#29c78f,#22b4d9);box-shadow:0 6px #138b75,0 18px 32px #1bb39f3d;color:#fff;font-size:19px}.cr-btn-secondary{min-height:48px;background:#f3edff;color:#4c258f;box-shadow:inset 0 0 0 1px #decfff;font-size:14px}.cr-btn-secondary.is-saved,.cr-btn-secondary:disabled{cursor:default;color:#168456;background:#e9fbf2;box-shadow:inset 0 0 0 1px #22c55e38}.cr-btn-ghost{min-height:44px;background:transparent;color:#806da6;box-shadow:inset 0 0 0 1px #eadcff;font-size:13px}.cr-ranking-note{margin:0;color:#8374a3;font-size:12px;font-weight:800;text-align:center}@media (max-width: 480px){.cr-screen{padding:12px 10px;align-items:start}.cr-panel{border-radius:24px}.cr-hero{padding:30px 18px 28px}.cr-body{padding:18px 16px 20px}.cr-score-compare{gap:7px;padding:12px}.cr-score-side{min-height:88px;padding:15px 6px 12px}.cr-score-vs{width:30px;height:30px;font-size:10px}}.tjrs-body>.cr-score-compare{order:-2}.tjrs-body>.cr-diff-label{order:-1}.csm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.csm-panel{position:relative;width:100%;max-width:380px;background:linear-gradient(160deg,#13102a,#1e1740);border:1px solid rgba(157,123,255,.25);border-radius:20px;padding:1.75rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 60px #0009,0 0 0 1px #9d7bff14}.csm-close{position:absolute;top:1rem;right:1rem;background:#ffffff12;border:none;color:#9a8ac8;font-size:1rem;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.csm-close:hover{background:#ffffff21;color:#e8d8ff}.csm-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.csm-icon{font-size:2.6rem}.csm-title{font-size:1.3rem;font-weight:800;color:#e8d8ff;margin:0}.csm-subtitle{font-size:.88rem;color:#7060a0;margin:0;line-height:1.5}.csm-score-badge{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#9d7bff1f;border:1px solid rgba(157,123,255,.25);border-radius:12px;padding:.7rem 1rem}.csm-score-label{font-size:.82rem;font-weight:600;color:#8878b8;text-transform:uppercase;letter-spacing:.04em}.csm-score-value{font-size:1.5rem;font-weight:900;color:#c0e8ff;letter-spacing:-.02em}.csm-code-row{display:flex;align-items:center;justify-content:center;gap:.6rem}.csm-code-label{font-size:.8rem;color:#5050a0;font-weight:600}.csm-code-value{font-size:1.1rem;font-weight:900;color:#9d7bff;letter-spacing:.15em;font-variant-numeric:tabular-nums}.csm-link-row{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.55rem .75rem}.csm-link-url{flex:1;font-size:.8rem;color:#6858a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csm-copy-btn{flex-shrink:0;padding:6px 14px;background:#9d7bff33;border:1px solid rgba(157,123,255,.4);border-radius:8px;color:#c0a8ff;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.csm-copy-btn:hover{background:#9d7bff52}.csm-copy-btn.copied{background:#4ecdc433;border-color:#4ecdc466;color:#4ecdc4}.csm-nick-row{display:flex;flex-direction:column;gap:6px}.csm-nick-label{font-size:.8rem;font-weight:700;color:#8878b8;padding-left:2px}.csm-nick-input{width:100%;box-sizing:border-box;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(157,123,255,.25);border-radius:10px;color:#e8d8ff;font-size:.92rem;font-weight:600;transition:border-color .2s,background .2s}.csm-nick-input::placeholder{color:#6858a8}.csm-nick-input:focus{outline:none;border-color:#9d7bff8c;background:#ffffff14}.csm-share-icons{display:flex;gap:.6rem;justify-content:center}.csm-sh-btn{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:14px;cursor:pointer;transition:transform .12s,opacity .2s}.csm-sh-btn:hover{opacity:.9;transform:translateY(-1px)}.csm-sh-btn:active{transform:scale(.93)}.csm-sh-btn svg{width:26px;height:26px}.csm-sh-kakao{background:#fee500}.csm-sh-kakao svg{fill:#3c1e1e}.csm-sh-discord{background:#5865f2;color:#fff}.csm-sh-line{background:#06c755}.csm-sh-line svg{fill:#fff}.csm-sh-instagram{background:linear-gradient(135deg,#f97316,#ec4899 48%,#7c3aed);color:#fff}.csm-done-btn{width:100%;padding:13px;background:#9d7bff1a;border:1px solid rgba(157,123,255,.25);border-radius:14px;color:#c0a8ff;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s}.csm-done-btn:hover{background:#9d7bff2e}@media (max-width: 480px){.csm-panel{padding:1.5rem 1.25rem 1.25rem}.csm-sh-btn{width:48px;height:48px}}.cnp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:18px;background:#1408309e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cnp-modal{width:min(430px,100%);position:relative;padding:26px 22px 22px;border:1px solid rgba(157,123,255,.3);border-radius:24px;background:linear-gradient(135deg,#fffffff5,#f8f4fffa);box-shadow:0 24px 58px #180a3a5c;color:#26164f}.cnp-close{position:absolute;top:12px;right:12px;width:34px;height:34px;min-width:34px;min-height:34px;border:0;border-radius:50%;background:#f1eaff;color:#6a45c9;font-size:24px;line-height:1;cursor:pointer}.cnp-kicker{display:inline-block;color:#7c62b3;font-size:10px;font-weight:900;letter-spacing:.7px}.cnp-modal h2{margin:8px 34px 0 0;font-family:var(--tj-result-display-font, "Fredoka One", Nunito, system-ui, sans-serif);font-size:28px;line-height:1.08;font-weight:400;letter-spacing:0}.cnp-modal p{margin:9px 0 0;color:#6c5a93;font-size:13px;font-weight:800;line-height:1.45}.cnp-label{display:block;margin-top:18px;color:#7c62b3;font-size:11px;font-weight:900;letter-spacing:.5px}.cnp-input{width:100%;height:54px;margin-top:7px;padding:0 15px;border:1px solid #dbcfff;border-radius:15px;background:#fff;color:#26164f;font-size:18px;font-weight:900;outline:none;box-shadow:inset 0 2px #9d7bff14}.cnp-input:focus{border-color:#9d7bff;box-shadow:0 0 0 3px #9d7bff2e}.cnp-submit{width:100%;min-height:56px;margin-top:14px;border:0;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#d946a6);box-shadow:0 6px #5d2bb9,0 16px 28px #8b5cf642;color:#fff;font-family:var(--tj-result-body-font, Nunito, system-ui, sans-serif);font-size:18px;font-weight:900;cursor:pointer}.cnp-submit:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.cnp-login-note{text-align:center;opacity:.82}.crs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:18px;background:#1408309e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crs-modal{width:min(440px,100%);position:relative;padding:26px 22px 22px;border:1px solid rgba(157,123,255,.3);border-radius:24px;background:linear-gradient(135deg,#fff,#f8f4ff);box-shadow:0 24px 58px #180a3a5c;color:#26164f}.crs-close{position:absolute;top:12px;right:12px;width:34px;height:34px;min-width:34px;min-height:34px;border:0;border-radius:50%;background:#f1eaff;color:#6a45c9;font-size:24px;line-height:1;cursor:pointer}.crs-kicker{color:#168456;font-size:10px;font-weight:900;letter-spacing:.7px}.crs-modal h2{margin:8px 36px 0 0;font-family:var(--tj-result-display-font, "Fredoka One", Nunito, system-ui, sans-serif);font-size:28px;line-height:1.08;font-weight:400;letter-spacing:0}.crs-modal p{margin:9px 0 0;color:#6c5a93;font-size:13px;font-weight:800;line-height:1.45}.crs-modal .slb-wrap{margin-top:16px}.crs-error{color:#b42318!important;text-align:center}.crs-note{text-align:center;opacity:.82}@keyframes tjscCardIn{0%{transform:scale(.95) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.tjsc-card.ending{animation:tjscCardOut .5s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}.tjsc-card{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--surface-card, #FFFFFF);border:3px solid var(--border-medium, rgba(157, 123, 255, .18));border-radius:28px;box-shadow:0 8px 40px #501eb41a;overflow:hidden;animation:tjscCardIn .5s cubic-bezier(.34,1.56,.64,1);position:relative}[data-theme=dark] .tjsc-card{border-color:var(--border-medium, rgba(157, 123, 255, .25));box-shadow:0 8px 40px #00000059}@media (max-width: 480px){.tjsc-card{border-radius:18px;border-width:1px;max-width:none;align-self:stretch;box-shadow:0 6px 24px #501eb414}}.tjsc-board-area-row{flex:1;min-height:0;display:flex;overflow:hidden}.tjsc-board-zone{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;background:linear-gradient(135deg,#efecf5,#9d7bff)}[data-theme=dark] .tjsc-board-zone{background:linear-gradient(135deg,#1a1528,#352a58)}[data-theme=dark] .tjsc-card{background:#231540}.tjsc-board-zone .game-layout{padding:6px 14px;width:100%;height:100%;min-height:0}.tjsc-card.tjsc-team-mode .players-strip,.tjsc-card.tjsc-spec-mode .players-strip{display:none!important}@keyframes tjscCardOut{to{transform:scale(.87);opacity:.65;box-shadow:0 28px 70px #501eb44d}}.tjsc-card.ending{animation:tjscCardOut .5s cubic-bezier(.34,1.56,.64,1) forwards}.tjts-side{display:flex;flex-direction:column;gap:5px;overflow-y:auto;scrollbar-width:none;flex-shrink:0;padding:10px 6px;width:92px}.tjts-side::-webkit-scrollbar{display:none}.tjts-side.tjts-a{border-right:2px solid rgba(138,43,226,.18);background:linear-gradient(90deg,rgba(138,43,226,.04),transparent);order:-1}.tjts-side.tjts-b{border-left:2px solid rgba(255,105,180,.18);background:linear-gradient(270deg,rgba(255,105,180,.04),transparent);order:1}.tjts-section{flex-shrink:0}.tjts-section+.tjts-section{margin-top:6px;padding-top:6px;border-top:1px solid rgba(157,123,255,.15)}.tjts-section-hd{display:flex;align-items:center;gap:5px;padding:3px 4px;margin-bottom:4px;border-radius:7px}.tjts-section-hd.is-my-team{background:#00c86e14}.tjts-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tjts-name{font-size:9px;font-weight:900;color:#9d7bffb3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tjts-score-block{background:#0000000a;border:1.5px solid rgba(157,123,255,.2);border-radius:10px;padding:6px 8px;margin:0 2px 4px;text-align:center;flex-shrink:0}[data-theme=dark] .tjts-score-block,.dark .tjts-score-block{background:#ffffff0f}.tjts-score-label{font-size:8px;font-weight:700;color:#9d7bff99;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.tjts-score-val{font-size:17px;font-weight:900;letter-spacing:-1px;color:var(--game-text, #3A2060);line-height:1;display:block}[data-theme=dark] .tjts-score-val,.dark .tjts-score-val{color:#eae0ff}@keyframes tjtsScoreBump{0%{transform:scale(1)}40%{transform:scale(1.08);box-shadow:0 0 0 5px #00ff7f47}to{transform:scale(1)}}.tjts-score-val.bump{animation:tjtsScoreBump .4s cubic-bezier(.34,1.56,.64,1)}.tjts-members{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.tjts-member{background:#9d7bff0f;border:2px solid rgba(157,123,255,.18);border-radius:10px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;transition:border-color .2s}[data-theme=dark] .tjts-member,.dark .tjts-member{background:#9d7bff14;border-color:#9d7bff40}.tjts-member.is-me{border-color:#00ff7f99;background:#00ff7f14}.tjts-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;box-shadow:0 2px 6px #0000002e;flex-shrink:0;text-transform:uppercase}.tjts-player-name{font-size:9px;font-weight:800;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9d7bffb3}.tjts-member.is-me .tjts-player-name{color:#00c86ee6}@media (max-width: 600px){.tjts-side{width:100%;height:auto;min-height:52px;flex-direction:row;overflow-x:auto;overflow-y:hidden;align-items:center;gap:6px;padding:5px 10px}.tjts-side.tjts-a{border-right:none;border-bottom:2px solid rgba(138,43,226,.28);background:linear-gradient(180deg,rgba(138,43,226,.05),transparent);order:-1}.tjts-side.tjts-b{border-left:none;border-top:2px solid rgba(255,105,180,.28);background:linear-gradient(0deg,rgba(255,105,180,.05),transparent);order:1}.tjts-section{display:flex;align-items:center;gap:6px}.tjts-section+.tjts-section{margin-top:0;padding-top:0;border-top:none;margin-left:6px;padding-left:6px;border-left:1px solid rgba(157,123,255,.2)}.tjts-members{flex-direction:row}.tjts-score-block{display:flex;flex-direction:row;align-items:center;gap:5px;padding:4px 10px;margin:0;border-radius:12px}.tjts-score-label{display:none}.tjts-score-val{font-size:15px}.tjts-player-name{display:none}.tjts-avatar{width:24px;height:24px;font-size:10px}.tjts-member{padding:3px;border-radius:8px}.tjts-section-hd{margin-bottom:0}}.tjsr-panel{width:90px;flex-shrink:0;display:flex;flex-direction:column;gap:3px;padding:8px 5px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;border-right:2px solid rgba(157,123,255,.18);background:linear-gradient(90deg,rgba(138,43,226,.04),transparent)}.tjsr-panel::-webkit-scrollbar{display:none}.tjsr-label{font-size:8px;font-weight:900;color:#9d7bff80;text-transform:uppercase;letter-spacing:.5px;padding:0 2px;margin-bottom:2px;flex-shrink:0}.tjsr-card{background:#9d7bff24;border:2px solid rgba(157,123,255,.22);border-radius:10px;padding:5px 6px;flex-shrink:0;display:flex;flex-direction:column;gap:3px;transition:border-color .3s,transform .2s,background .2s;cursor:pointer}[data-theme=dark] .tjsr-card,.dark .tjsr-card{background:#9d7bff17;border-color:#9d7bff40}.tjsr-card:hover{border-color:#8a2be280;opacity:.95}.tjsr-card.lead{border-color:gold}@keyframes tjsrRankUp{0%{transform:scale(1)}35%{transform:scale(1.05);box-shadow:0 0 0 5px #00c86e47}to{transform:scale(1)}}.tjsr-card.rank-up{border-color:#00c86e;animation:tjsrRankUp .55s ease-out}.tjsr-card.rank-down{border-color:#ff444473}.tjsr-row{display:flex;align-items:center;gap:3px}.tjsr-rank{font-size:12px;font-weight:900;flex-shrink:0;min-width:16px;color:#9d7bff99}.tjsr-rank.first{color:gold}@keyframes tjsrRankNumPop{0%{transform:scale(1) translateY(0)}28%{transform:scale(1.7) translateY(-2px)}58%{transform:scale(.85) translateY(0)}to{transform:scale(1) translateY(0)}}.tjsr-rank.pop{animation:tjsrRankNumPop .5s cubic-bezier(.34,1.56,.64,1)}.tjsr-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tjsr-name{font-size:9px;font-weight:800;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9d7bffb3}.tjsr-card.lead .tjsr-name{color:gold}.tjsr-card.is-me .tjsr-name{color:#00c86e;font-weight:900}.tjsr-card.is-me{border-color:#00c86e80!important}.tjsr-delta{font-size:8px;font-weight:900;flex-shrink:0}.tjsr-delta.up{color:#00c86e}.tjsr-delta.down{color:#f44}.tjsr-delta.same{color:transparent;-webkit-user-select:none;user-select:none}.tjsr-bar-wrap{height:4px;background:#0000000f;border-radius:3px;overflow:hidden}[data-theme=dark] .tjsr-bar-wrap,.dark .tjsr-bar-wrap{background:#ffffff14}.tjsr-bar{height:100%;border-radius:3px;transition:width .65s cubic-bezier(.34,1.56,.64,1)}@keyframes tjsrBarGain{0%{filter:brightness(1);box-shadow:none}35%{filter:brightness(1.6);box-shadow:0 0 7px 1px currentColor}to{filter:brightness(1);box-shadow:none}}.tjsr-bar.gain{animation:tjsrBarGain .58s ease-out}.tjsr-score{font-size:10px;font-weight:900;color:#9d7bffe6;text-align:right;line-height:1.1}[data-theme=dark] .tjsr-score,.dark .tjsr-score{color:#eae0ff}@media (max-width: 600px){.tjsr-panel{width:100%;height:58px;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:5px;padding:5px 10px;border-right:none;border-top:2px solid rgba(157,123,255,.18);background:linear-gradient(180deg,rgba(138,43,226,.04),transparent);order:2}.tjsr-card{flex-direction:row;align-items:center;gap:5px;padding:4px 8px;flex-shrink:0;min-width:90px;border-radius:12px}.tjsr-bar-wrap{display:none}.tjsr-score{font-size:9px;white-space:nowrap}.tjsr-label{display:none}}.queue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#060e18eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.queue-card{width:380px;max-width:calc(100vw - 40px);background:#0a1624f2;border:1.5px solid rgba(157,123,255,.28);border-radius:20px;padding:40px 36px 32px;text-align:center;box-shadow:0 0 40px #9d7bff14,0 20px 60px #0009;color:#e8e8e8;animation:queueCardIn .35s cubic-bezier(.22,.61,.36,1)}@keyframes queueCardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.queue-icon-wrap{display:flex;justify-content:center;margin-bottom:24px}.queue-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(157,123,255,.18);border-top-color:#9d7bff;animation:queueSpin .9s linear infinite}@keyframes queueSpin{to{transform:rotate(360deg)}}.queue-title{margin:0 0 8px;font-size:1.4rem;font-weight:800;color:#9d7bff;letter-spacing:-.02em}.queue-subtitle{margin:0 0 28px;font-size:.88rem;color:#7a8a99;line-height:1.55}.queue-invite-hint{display:flex;align-items:flex-start;gap:10px;background:#9d7bff12;border:1px solid rgba(157,123,255,.22);border-radius:10px;padding:12px 16px;margin-bottom:22px;text-align:left;font-size:.84rem;color:#8ac9b5;line-height:1.5}.queue-invite-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.queue-position-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}.queue-position-label{font-size:.75rem;color:#5a6a7a;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.queue-position-number{font-size:3rem;font-weight:900;color:#c8f0e0;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(157,123,255,.35)}.queue-position-total{font-size:.82rem;color:#6a7e90}.queue-progress-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:16px}.queue-progress-fill{height:100%;background:linear-gradient(90deg,#7c5ce0,#9d7bff);border-radius:3px;transition:width .8s ease}.queue-elapsed{margin:0 0 28px;font-size:.82rem;color:#5a6a7a}.queue-elapsed strong{color:#99b8cc;font-variant-numeric:tabular-nums}.queue-leave-btn{padding:10px 28px;background:transparent;border:1.5px solid rgba(255,255,255,.18);border-radius:8px;color:#6a7e90;font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.queue-leave-btn:hover{border-color:#f4433680;color:#ef9a9a;background:#f4433614}.queue-confirm{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.queue-confirm p{margin:0 0 16px;font-size:.88rem;color:#9ab;line-height:1.6}.queue-confirm-btns{display:flex;gap:10px;justify-content:center}.queue-confirm-yes{padding:9px 22px;background:#f443362e;border:1.5px solid rgba(244,67,54,.45);border-radius:8px;color:#ef9a9a;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .2s}.queue-confirm-yes:hover{background:#f4433647}.queue-confirm-no{padding:9px 22px;background:#9d7bff1a;border:1.5px solid rgba(157,123,255,.3);border-radius:8px;color:#9d7bff;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .2s}.queue-confirm-no:hover{background:#9d7bff33}@media (max-width: 380px){.queue-card{padding:28px 20px 24px;border-radius:16px}.queue-icon-wrap{margin-bottom:16px}.queue-spinner{width:40px;height:40px}.queue-title{font-size:1.2rem}.queue-subtitle{font-size:.82rem;margin-bottom:20px}.queue-position-number{font-size:2.4rem}.queue-elapsed{margin-bottom:20px}.queue-confirm-btns{flex-direction:column;gap:8px}.queue-confirm-yes,.queue-confirm-no{padding:10px 16px;width:100%}}@media (max-height: 500px) and (orientation: landscape){.queue-card{padding:20px 32px;max-height:90vh;overflow-y:auto}.queue-icon-wrap{margin-bottom:12px}.queue-subtitle{margin-bottom:16px}.queue-position-block{margin-bottom:12px}.queue-elapsed{margin-bottom:16px}}.idle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#060e18e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.idle-card{width:360px;max-width:calc(100vw - 40px);background:#0a1624f7;border:1.5px solid rgba(255,193,7,.3);border-radius:20px;padding:40px 32px 32px;text-align:center;box-shadow:0 0 40px #ffc10714,0 20px 60px #0009;color:#e8e8e8;animation:idleCardIn .3s cubic-bezier(.22,.61,.36,1)}@keyframes idleCardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.idle-icon{font-size:2.8rem;margin-bottom:16px;display:block}.idle-title{margin:0 0 10px;font-size:1.3rem;font-weight:800;color:#ffd54f;letter-spacing:-.02em}.idle-desc{margin:0 0 28px;font-size:.87rem;color:#7a8a99;line-height:1.6}.idle-countdown{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:28px;padding:16px;background:#ffc1070f;border:1px solid rgba(255,193,7,.18);border-radius:12px;transition:background .4s,border-color .4s}.idle-countdown.warning{background:#ff98001a;border-color:#ff980059}.idle-countdown.urgent{background:#f443361f;border-color:#f4433666;animation:idlePulse .8s ease-in-out infinite}@keyframes idlePulse{0%,to{box-shadow:none}50%{box-shadow:0 0 14px #f4433640}}.idle-count-num{font-size:2.8rem;font-weight:900;color:#ffd54f;line-height:1;font-variant-numeric:tabular-nums;transition:color .4s}.idle-countdown.warning .idle-count-num{color:#ffb74d}.idle-countdown.urgent .idle-count-num{color:#ef9a9a}.idle-count-unit{font-size:.8rem;color:#5a6a7a;font-weight:600}.idle-ack-btn{width:100%;padding:13px 0;background:linear-gradient(135deg,#ffc107,#ff9800);border:none;border-radius:10px;color:#1a1200;font-size:.95rem;font-weight:800;cursor:pointer;letter-spacing:.02em;transition:opacity .15s,transform .15s}.idle-ack-btn:hover{opacity:.9;transform:translateY(-1px)}.idle-ack-btn:active{opacity:1;transform:translateY(0)}.reconnecting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reconnecting-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:#141428eb;border:1.5px solid rgba(156,124,227,.4);border-radius:16px;padding:2rem;width:280px;text-align:center}.reconnecting-spinner{width:40px;height:40px;border:3px solid rgba(156,124,227,.2);border-top-color:#9c7ce3;border-radius:50%;animation:reconnect-spin .9s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.reconnecting-text{color:#c0b0e8;font-size:.9rem;font-weight:600;margin:0;min-height:1.4em}.reconnecting-progress-wrap{position:relative;width:100%;background:#ffffff14;border-radius:4px;height:5px;overflow:visible}.reconnecting-progress-bar{height:100%;background:#9c7ce3;border-radius:4px;transition:width .5s ease;max-width:100%}.reconnecting-progress-bar.last{background:#e86060}.reconnecting-attempt-label{position:absolute;right:0;top:10px;font-size:.7rem;color:#ffffff59;font-variant-numeric:tabular-nums}.reconnecting-timer{font-size:.75rem;color:#ffffff59;margin:0;font-variant-numeric:tabular-nums;letter-spacing:.02em}.reconnecting-reload-btn{padding:8px 20px;background:var(--color-primary, #9c7ce3);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.reconnecting-reload-btn:hover{opacity:.85}.reconnecting-reload-btn.prominent{padding:12px 28px;font-size:1rem;background:linear-gradient(135deg,#e86060,#c94040);box-shadow:0 4px 16px #e8606073;border-radius:10px;margin-top:.25rem;animation:btn-pulse 1.2s ease-in-out infinite}.reconnecting-reload-btn.prominent:hover{opacity:1;box-shadow:0 4px 24px #e86060b3}@keyframes btn-pulse{0%,to{box-shadow:0 4px 16px #e8606073}50%{box-shadow:0 4px 24px #e86060bf}}.reconnecting-failed-section{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.reconnecting-failed-icon{font-size:2rem;margin:0;line-height:1}.reconnecting-countdown{font-size:.82rem;color:#ffc864d9;margin:0;font-variant-numeric:tabular-nums}.reconnecting-hint{font-size:.78rem;color:#ffd764a6;margin:0;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.07);width:100%;text-align:center;line-height:1.4}*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--game-bg);min-height:100vh;font-size:clamp(14px,2vw,16px)}button{min-height:44px;min-width:44px;touch-action:manipulation}.app{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (orientation: landscape){.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.app-header{text-align:center;margin-bottom:30px;color:var(--game-text-dark)}.app-title{font-size:48px;font-weight:800;letter-spacing:2px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.app-subtitle{font-size:18px;color:var(--game-text-dark);opacity:.8}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:20px}.main-menu{display:flex;flex-direction:column;align-items:center;gap:40px}.game-logo{display:flex;align-items:center;gap:20px}.logo-icon{width:80px;height:80px;background:var(--color-primary-gradient);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 24px var(--color-primary-shadow)}.logo-image{width:150px;height:150px;object-fit:contain;margin-bottom:10px}.main-menu-logo{width:150px;height:150px;margin-bottom:10px}.logo-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:logo-shine 3s infinite}@keyframes logo-shine{0%{left:-100%}50%{left:200%}to{left:200%}}.game-logo h1{font-size:72px;font-weight:900;color:var(--game-text-dark);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.menu-buttons{display:flex;flex-direction:column;gap:16px}.menu-btn{padding:20px 60px;font-size:24px;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:300px;position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none}.menu-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.menu-btn:hover:after{animation:glossShimmer 1.5s ease}.menu-btn:active{animation:jellyPress .4s ease}.menu-btn.single-play{background:var(--color-primary-gradient);color:var(--text-on-primary);box-shadow:0 6px 20px var(--color-primary-shadow),var(--jelly-btn-depth-primary)}.menu-btn.single-play:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 28px var(--color-primary-shadow-hover),var(--jelly-btn-depth-primary)}.menu-btn.multi-play{background:var(--color-secondary-gradient);color:var(--text-on-primary);box-shadow:0 6px 20px var(--color-secondary-shadow),var(--jelly-btn-depth)}.menu-btn.multi-play:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 28px var(--color-secondary-shadow),var(--jelly-btn-depth)}.start-options{background:#fff;padding:40px;border-radius:22px;box-shadow:0 8px 32px #0000001a;text-align:center;min-width:400px}.start-options h2{font-size:24px;color:var(--game-text-dark);margin-bottom:20px}.back-button{margin-top:16px;padding:12px 32px;background:var(--game-back-btn);color:var(--game-text-dark);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--game-back-btn-hover);transform:translateY(-2px)}.size-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.size-button{padding:12px 24px;border:2px solid var(--color-primary);background:#fff;color:var(--color-primary);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.size-button:hover{background:var(--color-primary);color:var(--text-on-primary);transform:translateY(-2px)}.size-button.active{background:var(--color-primary);color:var(--text-on-primary)}.start-button{padding:16px 48px;background:var(--color-primary-gradient);color:var(--text-on-primary);border:none;border-radius:16px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px var(--color-primary-shadow)}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-shadow-hover)}.start-button:active{transform:translateY(0)}.game-screen{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:0;overflow:hidden;background:var(--game-bg)}.game-stats{display:flex;gap:30px;margin-bottom:20px;background:#fff;padding:20px 40px;border-radius:16px;box-shadow:0 4px 16px #0000001a}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{font-size:14px;color:var(--game-text-dark);opacity:.7;font-weight:600}.stat-value{font-size:32px;font-weight:800;color:var(--color-primary)}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.game-over-panel{background:#fff;padding:40px;border-radius:22px;text-align:center;box-shadow:0 8px 32px #0003;min-width:500px;max-width:850px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.game-over-panel h2{font-size:32px;color:var(--game-text-dark);margin-bottom:20px}.final-score{font-size:24px;color:var(--color-primary);font-weight:700;margin-bottom:30px}.result-title{font-size:32px;font-weight:700;color:var(--game-text-dark);margin-bottom:16px;text-align:center;flex-shrink:0}.winner-highlight{background:linear-gradient(135deg,gold,orange);padding:20px;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 16px #ffd7004d;animation:winner-glow 2s ease-in-out infinite;display:flex;align-items:center;gap:16px;flex-shrink:0}@keyframes winner-glow{0%,to{box-shadow:0 4px 16px #ffd7004d}50%{box-shadow:0 8px 24px #ffd70099}}.winner-rank{font-size:48px;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);min-width:60px;text-align:center}.winner-info{flex:1}.winner-name{font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:4px}.winner-badge{display:inline-block;background:#ffffff4d;padding:4px 12px;border-radius:12px;font-size:12px;color:#fff;font-weight:600}.winner-score{font-size:32px;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.result-rankings{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:16px;padding-right:8px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.result-rankings::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.ranking-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;transition:transform .2s,box-shadow .2s;border-left:4px solid var(--color-primary);min-height:56px;touch-action:manipulation;opacity:0;animation:ranking-fade-in .3s ease forwards}.ranking-item:nth-child(1){animation-delay:.1s}.ranking-item:nth-child(2){animation-delay:.2s}.ranking-item:nth-child(3){animation-delay:.3s}.ranking-item:nth-child(4){animation-delay:.4s}.ranking-item:nth-child(5){animation-delay:.5s}.ranking-item:nth-child(n+6){animation-delay:.6s}@keyframes ranking-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ranking-item:active{background:var(--color-primary-bg);transform:scale(.98)}.rank{font-size:24px;font-weight:800;color:var(--color-primary);min-width:40px;text-align:center}.player-info-result{flex:1}.player-name-result{font-size:18px;font-weight:600;color:var(--game-text-dark);margin-bottom:4px}.player-score-result{font-size:24px;font-weight:800;color:var(--color-primary)}.team-header-result{display:flex;align-items:center;gap:8px;margin-bottom:8px}.team-members-chips{display:flex;flex-wrap:wrap;gap:6px}.member-chip{padding:4px 10px;border-radius:12px;font-size:12px;border:1px solid}.member-score{font-size:10px}.result-actions{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;flex-shrink:0}.result-actions button{width:100%;padding:14px;font-size:16px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.replay-button{background:var(--color-primary);color:var(--text-on-primary)}.replay-button:hover{background:var(--color-primary-end);transform:translateY(-2px)}.return-to-lobby-btn{background:var(--game-back-btn);color:var(--game-text-dark)}.return-to-lobby-btn:hover{background:var(--color-primary);color:var(--text-on-primary);transform:translateY(-2px)}.restart-button,.menu-button{padding:12px 32px;margin:5px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.restart-button{background:var(--color-primary);color:var(--text-on-primary)}.restart-button:hover{background:var(--color-primary-end);transform:translateY(-2px)}.menu-button{background:var(--game-back-btn);color:var(--game-text-dark)}.menu-button:hover{background:var(--color-primary);color:var(--text-on-primary);transform:translateY(-2px)}@media (max-width: 768px) and (orientation: portrait),(max-width: 768px) and (min-height: 600px){.app-title{font-size:36px}.start-options{min-width:auto;padding:30px 20px;width:90%}.size-buttons{flex-direction:column}.game-stats{gap:20px;padding:15px 30px}.stat-value{font-size:28px}.game-screen{gap:5px}.game-top-bar{width:100%;padding:4px 8px;gap:8px}.menu-btn{min-width:250px;padding:16px 40px;font-size:20px}.game-logo h1{font-size:48px}.logo-icon{width:60px;height:60px;font-size:36px}}@media (max-width: 480px){.app-title{font-size:28px}.app-subtitle{font-size:14px}.game-stats{gap:15px;padding:10px 20px}.stat-value{font-size:24px}.menu-btn{min-width:200px;padding:14px 32px;font-size:18px}.game-logo h1{font-size:36px}.logo-icon{width:50px;height:50px;font-size:30px;border-radius:14px}.game-over-panel{min-width:auto;width:95%;padding:16px;max-height:90vh}.game-over-panel h2{font-size:24px}.final-score{font-size:20px}.result-title{font-size:24px;margin-bottom:12px}.winner-highlight{padding:16px}.winner-rank{font-size:36px;min-width:50px}.winner-name{font-size:18px}.winner-score{font-size:24px}.ranking-item{padding:12px 16px;gap:12px}.rank{font-size:18px;min-width:32px}.player-name-result{font-size:14px}.player-score-result{font-size:18px}.member-chip{padding:3px 8px;font-size:11px}.result-actions button{font-size:14px;padding:12px}.result-rankings::-webkit-scrollbar{display:none}.result-rankings{scrollbar-width:none}.result-actions{position:sticky;bottom:0;box-shadow:0 -2px 10px #0000001a;padding:12px 0 max(env(safe-area-inset-bottom,0px),12px);gap:10px;background:#fff;border-top:none}}@media (hover: none) and (pointer: coarse){.menu-btn:hover,.icon-button:hover,.replay-button:hover,.return-to-lobby-btn:hover,.restart-button:hover{transform:none}}@media (max-height: 600px) and (orientation: landscape) and (max-width: 1024px){.app{min-height:100vh}.game-layout-left .player-name,.game-layout-left .player-name-mini{display:none}.game-stats{padding:8px 16px;gap:12px}.stat-value{font-size:20px}.stat-label{font-size:12px}.menu-buttons{flex-direction:row;gap:12px}.menu-btn{padding:12px 24px;font-size:16px;min-width:180px}.game-logo h1{font-size:42px}}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.result-title{font-size:48px;font-weight:700;color:var(--game-text-dark);margin-bottom:20px;text-align:center;flex-shrink:0}.result-rankings{width:100%;max-width:100%;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;flex:1;margin:20px 0;padding-right:8px}.result-rankings::-webkit-scrollbar{width:8px}.result-rankings::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}.result-rankings::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;transition:background .2s}.result-rankings::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.ranking-item{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.ranking-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ranking-item.winner{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 16px #ffd70066;transform:scale(1.05)}.ranking-item.winner:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #ffd70080}.rank{font-size:28px;font-weight:700;color:var(--game-text-dark);min-width:50px}.ranking-item.winner .rank{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.player-info-result{flex:1;display:flex;align-items:center;gap:12px}.player-name-result{font-size:24px;font-weight:600;color:var(--game-text-dark)}.ranking-item.winner .player-name-result{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.winner-badge{font-size:20px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.player-score-result{font-size:32px;font-weight:700;color:var(--game-text-dark)}.ranking-item.winner .player-score-result{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.auto-return-msg{margin-top:30px;font-size:16px;color:#666;text-align:center}.replay-button{margin-top:12px;padding:14px 36px;font-size:17px;font-weight:700;background:var(--color-cta-gradient);color:var(--text-on-primary);border:none;border-radius:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px var(--color-cta-shadow);flex-shrink:0}.replay-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-cta-shadow)}.replay-button:active{transform:translateY(0)}.return-to-lobby-btn{margin-top:12px;padding:16px 48px;font-size:20px;font-weight:700;background:var(--color-primary-gradient);color:var(--text-on-primary);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px var(--color-primary-shadow);transition:all .2s;flex-shrink:0}.return-to-lobby-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-shadow-hover)}.return-to-lobby-btn:active{transform:translateY(0)}.team-header-result{display:flex;align-items:center;gap:12px;margin-bottom:12px}.team-members-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.member-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;border:2px solid;transition:all .2s;box-shadow:0 2px 8px #0000001a}.member-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;filter:brightness(1.1)}.member-score{opacity:.8;font-weight:500}.ranking-item.winner .member-chip{background:#ffffff40!important;border-color:#fffc!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media (max-width: 360px){.start-screen{padding:12px}.start-options{padding:24px 14px;border-radius:16px}.menu-btn{min-width:unset;width:100%;padding:13px 20px;font-size:17px}.main-menu-logo,.logo-image{width:110px;height:110px}.game-logo h1{font-size:28px}.game-over-panel{padding:14px;border-radius:16px}}.single-score-row{display:flex;align-items:center;width:100%;gap:8px;padding-right:16px}.single-score-row>.time-gauge-container{flex:1;max-width:none;padding-right:0}.single-score-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffd9;border-radius:8px;padding:4px 12px;min-width:68px;line-height:1.2;box-shadow:0 2px 6px #0000001f;flex-shrink:0}.single-score-value{font-size:18px;font-weight:800;color:#2e7d32;letter-spacing:-.5px}.single-score-label{font-size:10px;font-weight:600;color:#757575;letter-spacing:.5px}.single-restart-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#ffffffd9;box-shadow:0 2px 6px #0000001f;font-size:20px;color:#555;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}.single-restart-btn:hover{background:#fff;transform:scale(1.08)}.single-restart-btn:active{transform:scale(.95)}@media (max-width: 768px){.single-score-badge{padding:2px 8px;min-width:52px;border-radius:6px}.single-score-value{font-size:14px}.single-score-label{font-size:9px}.single-restart-btn{width:30px;height:30px;font-size:16px;border-radius:6px}}@media (max-height: 600px) and (orientation: landscape) and (max-width: 1024px){.single-score-row,.game-top-bar{padding:2px 8px;gap:8px;min-height:0}.single-score-badge{min-width:50px;padding:2px 6px;border-radius:6px;flex-direction:row;gap:4px}.single-score-value{font-size:11px}.single-score-label{font-size:9px;color:#555}.single-restart-btn{width:28px;height:28px;font-size:15px}.target-badge{font-size:11px;padding:2px 8px}}.menu-btn.quick-play{background:var(--color-cta-gradient);color:var(--text-on-primary);box-shadow:0 6px 20px var(--color-cta-shadow),var(--jelly-btn-depth-cta)}.menu-btn.quick-play:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 28px var(--color-cta-shadow),var(--jelly-btn-depth-cta)}.mode-description{font-size:13px;color:#888;margin-top:4px;text-align:center}.game-top-bar{display:flex;align-items:center;gap:12px;width:70vw;max-width:900px;margin:0 auto;padding:8px 0}.game-top-bar>.time-gauge-container{flex:1;width:auto;max-width:none;margin:0}.target-badge{display:inline-flex;align-items:center;justify-content:center;background:#ffffffd9;border-radius:8px;padding:6px 16px;font-size:15px;font-weight:800;color:#1565c0;box-shadow:0 2px 6px #0000001f;flex-shrink:0;letter-spacing:.5px;white-space:nowrap}.target-badge.target-highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;padding:8px 20px;font-size:18px;border:2px solid rgba(230,81,0,.4);box-shadow:0 2px 12px #e6510040;animation:target-pulse 2s ease-in-out infinite}@keyframes target-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.single-setup-screen{min-height:100%;height:100%;background:var(--bg-gradient);color:var(--text-primary);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.single-setup-nav{padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.setup-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.setup-back-btn:hover{background:var(--surface-subtle);color:var(--text-primary)}.single-setup-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 40px;max-width:600px;margin:0 auto;width:100%;gap:28px}.single-setup-title{font-size:clamp(22px,5vw,30px);font-weight:800;color:var(--text-primary);margin:0}.setup-section{width:100%}.setup-section-label{font-size:14px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px 4px}.setup-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-mode-card{background:var(--surface-subtle);border:2px solid var(--border-subtle);border-bottom:3px solid var(--border-medium);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);color:var(--text-primary);text-align:center;position:relative;overflow:hidden}.setup-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.setup-mode-card:hover{border-color:var(--border-medium);background:var(--surface-card);transform:translateY(-2px) scale(1.02)}.setup-mode-card.selected{border-color:var(--border-focus);background:var(--color-primary-bg)}.setup-mode-icon{font-size:28px;font-weight:900;width:48px;height:48px;border-radius:14px;background:var(--surface-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-accent)}.setup-mode-card.selected .setup-mode-icon{background:var(--color-primary-bg-hover)}.setup-mode-card-ranked{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon name" "icon desc";align-items:center;justify-items:start;text-align:left;padding:18px 20px;border-color:#f59e0b52;background:linear-gradient(135deg,#fff8e1eb,#9d7bff1a)}.setup-mode-card-ranked .setup-mode-icon{grid-area:icon;margin-right:4px;color:#8a5a00;background:linear-gradient(135deg,#ffe08a,#ffb84d);box-shadow:0 6px 14px #f59e0b33}.setup-mode-card-ranked .setup-mode-name{grid-area:name}.setup-mode-card-ranked .setup-mode-desc{grid-area:desc}.setup-mode-name{font-size:16px;font-weight:700}.setup-mode-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.setup-size-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setup-size-card{background:var(--surface-subtle);border:2px solid var(--border-subtle);border-bottom:3px solid var(--border-medium);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);color:var(--text-primary);text-align:center}.setup-size-card:hover{border-color:var(--border-medium);background:var(--surface-card);transform:translateY(-2px) scale(1.02)}.setup-size-card.selected{border-color:var(--border-focus);background:var(--color-primary-bg)}.setup-size-grid{display:grid;gap:2px;width:48px;height:36px}.setup-size-dot{background:var(--border-medium);border-radius:1px}.setup-size-card.selected .setup-size-dot{background:var(--color-primary-bg-hover)}.setup-size-label{font-size:20px;font-weight:800;color:var(--text-primary)}.setup-size-dims{font-size:11px;color:var(--text-muted)}.setup-size-rec{font-size:11px;color:var(--text-accent);font-weight:600}.setup-size-mobile-warn{font-size:10px;font-weight:700;color:#e67e22;margin-top:2px;letter-spacing:.2px}.setup-size-card.mobile-warn{border-color:#e67e2259}.setup-size-card.mobile-warn.selected{border-color:#e67e2299;background:#e67e220f}.setup-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 4px}.setup-section-head .setup-section-label{margin:0}.setup-section-sub{font-size:11px;font-weight:800;color:var(--text-muted);white-space:nowrap}.setup-replay-section{max-width:560px}.single-replay-list{display:grid;gap:10px}.single-replay-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.single-replay-main,.single-replay-retry{border:2px solid var(--border-subtle);border-bottom:3px solid var(--border-medium);background:var(--surface-subtle);color:var(--text-primary);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.single-replay-main{min-width:0;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.single-replay-main:hover,.single-replay-retry:hover{transform:translateY(-1px);border-color:var(--border-focus);background:var(--surface-card)}.single-replay-badge{font-size:10px;font-weight:900;color:var(--text-accent);letter-spacing:.5px}.single-replay-score{font-family:var(--tj-result-display-font, "Fredoka One", cursive);font-size:26px;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.single-replay-meta,.single-replay-stats{max-width:100%;font-size:11px;font-weight:800;color:var(--text-muted);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.single-replay-retry{min-width:86px;border-radius:14px;padding:0 12px;font-size:12px;font-weight:900;color:var(--text-accent)}.setup-start-btn{width:100%;max-width:320px;padding:16px;border:none;border-radius:50px;background:var(--color-primary-gradient);color:var(--text-on-primary);font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px var(--color-primary-shadow),var(--jelly-btn-depth-primary);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden}.setup-start-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:50px 50px 0 0;pointer-events:none}.setup-start-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.setup-start-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 28px var(--color-primary-shadow-hover),var(--jelly-btn-depth-primary)}.setup-start-btn:hover:after{animation:glossShimmer 1.5s ease}.setup-start-btn:active{animation:jellyPress .4s ease}.game-over-panel-v2{background:var(--surface-modal);border:1px solid var(--border-subtle);border-radius:24px;padding:36px 32px;text-align:center;min-width:300px;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px}.gameover-emoji{font-size:56px;line-height:1}.gameover-title{font-size:24px;font-weight:800;color:var(--text-primary);margin:0}.gameover-score-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;background:var(--color-primary-bg);border:1px solid var(--color-primary-bg-hover);border-radius:16px}.gameover-score-label{font-size:13px;color:var(--text-tertiary);font-weight:600}.gameover-score-value{font-size:40px;font-weight:900;color:var(--text-accent);line-height:1}.gameover-buttons{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.gameover-btn{width:100%;padding:14px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s}.gameover-btn:active{transform:scale(.97)}.gameover-btn-primary{background:var(--color-primary-gradient);color:var(--text-on-primary);box-shadow:0 4px 16px var(--color-primary-shadow)}.gameover-btn-secondary{background:var(--surface-subtle);color:var(--text-primary);border:1px solid var(--border-medium)}.gameover-btn-ghost{background:none;color:var(--text-muted);padding:10px;font-size:14px}.gameover-btn-ghost:hover{color:var(--text-secondary)}.gameover-rank-hint{margin:12px 0 4px;background:linear-gradient(135deg,#7b5cbf14,#9b6ee81f);border:1.5px solid rgba(123,92,191,.25);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}.gameover-rank-hint-text{font-size:14px;color:var(--text-secondary, #5a4a8a);text-align:center;line-height:1.4}.gameover-rank-hint-text strong{color:#7b5cbf;font-size:16px}.gameover-btn-rank-cta{padding:9px 24px;border-radius:50px;background:linear-gradient(135deg,#7b5cbf,#9b6ee8);color:#fff;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:opacity .2s,transform .2s;box-shadow:0 3px 12px #7b5cbf66}.gameover-btn-rank-cta:hover{opacity:.9;transform:translateY(-1px)}.gameover-share-row{display:flex;justify-content:center;margin-top:12px}@media (max-width: 600px){.setup-mode-cards{grid-template-columns:1fr}}@media (max-width: 480px){.single-setup-content{padding:10px 16px 32px;gap:20px}.setup-size-cards{gap:8px}.setup-size-card{padding:12px 8px}.single-replay-card{grid-template-columns:1fr}.single-replay-retry{min-height:40px}}.ingame-emoji-btn{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:calc(16px + env(safe-area-inset-right,0px));z-index:120}.ingame-emoji-overlay{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:110;pointer-events:none}.ingame-emoji-overlay .emoji-bubble{position:relative;bottom:auto;left:auto;transform:none;animation:ingame-emoji-float 3s ease forwards}@keyframes ingame-emoji-float{0%{opacity:0;transform:scale(.6) translateY(8px)}15%{opacity:1;transform:scale(1.15) translateY(0)}70%{opacity:1;transform:scale(1) translateY(-4px)}to{opacity:0;transform:scale(.8) translateY(-12px)}}.cookie-consent{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:12000;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;max-width:960px;margin:0 auto;padding:12px;border:1px solid rgba(72,45,115,.16);border-radius:14px;background:#fffdf7f5;box-shadow:0 14px 40px #32224e2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cookie-text{margin:0;color:#3f3251;font-size:13px;font-weight:800;line-height:1.35}.cookie-subtext{display:block;margin-top:3px;color:#3f3251ad;font-size:12px;font-weight:700}.cookie-btn-learn,.cookie-btn-essential,.cookie-btn-accept{min-height:38px;border-radius:10px;padding:0 14px;font-size:12px;font-weight:900;white-space:nowrap}.cookie-btn-learn,.cookie-btn-essential{border:1px solid rgba(72,45,115,.18);background:#ffffffad;color:#604f78}.cookie-btn-accept{border:0;background:linear-gradient(135deg,#7ad3b5,#ffcf6f);color:#2d2440;box-shadow:0 6px 14px #7ad3b547}[data-theme=dark] .cookie-consent{border-color:#ffffff1f;background:#211b2ff2;box-shadow:0 14px 40px #00000059}[data-theme=dark] .cookie-text{color:#ffffffe6}[data-theme=dark] .cookie-subtext{color:#ffffff9e}@media (max-width: 720px){.cookie-consent{grid-template-columns:1fr 1fr}.cookie-text,.cookie-btn-learn{grid-column:1 / -1}}:root,[data-theme=light]{color-scheme:light;--bg-primary: #F5F2F9;--bg-secondary: #EFECF5;--bg-tertiary: #F3F0F8;--bg-gradient: linear-gradient(160deg, #F5F2F9 0%, #EFECF5 40%, #F3F0F8 100%);--surface-nav: rgba(255, 255, 255, .68);--surface-card: rgba(255, 255, 255, .75);--surface-card-hover: rgba(255, 255, 255, .85);--surface-modal: rgba(255, 255, 255, .82);--surface-input: #F0ECF5;--surface-subtle: rgba(157, 123, 255, .06);--surface-skeleton: rgba(157, 123, 255, .06);--surface-skeleton-shine: rgba(157, 123, 255, .12);--border-subtle: rgba(157, 123, 255, .1);--border-medium: rgba(157, 123, 255, .18);--border-strong: rgba(157, 123, 255, .25);--border-focus: #9D7BFF;--border-error: #C05050;--text-primary: #2E2640;--text-secondary: #5A5070;--text-tertiary: #8A80A0;--text-muted: #A098B0;--text-placeholder: #A098B0;--text-on-primary: white;--text-on-dark-btn: white;--text-accent: #7B5CC0;--text-error: #C05050;--color-primary: #9D7BFF;--color-primary-end: #8B68EE;--color-primary-gradient: linear-gradient(135deg, #9D7BFF, #8B68EE);--color-primary-bg: rgba(157, 123, 255, .1);--color-primary-bg-hover: rgba(157, 123, 255, .18);--color-primary-shadow: rgba(157, 123, 255, .2);--color-primary-shadow-hover: rgba(157, 123, 255, .35);--color-secondary: #FF708A;--color-secondary-end: #E85A73;--color-secondary-gradient: linear-gradient(135deg, #FF708A, #E85A73);--color-secondary-shadow: rgba(255, 112, 138, .25);--color-cta: #4ADE80;--color-cta-end: #38C96C;--color-cta-gradient: linear-gradient(135deg, #4ADE80, #38C96C);--color-cta-shadow: rgba(74, 222, 128, .35);--color-quickjoin: #E088A0;--color-quickjoin-end: #C87088;--color-quickjoin-gradient: linear-gradient(135deg, #E088A0, #C87088);--bar-normal: linear-gradient(90deg, #9D7BFF, #8B68EE);--bar-warn: linear-gradient(90deg, #C8A050, #B08838);--bar-full: linear-gradient(90deg, #C05050, #B04040);--bar-bg: rgba(157, 123, 255, .1);--badge-s-bg: rgba(157, 123, 255, .12);--badge-s-color: #7B5CC0;--badge-m-bg: rgba(100, 130, 180, .1);--badge-m-color: #5A7A9A;--badge-l-bg: rgba(255, 112, 138, .1);--badge-l-color: #E0608A;--badge-mode-bg: rgba(74, 222, 128, .1);--badge-mode-color: #30A060;--badge-default-bg: rgba(157, 123, 255, .1);--badge-default-color: #7B5CC0;--shadow-card: 0 4px 16px rgba(100, 80, 140, .1), 0 1px 3px rgba(100, 80, 140, .06);--shadow-nav: 0 2px 10px rgba(100, 80, 140, .05);--shadow-modal: 0 8px 32px rgba(100, 80, 140, .1);--shadow-btn-primary: 0 4px 16px rgba(157, 123, 255, .3);--jelly-shine: linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%);--jelly-depth-shadow: 0 4px 0 rgba(0,0,0,.07);--jelly-radius: 28% 28% 28% 28% / 32% 32% 32% 32%;--jelly-btn-depth: 0 3px 0 rgba(0,0,0,.1);--jelly-btn-depth-primary: 0 3px 0 rgba(120, 80, 200, .3);--jelly-btn-depth-cta: 0 3px 0 rgba(50, 180, 90, .35);--tile-text: #2E2640;--tile-shadow: 0 2px 7px rgba(0,0,0,.04), inset 0 2px 3px rgba(255,255,255,.5);--game-bg: linear-gradient(135deg, #EFECF5 0%, #9D7BFF 100%);--game-board-bg: linear-gradient(145deg, #FFFFFF 0%, #F3EEFF 100%);--game-board-border: rgba(157, 123, 255, .28);--game-text-dark: #2E2640;--game-back-btn: #EFECF5;--game-back-btn-hover: #E2DCF0;--board-ring-highlight: 0 0 0 1px rgba(255, 255, 255, .55);--overlay-bg: rgba(0, 0, 0, .65);--overlay-blur: blur(8px);--discord-bg: #5865F2;--error-bg: rgba(192, 80, 80, .1);--error-bg-hover: rgba(192, 80, 80, .2);--scrollbar-track: rgba(157, 123, 255, .3);--scrollbar-thumb: rgba(157, 123, 255, .5);--scrollbar-thumb-hover: rgba(157, 123, 255, .7);--logo-color: #7B5CC0}[data-theme=dark]{color-scheme:dark;--bg-primary: #1A1528;--bg-secondary: #221D30;--bg-tertiary: #281F38;--bg-gradient: linear-gradient(160deg, #1A1528 0%, #221D30 40%, #281F38 100%);--surface-nav: rgba(30, 25, 48, .88);--surface-card: rgba(130, 100, 180, .06);--surface-card-hover: rgba(130, 100, 180, .12);--surface-modal: rgba(30, 25, 48, .94);--surface-input: rgba(130, 100, 180, .08);--surface-subtle: rgba(130, 100, 180, .04);--surface-skeleton: rgba(130, 100, 180, .06);--surface-skeleton-shine: rgba(130, 100, 180, .14);--border-subtle: rgba(130, 100, 180, .1);--border-medium: rgba(130, 100, 180, .18);--border-strong: rgba(130, 100, 180, .25);--border-focus: #A88BFF;--border-error: #D06060;--text-primary: rgba(230, 220, 245, .92);--text-secondary: rgba(200, 185, 220, .7);--text-tertiary: rgba(180, 165, 200, .5);--text-muted: rgba(180, 165, 200, .4);--text-placeholder: rgba(180, 165, 200, .4);--text-on-primary: white;--text-on-dark-btn: white;--text-accent: #B098E0;--text-error: #E07070;--color-primary: #A88BFF;--color-primary-end: #9578EE;--color-primary-gradient: linear-gradient(135deg, #A88BFF, #9578EE);--color-primary-bg: rgba(168, 139, 255, .1);--color-primary-bg-hover: rgba(168, 139, 255, .2);--color-primary-shadow: rgba(168, 139, 255, .15);--color-primary-shadow-hover: rgba(168, 139, 255, .3);--color-secondary: #FF8599;--color-secondary-end: #E86D82;--color-secondary-gradient: linear-gradient(135deg, #FF8599, #E86D82);--color-secondary-shadow: rgba(255, 133, 153, .2);--color-cta: #4ADE80;--color-cta-end: #38C96C;--color-cta-gradient: linear-gradient(135deg, #4ADE80, #38C96C);--color-cta-shadow: rgba(74, 222, 128, .3);--color-quickjoin: #E088A0;--color-quickjoin-end: #C87088;--color-quickjoin-gradient: linear-gradient(135deg, #E088A0, #C87088);--bar-normal: linear-gradient(90deg, #A88BFF, #9578EE);--bar-warn: linear-gradient(90deg, #C8A050, #B08838);--bar-full: linear-gradient(90deg, #D06060, #B84848);--bar-bg: rgba(130, 100, 180, .1);--badge-s-bg: rgba(168, 139, 255, .12);--badge-s-color: #B098E0;--badge-m-bg: rgba(100, 140, 180, .12);--badge-m-color: #70A0C8;--badge-l-bg: rgba(255, 133, 153, .12);--badge-l-color: #FF90A8;--badge-mode-bg: rgba(74, 222, 128, .1);--badge-mode-color: #60D090;--badge-default-bg: rgba(168, 139, 255, .1);--badge-default-color: #B098E0;--shadow-card: 0 4px 16px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .1);--shadow-nav: 0 2px 10px rgba(0, 0, 0, .2);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .35);--shadow-btn-primary: 0 4px 16px rgba(168, 139, 255, .2);--jelly-shine: linear-gradient(180deg, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 50%);--jelly-depth-shadow: 0 4px 0 rgba(0,0,0,.15);--jelly-radius: 28% 28% 28% 28% / 32% 32% 32% 32%;--jelly-btn-depth: 0 3px 0 rgba(0,0,0,.2);--jelly-btn-depth-primary: 0 3px 0 rgba(100, 70, 190, .4);--jelly-btn-depth-cta: 0 3px 0 rgba(40, 160, 80, .4);--tile-text: #1A1528;--tile-shadow: 0 2px 7px rgba(0,0,0,.2), inset 0 2px 3px rgba(255,255,255,.4);--game-bg: linear-gradient(135deg, #1A1528 0%, #352A58 100%);--game-board-bg: linear-gradient(145deg, #1E1336 0%, #281848 100%);--game-board-border: rgba(168, 139, 255, .2);--game-text-dark: #EAE0FF;--game-back-btn: rgba(130, 100, 180, .1);--game-back-btn-hover: rgba(130, 100, 180, .2);--board-ring-highlight: none;--overlay-bg: rgba(0, 0, 0, .75);--overlay-blur: blur(8px);--discord-bg: #5865F2;--error-bg: rgba(208, 96, 96, .1);--error-bg-hover: rgba(208, 96, 96, .2);--scrollbar-track: rgba(168, 139, 255, .2);--scrollbar-thumb: rgba(168, 139, 255, .4);--scrollbar-thumb-hover: rgba(168, 139, 255, .6);--logo-color: #B098E0}[data-eye-comfort=on][data-theme=light],[data-eye-comfort=on]:root{--bg-primary: #F5F0E8;--bg-secondary: #EFE9E0;--bg-tertiary: #F3EDE4;--bg-gradient: linear-gradient(160deg, #F5F0E8 0%, #EFE9E0 40%, #F3EDE4 100%);--surface-nav: rgba(255, 252, 245, .7);--surface-card: rgba(255, 252, 245, .78);--surface-card-hover: rgba(255, 252, 245, .88);--surface-modal: rgba(255, 252, 245, .85);--surface-input: #F0EBE2;--surface-subtle: rgba(155, 133, 216, .06);--border-subtle: rgba(155, 133, 216, .1);--border-medium: rgba(155, 133, 216, .18);--text-primary: #3A3530;--text-secondary: #5A5550;--text-tertiary: #8A8580;--text-muted: #A09890;--text-accent: #7A6AAA;--color-primary: #9B85D8;--color-primary-end: #8A74C8;--color-primary-gradient: linear-gradient(135deg, #9B85D8, #8A74C8);--color-primary-bg: rgba(155, 133, 216, .1);--color-primary-bg-hover: rgba(155, 133, 216, .18);--color-primary-shadow: rgba(155, 133, 216, .2);--shadow-card: 0 4px 16px rgba(100, 85, 60, .08), 0 1px 3px rgba(100, 85, 60, .04);--shadow-nav: 0 2px 10px rgba(100, 85, 60, .04);--game-bg: linear-gradient(135deg, #EFE9E0 0%, #9B85D8 100%);--game-board-bg: linear-gradient(135deg, #FFFCF5 0%, #F8F4EC 100%);--game-board-border: rgba(155, 133, 216, .2);--board-ring-highlight: 0 0 0 1px rgba(255, 255, 255, .55);--scrollbar-track: rgba(155, 133, 216, .2);--scrollbar-thumb: rgba(155, 133, 216, .4);--logo-color: #7A6AAA}[data-eye-comfort=on][data-theme=dark]{--bg-primary: #1E1A14;--bg-secondary: #262018;--bg-tertiary: #2C2520;--bg-gradient: linear-gradient(160deg, #1E1A14 0%, #262018 40%, #2C2520 100%);--surface-nav: rgba(35, 30, 22, .9);--surface-card: rgba(120, 100, 70, .06);--surface-card-hover: rgba(120, 100, 70, .12);--surface-modal: rgba(35, 30, 22, .95);--surface-input: rgba(120, 100, 70, .08);--surface-subtle: rgba(120, 100, 70, .04);--border-subtle: rgba(120, 100, 70, .1);--border-medium: rgba(120, 100, 70, .18);--text-primary: rgba(235, 228, 215, .92);--text-secondary: rgba(210, 200, 185, .7);--text-tertiary: rgba(185, 175, 160, .5);--text-muted: rgba(185, 175, 160, .4);--text-accent: #B0A0C8;--color-primary: #A090D0;--color-primary-end: #9080C0;--color-primary-gradient: linear-gradient(135deg, #A090D0, #9080C0);--color-primary-bg: rgba(160, 144, 208, .1);--color-primary-bg-hover: rgba(160, 144, 208, .2);--color-primary-shadow: rgba(160, 144, 208, .15);--shadow-card: 0 4px 16px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .08);--game-bg: linear-gradient(135deg, #1E1A14 0%, #3A3028 100%);--game-board-bg: linear-gradient(145deg, #201810 0%, #2E231A 100%);--game-board-border: rgba(160, 144, 208, .2);--scrollbar-track: rgba(160, 144, 208, .15);--scrollbar-thumb: rgba(160, 144, 208, .3);--logo-color: #B0A0C8}@keyframes jellyPress{0%{transform:scale(1)}30%{transform:scale(.92,1.08)}50%{transform:scale(1.05,.95)}70%{transform:scale(.98,1.02)}to{transform:scale(1)}}@keyframes jellyBounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.06,.94)}70%{transform:scale(.97,1.03)}to{transform:scale(1);opacity:1}}@keyframes glossShimmer{0%{left:-100%}50%,to{left:150%}}@keyframes jellyFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01,.99)}}@keyframes tileBreath{0%,to{transform:scale(1)}50%{transform:scale(1.008,.992)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid #4A90D9;outline-offset:2px}.tile:focus-visible .tile-inner{outline:3px solid #FFD700;outline-offset:2px;box-shadow:0 0 10px #ffd70080}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4A90D9;outline-offset:2px;box-shadow:0 0 8px #4a90d966}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;z-index:9999;transition:top .3s}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (pointer: coarse){button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:44px;min-width:44px}button,a,input,select,textarea{touch-action:manipulation}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea{min-height:44px;font-size:16px}.icon-button,.control-icon-btn,.lang-button{min-height:44px;min-width:44px}}.scrollable,[class*=list],[class*=container]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.game-board,.ranking-list,.room-list{will-change:scroll-position;transform:translateZ(0)}.login-dropdown-oauth{width:100%}.login-dropdown-oauth>div{width:100%}.login-dropdown-google,.login-dropdown-discord{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:180px;height:40px;padding:10px 18px;border-radius:24px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;box-sizing:border-box;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .1s,opacity .2s}.login-dropdown-google{background:#fff;color:#3c4043;border:1px solid #dadce0;box-shadow:none}.login-dropdown-google:hover{background:#f8fafd;border-color:#c9d0d8;box-shadow:0 1px 3px #3c40432e}.login-dropdown-google:active,.login-dropdown-discord:active{transform:scale(.98)}.login-dropdown-google svg,.login-dropdown-discord svg{flex-shrink:0}.login-dropdown-discord{background:#5865f2;color:#fff;border:none}.login-dropdown-discord:hover{background:#4752c4}.login-dropdown-discord:disabled{opacity:.65;cursor:not-allowed;transform:none}[data-theme=dark] .login-dropdown-google{background:#fffffff5;color:#2a1f4e;border-color:#ffffffb3}.single-setup-content{display:flex;flex-direction:column}.single-setup-content>.setup-section:not(.setup-replay-section){order:10}.single-setup-content>.setup-start-btn{order:20}.single-setup-content>.setup-replay-section{order:30}.single-setup-controls{display:flex;align-items:center;gap:8px}.single-setup-nav .accessibility-menu,.single-setup-nav .accessibility-toggle{display:none!important}.single-setup-nav .nav-icon-btn,.single-setup-nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.single-setup-nav-icon-btn{position:fixed;top:18px;right:18px;z-index:1200}@media (max-width: 600px){.single-setup-nav-icon-btn{top:14px;right:14px}}.result-screen-overlay .tjrm-win-name,.result-screen-overlay .tjrm-rank-name,.result-screen-overlay .tjrm-hero-nickname,.result-screen-overlay .tjrm-hero-teamname-label,.result-screen-overlay .tjrm-t-chip{font-family:var(--tj-result-body-font, "Nunito", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif);font-weight:950;letter-spacing:-.015em;border-radius:999px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.result-screen-overlay .tjrm-win-name{display:inline-block;padding:2px 8px 3px;font-size:22px;line-height:1.12;color:#6b2e08;text-shadow:0 2px 0 rgba(255,255,255,.42),0 4px 10px rgba(146,64,14,.18)}[data-theme=dark] .result-screen-overlay .tjrm-win-name{color:#ffe08a;text-shadow:0 2px 0 rgba(0,0,0,.28),0 4px 14px rgba(245,158,11,.24)}.result-screen-overlay .tjrm-winner-highlight.is-me .tjrm-win-name{color:#03543f;text-shadow:0 2px 0 rgba(255,255,255,.38),0 4px 10px rgba(5,150,105,.2)}.result-screen-overlay .tjrm-rank-name{font-size:15px;line-height:1.18;color:var(--rs-ink2)}.result-screen-overlay .tjrm-rank-name.me-name{color:#059669;text-shadow:0 1px 0 rgba(255,255,255,.34)}.result-screen-overlay .tjrm-hero-nickname,.result-screen-overlay .tjrm-hero-teamname-label{padding-left:14px;padding-right:14px;font-size:14px;line-height:1.16;box-shadow:inset 0 -2px #ffffff14}.result-screen-overlay .tjrm-t-chip{font-size:12px;line-height:1.15;padding:4px 9px}.empty-state-invite-first{max-width:520px;margin:0 auto;padding:46px 20px 52px;text-align:center}.empty-state-invite-first .empty-jelly{width:132px;height:124px;margin-bottom:18px}.empty-live-badge{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;margin-bottom:18px;border-radius:999px;background:#7b5cbf17;border:1px solid rgba(123,92,191,.2);color:#6a4daa;font-size:12px;font-weight:850;letter-spacing:-.01em;box-shadow:0 6px 18px #7b5cbf14}.empty-live-dot{width:7px;height:7px;border-radius:50%;background:#20c997;box-shadow:0 0 0 5px #20c99724;animation:emptyLivePulse 1.8s ease-in-out infinite}.empty-subtitle{max-width:430px;margin:10px auto 0;color:#7f6ca8;font-size:14px;font-weight:650;line-height:1.58}.empty-proof-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.empty-proof-row span{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(180,160,240,.32);color:#7b5cbf;font-size:12px;font-weight:800}.empty-actions-primary{margin-top:24px}.empty-actions-primary .btn-create{min-width:190px;box-shadow:inset 0 1px #ffffff61,inset 0 -2px #4a268e47,0 8px 24px #7b5cbf57}.empty-actions-primary .btn-quick{min-width:128px}.empty-secondary-link{margin-top:8px;border:none;background:#7b5cbf14;color:#7b5cbf;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;cursor:pointer}.empty-secondary-link:hover{background:#7b5cbf24}@keyframes emptyLivePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.72}}[data-theme=dark] .empty-live-badge{background:#a082eb24;border-color:#b4a0f03d;color:#d7c8ff}[data-theme=dark] .empty-subtitle{color:#b8a6da}[data-theme=dark] .empty-proof-row span{background:#ffffff12;border-color:#b4a0f038;color:#d7c8ff}@media (max-width: 600px){.empty-state-invite-first{padding:34px 18px 40px}.empty-subtitle{font-size:13px}.empty-actions-primary,.empty-actions-primary .btn-create,.empty-actions-primary .btn-quick{width:100%}}.ad-playback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#120a2894;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:adPlaybackFadeIn .18s ease-out}.ad-playback-exit{animation:adPlaybackFadeOut .18s ease-out forwards}.ad-playback-card{width:min(360px,100%);padding:28px 24px 24px;border-radius:28px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(180deg,#fffffff5,#f8f5fff0);box-shadow:0 24px 70px #2a1f4e47;text-align:center;color:#2a1f4e}.ad-playback-eyebrow{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border-radius:999px;background:#7b5cbf1a;color:#7b5cbf;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:16px}.ad-playback-spinner{width:46px;height:46px;margin:0 auto 16px;border-radius:50%;border:4px solid rgba(123,92,191,.16);border-top-color:#7b5cbf;animation:adPlaybackSpin .85s linear infinite}.ad-playback-title{font-size:21px;font-weight:900;letter-spacing:-.03em;margin-bottom:8px}.ad-playback-desc{font-size:14px;line-height:1.55;font-weight:600;color:#5d4b87}.ad-playback-sub{margin-top:10px;font-size:12px;line-height:1.45;color:#9880d0}[data-theme=dark] .ad-playback-card{background:linear-gradient(180deg,#231846fa,#160f2ef5);color:#f4eeff;border-color:#b4a0f047}[data-theme=dark] .ad-playback-desc{color:#d5c8f6}[data-theme=dark] .ad-playback-sub{color:#b7a6de}@keyframes adPlaybackSpin{to{transform:rotate(360deg)}}@keyframes adPlaybackFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adPlaybackFadeOut{0%{opacity:1}to{opacity:0}}.tjrs-floating-actions{gap:8px;padding-inline:max(14px,env(safe-area-inset-left))}.tjrs-floating-actions .tjrs-fa-btn{min-height:54px;gap:6px;border-radius:18px;font-family:var(--tj-result-body-font, "Nunito", "Apple SD Gothic Neo", sans-serif);font-weight:950}.tjrs-floating-actions .tjrs-fa-label{white-space:pre-line;word-break:keep-all;overflow-wrap:normal;letter-spacing:0;text-align:center;line-height:1.15}@media (max-width: 420px){.tjrs-floating-actions .tjrs-fa-btn{min-width:0;padding-inline:6px;gap:3px}.tjrs-floating-actions .tjrs-fa-btn.replay{padding-inline:4px}.tjrs-floating-actions .tjrs-fa-btn.challenge{padding-inline:3px}.tjrs-floating-actions .tjrs-fa-btn.restart{padding-inline:8px}}.hero-content-v2{max-width:620px;gap:18px}.hero-copy-v2{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-mascot-line{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;font-weight:700;box-shadow:var(--shadow-card)}.hero-title-v2{margin:0;font-size:clamp(34px,7vw,52px);line-height:1.08;letter-spacing:-.055em;font-weight:900;color:var(--text-primary)}.hero-tagline-v2{font-size:clamp(17px,3.8vw,22px);font-weight:700;color:var(--text-secondary);line-height:1.45}.hero-quick-wrap-v2{width:min(100%,420px);margin-top:2px;padding:12px 14px;border-radius:22px;background:#9d7bff13;border:1px solid rgba(157,123,255,.16)}.hero-quick-resume{width:100%;border:none;border-radius:18px;padding:12px 16px;background:var(--surface-card);color:var(--text-primary);font-family:inherit;cursor:pointer;box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border:1px solid var(--border-subtle);position:relative}.hero-quick-resume.multi{border-color:#ff708a3d}.hero-quick-resume:hover{transform:translateY(-2px);box-shadow:var(--shadow-card),0 8px 24px #0000000f}.hero-quick-resume-main{font-size:15px;font-weight:850;color:var(--text-primary)}.or-divider-v2{max-width:420px;margin:0}.hero-party-actions{width:min(100%,450px);display:flex;flex-direction:column;gap:0;border-radius:30px;overflow:hidden;background:var(--color-secondary-gradient);box-shadow:0 10px 30px #7c3aed33,var(--jelly-btn-depth)}.hero-party-card{min-height:122px;border:none;border-radius:28px;padding:20px 18px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;overflow:hidden;color:#fff;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s,box-shadow .2s}.hero-party-card:before{content:"";position:absolute;inset:0 0 auto 0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}.hero-party-card:hover{transform:translateY(-2px);filter:brightness(1.02)}.hero-party-card.create{background:var(--color-secondary-gradient);box-shadow:none;min-height:124px;border-radius:0;z-index:1}.hero-party-card.code{background:linear-gradient(180deg,#7d66f2fa,#6c5be0);box-shadow:inset 0 1px #ffffff38;min-height:58px;margin-top:0;border-radius:0;border-top:1px solid rgba(255,255,255,.3);padding:10px 18px 12px;flex-direction:row;gap:8px}.hero-party-card.code .hero-party-icon{font-size:22px}.hero-party-card.code .hero-party-title{font-size:17px}.hero-party-card.code .hero-party-desc{font-size:11px;opacity:.68}.hero-party-icon{font-size:30px;line-height:1}.hero-party-title{font-size:22px;font-weight:900;letter-spacing:-.03em}.hero-party-desc{font-size:13px;font-weight:650;opacity:.82}.hero-solo-entry{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:2px}.hero-solo-label{font-size:12px;color:var(--text-muted);font-weight:700}.hero-solo-btn{width:100%;min-height:68px;border-radius:22px;border:1px solid rgba(157,123,255,.22);background:var(--surface-card);color:var(--text-primary);font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:var(--shadow-card);transition:transform .18s ease,border-color .18s ease,background .18s ease;position:relative}.hero-solo-btn:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--color-primary-bg)}.hero-solo-btn span{font-size:17px;font-weight:850}.hero-solo-btn em{font-style:normal;font-size:12px;color:var(--text-tertiary);font-weight:650}.hero-secondary-cta-row-v2{margin-top:0}.hero-secondary-cta-row-v2 .hero-secondary-cta-btn{font-size:13px}@media (max-width: 768px){.hero-content-v2{gap:15px}.hero-party-actions{width:min(100%,360px)}.hero-party-card{min-height:94px;border-radius:24px;padding:16px}.hero-party-card.create{min-height:104px;border-radius:0}.hero-party-card.code{min-height:56px;border-radius:0;padding:9px 14px 11px}.hero-party-icon{font-size:26px}.hero-party-title{font-size:20px}.hero-party-desc{font-size:12px}.hero-party-card.code .hero-party-icon{font-size:20px}.hero-party-card.code .hero-party-title{font-size:17px}.hero-party-card.code .hero-party-desc{font-size:10px}.hero-quick-wrap-v2,.hero-solo-entry{width:min(100%,360px)}}@media (max-width: 480px){.landing-hero{padding-top:72px}.hero-title-v2{font-size:clamp(30px,8vw,40px)}.hero-tagline-v2{font-size:16px}.hero-mascot-line{font-size:12px;padding:6px 12px}.hero-subtext{font-size:13px}}@media (max-width: 768px){@keyframes boardShakeMobileOnly{0%,to{transform:translateZ(0)}20%{transform:translate3d(-6px,2px,0)}40%{transform:translate3d(6px,-2px,0)}60%{transform:translate3d(-4px,3px,0)}80%{transform:translate3d(4px,-3px,0)}}@keyframes boardShakeStrongMobileOnly{0%,to{transform:translateZ(0)}12%{transform:translate3d(-8px,5px,0)}25%{transform:translate3d(8px,-5px,0)}38%{transform:translate3d(-7px,4px,0)}50%{transform:translate3d(7px,-4px,0)}62%{transform:translate3d(-5px,3px,0)}75%{transform:translate3d(5px,-3px,0)}88%{transform:translate3d(-2px,2px,0)}}.game-board-container{padding:3px 6px 6px}.game-board{gap:2px;padding:4px;border-width:2px;box-shadow:0 8px 24px #7850f024,0 2px 7px #0000000d,var(--board-ring-highlight, 0 0 0 1px rgba(255, 255, 255, .48))}.game-board.shake{animation:boardShakeMobileOnly .28s ease-out!important;transform-origin:center center;will-change:transform}.game-board.shake-strong{animation:boardShakeStrongMobileOnly .38s ease-out!important;transform-origin:center center;will-change:transform}@keyframes tileFailShakeMobileOnly{0%,to{transform:translateZ(0);filter:brightness(.85) saturate(.6)}20%{transform:translate3d(-5px,0,0);filter:brightness(.82) saturate(.6)}40%{transform:translate3d(5px,0,0)}60%{transform:translate3d(-4px,0,0)}80%{transform:translate3d(4px,0,0)}}.tile.fail{animation:tileFailShakeMobileOnly .35s ease-out!important;will-change:transform,filter}[data-board-style=jelly] .tile.fail{animation:tileFailShakeMobileOnly .35s ease-out!important}@keyframes mobileValidPulseOnly{0%{box-shadow:0 0 #18c8503d,inset 0 2px 4px #ffffff8c}45%{box-shadow:0 0 0 3px #18c85038,0 0 12px #18c85047,inset 0 2px 4px #ffffff8c}to{box-shadow:0 0 #18c85000,inset 0 2px 4px #ffffff8c}}.tile.valid .tile-inner{animation:mobileValidPulseOnly .3s ease-out!important}[data-board-style=jelly] .tile.valid{box-shadow:0 1px #0e8e38,0 0 0 2px #18c8504d,0 0 11px #18c85038,inset 0 2px 4px #ffffff8c!important}[data-board-style=jelly] .tile:not(.empty){box-shadow:0 3px 0 var(--tile-shadow),0 4px 9px #501eb414,inset 0 2px 4px #ffffffad,inset 0 -1px 2px #00000012}[data-board-style=jelly] .tile-remove-effect{animation-duration:.42s!important}.sync-burst-overlay{animation-duration:.52s!important}.combo-float{top:4px;padding:5px 16px;font-size:13px;z-index:70}.score-float.t5,.score-float.t6,.score-float.tx{filter:drop-shadow(0 0 6px rgba(255,215,0,.34))}}@media (max-width: 480px){.game-board-container{gap:8px;padding:3px}.game-board{gap:1px;padding:2px;border-width:1px;border-radius:10px}.game-board.shake{animation-duration:.3s!important}.game-board.shake-strong{animation-duration:.4s!important}.tile.fail{animation-duration:.37s!important}.combo-float{font-size:12px;padding:4px 13px}.result-actions{padding-bottom:max(env(safe-area-inset-bottom,0px),12px)!important}}@media (hover: none) and (pointer: coarse){[data-board-style=jelly] .tile:hover:not(.selected):not(.empty):not(.success){transform:none!important}.tile:hover:not(.selected):not(.empty):not(.success) .tile-inner{transform:none!important}.menu-btn:hover,.icon-button:hover,.hero-party-card:hover,.hero-solo-btn:hover,.hero-quick-resume:hover,.ranked-mode-start-btn:hover:not(:disabled){transform:none!important}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){.game-board.shake,.game-board.shake-strong,.tile.fail,[data-board-style=jelly] .tile.fail{animation-duration:.18s!important}}