*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pdf-exporting,.pdf-exporting *{background:#fff!important;box-shadow:none!important;filter:none!important}body.pdf-force-white,body.pdf-force-white *{background:#fff!important}.pdf-exporting .sticky,.pdf-exporting .fixed{position:static!important}.pdf-exporting canvas,.pdf-force-white canvas{background:#fff!important}@media print{html,body{background:#fff!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pdf-light-mode,.pdf-light-mode *{background:#fff!important;color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.lane-selection-wrapper{position:relative;margin-bottom:20px;padding-top:20px}.lane-selector-toggle{position:absolute;top:0;left:50%;transform:translate(-50%);width:56px;height:28px;background:var(--accent-primary);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:2px solid var(--accent-primary);border-radius:14px 14px 0 0;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}.lane-selector-toggle:hover{background:#2563eb;border-color:#2563eb;transform:translate(-50%) scale(1.1);box-shadow:0 6px 20px #0003,0 3px 10px #00000026}.toggle-arrow{font-size:1em;font-weight:700;color:#fff;transition:all .3s ease}.lane-selector-toggle:active{transform:translate(-50%) scale(.95)}.lane-selection-section{max-height:1000px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .3s ease;opacity:1;margin-bottom:16px;position:relative;z-index:1}.lane-selection-section.collapsed{max-height:0;opacity:0;margin-bottom:0}.lane-select-menu{display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);gap:20px;padding:24px;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;min-width:0;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:5}.lane-select-header{display:flex;align-items:center;gap:24px;justify-content:space-between}.lane-select-label{color:var(--text-secondary);font-weight:700;font-size:1.2em;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.lane-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.lane-btn{width:52px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000d,inset 0 1px #ffffff1a;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.lane-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.lane-btn.selected,.lane-btn.selected:focus,.lane-btn.selected:active,.lane-btn.selected:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.lane-btn.selected:before{left:100%}.lane-btn.inactive{background:#ff6b6b;color:#fff;border-color:#ff5252;opacity:.7;cursor:not-allowed}.lane-btn.inactive:hover,.lane-btn.inactive:focus,.lane-btn.inactive:active{background:#ff6b6b!important;color:#fff!important;border-color:#ff5252!important;transform:none!important;cursor:not-allowed!important}.lane-btn.inactive:before{display:none}@media (hover: hover) and (pointer: fine){.lane-btn:not(.selected):hover,.lane-btn:not(.selected):focus{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff26}.lane-btn:not(.selected):hover:before{left:100%}}@media (hover: none) and (pointer: coarse){.lane-btn:not(.selected):hover,.lane-btn:not(.selected):active,.lane-btn:not(.selected):focus{background:var(--glass-bg)!important;color:var(--text-secondary)!important;border-color:var(--glass-border)!important;transform:none!important}}.select-buttons-group{display:flex;gap:12px;flex-wrap:wrap}.select-all-btn,.select-active-btn{padding:12px 24px;font-weight:700;font-size:1em;border-radius:12px;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.select-all-btn:before,.select-active-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.select-all-btn:hover,.select-active-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.select-all-btn:hover:before,.select-active-btn:hover:before{left:100%}.select-all-btn:disabled,.select-active-btn:disabled{background:#ff6b6b;color:#fff;border-color:#ff5252;opacity:.7;cursor:not-allowed}.select-all-btn:disabled:hover,.select-all-btn:disabled:focus,.select-all-btn:disabled:active,.select-active-btn:disabled:hover,.select-active-btn:disabled:focus,.select-active-btn:disabled:active{background:#ff6b6b!important;color:#fff!important;border-color:#ff5252!important;transform:none!important;cursor:not-allowed!important}.select-all-btn:disabled:before,.select-active-btn:disabled:before{display:none}@media (max-width: 600px){.lane-select-menu{padding:20px!important;border-radius:16px!important;gap:16px}.lane-buttons{justify-content:center;gap:10px}.lane-select-header{gap:16px!important;flex-direction:column;align-items:center}.lane-btn{width:48px;height:44px;font-size:1em}.select-buttons-group{flex-direction:column;width:100%;gap:8px}.select-all-btn,.select-active-btn{width:100%;margin-left:0;margin-top:0;padding:14px 0;font-size:1.1em}}.theme-toggle{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);padding:12px;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:48px;height:48px}.theme-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.theme-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.theme-toggle:hover:before{left:100%}.theme-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000d,inset 0 1px #ffffff1a}.theme-icon{font-size:1.2em}.controls-right{display:flex;gap:12px;align-items:center}@media (max-width: 600px){.theme-toggle,.language-toggle{padding:10px 16px;font-size:.9em;gap:6px}}.app-header{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;position:sticky;top:0;z-index:1000;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;max-width:1200px;margin:0 auto}.header-left{display:flex;align-items:center;gap:16px}.logo-link{display:flex;align-items:center;text-decoration:none;transition:all .3s ease}.app-logo{height:110px;width:auto;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-link:hover .app-logo{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 4px 12px rgba(59,130,246,.4))}.logo-link:active .app-logo{transform:translateY(0) scale(1)}.app-title{color:var(--text-primary);font-size:1.8em;font-weight:800;margin:0;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-title-link{color:var(--text-primary);text-decoration:none;transition:all .3s ease;cursor:pointer;display:inline-block}.app-title-link:hover{color:var(--accent-primary);text-shadow:0 2px 8px rgba(59,130,246,.4);transform:translateY(-1px)}.app-title-link:active{transform:translateY(0)}.header-right{display:flex;gap:12px;align-items:center}.bug-report-button{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);padding:12px;border-radius:12px;cursor:pointer;font-size:1.2em;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.bug-report-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px #ef444433,inset 0 1px #ffffff26}.bug-report-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.language-toggle{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);padding:12px;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:48px;height:48px}.flag-icon{font-size:1.5em;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Twemoji,sans-serif;font-variant-emoji:emoji;text-align:center;vertical-align:middle}.language-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.language-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.language-toggle:hover:before{left:100%}.language-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000d,inset 0 1px #ffffff1a}.lane-selection-section{padding:20px 24px;max-width:1200px;margin:0 auto}.selection-controls{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.columns-selector{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000d;transition:all .3s ease}.columns-selector:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a}.columns-selector label{color:var(--text-primary);font-weight:600;font-size:.95em;white-space:nowrap}.columns-dropdown{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:8px;padding:8px 32px 8px 12px;color:var(--text-primary);font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%233b82f6' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.columns-dropdown:hover{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.columns-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .columns-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2360a5fa' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'/%3E%3C/svg%3E")}.user-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 2px 8px #0000001a}.user-name{color:var(--text-primary);font-weight:600;font-size:.9em}.claim-games-button,.login-button,.register-button,.logout-button,.user-profile-button{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-primary);border:1px solid var(--glass-border);padding:10px 16px;border-radius:12px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:6px}.claim-games-button{background:var(--gradient-primary);border-color:transparent;color:#fff}.claim-games-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666,inset 0 1px #fff3}.login-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #ffffff26}.register-button{background:var(--gradient-primary);border-color:transparent;color:#fff}.register-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666,inset 0 1px #fff3}.user-profile-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #ffffff26}.logout-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px #ef444433,inset 0 1px #ffffff26}.claim-games-button:active,.login-button:active,.register-button:active,.logout-button:active,.user-profile-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.header-right{display:flex;align-items:center;gap:12px}@supports not (gap: 12px){.header-right>*+*{margin-left:12px}}@media (min-width: 821px){#mobile-nav{display:none}button[aria-controls=mobile-nav]{display:none!important}}@media (max-width: 820px){button[aria-controls=mobile-nav],button[title="My Profile"]{display:inline-flex!important}}.burger-btn{--w: 28px;--h: 2px;--g: 6px;--t: .22s;inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:12px;padding:0;color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s ease;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.burger-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #ffffff26}.burger-btn span{display:block;width:var(--w);height:var(--h);background:currentColor;border-radius:1px;transition:transform var(--t) ease,opacity var(--t) ease;transform-origin:50% 50%}.burger-btn span+span{margin-top:var(--g)}.burger-btn.is-open span:nth-child(1){transform:translateY(calc(var(--h) + var(--g))) rotate(45deg)}.burger-btn.is-open span:nth-child(2){opacity:0}.burger-btn.is-open span:nth-child(3){transform:translateY(calc(-1 * (var(--h) + var(--g)))) rotate(-45deg)}.mobile-only{display:none}@media (max-width: 820px){.mobile-only{display:block}}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1200}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav__panel{position:absolute;top:0;right:0;width:min(80vw,320px);height:100%;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-left:1px solid var(--glass-border);padding:20px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:-8px 0 32px #0000004d;transform:translate(100%);transition:transform .24s ease}.mobile-nav.open .mobile-nav__panel{transform:translate(0)}.mobile-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:1em;font-weight:600;text-align:left;padding:14px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--glass-border)}.mobile-link:hover{background:#3b82f61a;color:var(--accent-primary)}.mobile-link:active{background:#3b82f633}.desktop-menu{display:flex}@media (max-width: 820px){.desktop-menu{display:none!important}}@media (max-width: 600px){.header-content{padding:12px 16px}.app-logo{height:90px}.header-left{gap:10px}.app-title{font-size:1.2em}.lane-selection-section{padding:16px}.selection-controls{flex-direction:column;gap:16px}.columns-selector{display:none!important}}@media (max-width: 820px){.columns-selector{display:none!important}}@media (min-width: 821px){.mobile-profile-button{display:none!important}}@media (max-width: 820px){.mobile-profile-button{display:flex!important;position:fixed!important;top:20px!important;right:70px!important;z-index:9999!important}}
