@font-face{font-family:Super Joyful;src:url(/Super%20Joyful.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Super Joyful,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100vh;margin:0;padding:0;overflow:hidden}html{background:#000;background:linear-gradient(135deg,#667eea,#764ba2);overscroll-behavior:none;touch-action:none}body{min-width:320px;position:fixed;inset:0;background:#000;background:linear-gradient(135deg,#667eea,#764ba2);overscroll-behavior:none;touch-action:none}#root{position:fixed;inset:0}button{font-family:inherit}.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff;color:#1f2937}.PWABadge-toast.dark-mode{background-color:#1f2937;color:#fff;border-color:#374151}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast.dark-mode .PWABadge-toast-message{color:#fff}.PWABadge-toast-button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px;background-color:#fff;color:#1f2937;cursor:pointer;transition:all .2s ease}.PWABadge-toast.dark-mode .PWABadge-toast-button{background-color:#374151;color:#fff;border-color:#4b5563}.PWABadge-toast-button:hover{background-color:#f9fafb}.PWABadge-toast.dark-mode .PWABadge-toast-button:hover{background-color:#4b5563}.app{width:100%;height:100%;height:100dvh;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;background:#000;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;padding:0;box-sizing:border-box;position:relative}.players-container{flex:1;display:flex;flex-direction:column;height:100%;position:relative}.player-section{flex:1;display:flex;align-items:center;justify-content:center;padding:0;min-height:0;position:relative}.player-section.flipped,.player-section.flipped .lore-display,.player-section.flipped .lore-value{transform:rotate(180deg)}.lore-button{position:absolute;top:0;bottom:0;width:50%;border:none;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:1;touch-action:manipulation;animation:fadeInScore .5s ease-in;opacity:0;animation-fill-mode:forwards;outline:none}.lore-button:focus{outline:none}.lore-button:focus:not(:active){background:inherit!important}.lore-button svg{opacity:.5}.lore-button.minus{left:0;background:#00000005!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lore-button.plus{right:0;background:#ffffff0d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lore-button:hover{background:#ffffff1f}.lore-button.minus:hover{background:#0000000a}.lore-button.plus:active{background:#ffffff26!important}.lore-button.plus:focus:not(:active){background:#ffffff0d!important}.lore-button.minus:active{background:#0000000d!important}.lore-button.minus:focus:not(:active){background:#00000005!important}.lore-display{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:200px;z-index:2;pointer-events:none}.lore-value{font-family:Super Joyful,system-ui,sans-serif;font-size:12rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);line-height:1;-webkit-user-select:none;user-select:none;position:relative;animation:fadeInScore .5s ease-in;opacity:0;animation-fill-mode:forwards}.lore-value:after{content:"";position:absolute;bottom:-.1em;left:0;right:0;height:4px;background:#ffffff4d;border-radius:24px}.change-indicator{position:absolute;top:-70px;font-family:Super Joyful,system-ui,sans-serif;font-size:2.5rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.3);pointer-events:none;color:#fff;animation:fadeInOut 1.2s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.change-indicator.flipped{top:auto;bottom:-70px;animation:fadeInOutFlipped 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInScore{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px) scale(.9)}10%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}@keyframes fadeInOutFlipped{0%{opacity:0;transform:rotate(180deg) translateY(-20px) scale(.9)}10%{opacity:1;transform:rotate(180deg) translateY(0) scale(1)}90%{opacity:1;transform:rotate(180deg) translateY(0) scale(1)}to{opacity:0;transform:rotate(180deg) translateY(20px) scale(.9)}}.middle-divider{position:absolute;top:50%;left:0;right:0;height:16px;background:#00000040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:5;transform:translateY(-50%)}.menu-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.menu-button{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.4);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 15px #0003;touch-action:manipulation}.menu-button:hover{background:#ffffff59;border-color:#fff9;transform:scale(1.1)}.menu-button:active{transform:scale(.95)}.popup-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:2rem;z-index:101;box-shadow:0 10px 40px #0000004d;min-width:300px;animation:slideUp .3s ease}.popup-menu.dark-mode{background:#1f2937;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.popup-menu h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1f2937}.popup-menu.dark-mode h2{color:#fff}.popup-menu p{margin:0 0 1.5rem;color:#6b7280;font-size:1rem}.popup-menu.dark-mode p{color:#d1d5db}.popup-buttons{display:flex;gap:1rem;justify-content:flex-end}.popup-buttons-full{justify-content:stretch}.popup-buttons-full .popup-button{width:100%}.popup-button{padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.popup-button.cancel{background:#d1d5db;color:#1f2937}.popup-menu.dark-mode .popup-button.cancel{background:#374151;color:#fff}.popup-button.cancel:hover{background:#9ca3af}.popup-menu.dark-mode .popup-button.cancel:hover{background:#4b5563}.popup-button.confirm{background:#f87171;color:#fff;border:2px solid #f87171}.popup-menu.dark-mode .popup-button.confirm{background:#dc2626;color:#fff;border:2px solid #dc2626}.popup-button.confirm:hover{background:#ef4444;border:2px solid #ef4444}.popup-menu.dark-mode .popup-button.confirm:hover{background:#b91c1c;border:2px solid #b91c1c}.popup-button.confirm:active{background:#dc2626;border:2px solid #dc2626}.popup-menu.dark-mode .popup-button.confirm:active{background:#991b1b;border:2px solid #991b1b}.popup-button:active{transform:scale(.95)}.settings-menu{min-width:320px}.settings-options{margin:0 0 .75rem;display:flex;flex-direction:column;gap:.75rem}.settings-divider{height:1px;background-color:#e5e7eb;margin:0}.popup-menu.dark-mode .settings-divider{background-color:#374151}.settings-option-button{width:100%;padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;touch-action:manipulation}.popup-menu.dark-mode .settings-option-button{background:#374151;color:#fff;border-color:#4b5563}.settings-option-button:hover{background:#f9fafb;border-color:#d1d5db}.popup-menu.dark-mode .settings-option-button:hover{background:#4b5563;border-color:#6b7280}.settings-option-button:active{transform:scale(.98);background:#f3f4f6}.popup-menu.dark-mode .settings-option-button:active{background:#4b5563}.settings-option-button.reset-button{background:#f87171;color:#fff;border:2px solid #f87171;text-align:center}.popup-menu.dark-mode .settings-option-button.reset-button{background:#dc2626;color:#fff;border:2px solid #dc2626}.settings-option-button.reset-button:hover{background:#ef4444;border:2px solid #ef4444}.popup-menu.dark-mode .settings-option-button.reset-button:hover{background:#b91c1c;border:2px solid #b91c1c}.settings-option-button.reset-button:active{background:#dc2626;border:2px solid #dc2626}.popup-menu.dark-mode .settings-option-button.reset-button:active{background:#991b1b;border:2px solid #991b1b}.settings-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;color:#374151;border-radius:8px;transition:background-color .2s ease;justify-content:flex-start}.popup-menu.dark-mode .settings-checkbox-label{color:#fff}.settings-checkbox-label:hover{background-color:#f9fafb}.popup-menu.dark-mode .settings-checkbox-label:hover{background-color:transparent}.settings-checkbox-label.disabled{opacity:.5;cursor:not-allowed}.settings-checkbox-label.disabled:hover,.popup-menu.dark-mode .settings-checkbox-label.disabled:hover{background-color:transparent}.settings-checkbox{width:1.25rem;height:1.25rem;margin:0;cursor:pointer;accent-color:#667eea}.settings-checkbox:disabled{cursor:not-allowed}.strikethrough{text-decoration:line-through}.powered-by{margin-top:.75rem;text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,serif;font-size:.75rem;color:#9ca3af}.popup-menu.dark-mode .powered-by{color:#9ca3af}.powered-by a{color:#9ca3af;text-decoration:underline;transition:color .2s ease}.powered-by a:hover{color:#6b7280}.popup-menu.dark-mode .powered-by a:hover{color:#d1d5db}.settings-menu h2,.color-selector-section{margin-bottom:.75rem}.color-selector-label{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.popup-menu.dark-mode .color-selector-label{color:#d1d5db}.color-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:180px;margin:0}.color-preview{aspect-ratio:1;width:100%;border:3px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;padding:0;touch-action:manipulation;position:relative}.popup-menu.dark-mode .color-preview{border-color:#4b5563}.color-preview:hover{transform:scale(1.05);border-color:#d1d5db}.popup-menu.dark-mode .color-preview:hover{border-color:#6b7280}.color-preview.selected{border-color:#3b82f6;border-width:4px;box-shadow:0 0 0 2px #3b82f633}.popup-menu.dark-mode .color-preview.selected{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa4d}.color-preview:active{transform:scale(.95)}@media(max-width:768px){.lore-value{font-size:10rem}.lore-button svg{width:60px;height:60px}.change-indicator{font-size:2rem;top:-45px}.change-indicator.flipped{bottom:-45px}.menu-button{width:50px;height:50px;font-size:1.5rem}.popup-menu{min-width:280px;padding:1.5rem}}@media(max-width:480px){.lore-value{font-size:8rem}.lore-button svg{width:50px;height:50px}}