:root{color-scheme:dark;--bg: #0e0d0b;--bg-card: #161512;--bg-elevated: #1e1d19;--bg-raised: #27251f;--border: #2c2a25;--border-bright: #3c3a33;--border-control: #66635b;--accent: #e8c547;--accent-hover: #f2d160;--accent-dim: #b09830;--accent-soft: rgba(232, 197, 71, .12);--accent-glow: rgba(232, 197, 71, .15);--accent-border: rgba(232, 197, 71, .3);--accent-strong: rgba(232, 197, 71, .85);--accent-halo: rgba(232, 197, 71, .55);--accent-shine: #fff1b8;--medal-1: var(--accent);--medal-2: #c4c7cf;--medal-3: #cd8a55;--on-accent: #14120a;--red: #e66060;--red-soft: rgba(230, 96, 96, .12);--red-border: rgba(230, 96, 96, .3);--on-red: #1a0a0a;--green: #52c97a;--green-soft: rgba(82, 201, 122, .15);--green-border: rgba(82, 201, 122, .3);--blue: #5288e0;--blue-soft: rgba(82, 136, 224, .15);--blue-border: rgba(82, 136, 224, .3);--neutral-soft: rgba(176, 173, 163, .12);--accent-faint: rgba(232, 197, 71, .05);--red-deep: #c04040;--red-strong: rgba(230, 96, 96, .85);--heat: 220, 60, 60;--cat-duration: var(--blue);--cat-complexity: #e884d7;--cat-coop: #e88c47;--cat-mechanics: var(--accent);--cat-mood: var(--green);--cat-unwanted: #dd383a;--chart-1: #e8c547;--chart-2: #52c97a;--chart-3: #5288e0;--chart-4: #e05252;--chart-5: #a084e8;--chart-6: #e88c47;--chart-7: #47d4e8;--chart-8: #e847a0;--chart-9: #8ce847;--chart-10: #e8e047;--text: #f2efe8;--text-muted: #b0ada3;--text-dim: #918e85;--scrim: rgba(0, 0, 0, .75);--scrim-strong: rgba(0, 0, 0, .92);--glass: rgba(14, 13, 11, .92);--glass-menu: rgba(22, 21, 18, .98);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: .75rem;--text-sm: .85rem;--text-base: 1rem;--text-md: 1.1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 16px rgba(0, 0, 0, .45);--shadow-3: 0 12px 40px rgba(0, 0, 0, .6);--shadow: 0 4px 24px rgba(0, 0, 0, .5);--inset-light: inset 0 1px 0 rgba(255, 255, 255, .04);--z-base: 1;--z-sticky: 10;--z-dropdown: 20;--z-noise: 50;--z-nav-backdrop: 99;--z-nav: 100;--z-modal: 1000;--z-lightbox: 2000;--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.2, .7, .2, 1);--tap: 2.75rem;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.6;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:var(--z-noise);opacity:.4}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.display{font-family:var(--font-display);letter-spacing:.02em}h1{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:.04em;line-height:1}h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.03em}h3{font-size:var(--text-md);font-weight:600}.section-heading{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:1100px;margin:0 auto;padding-inline:var(--space-6)}.page-main{flex:1;padding-top:var(--space-10);padding-bottom:var(--space-10)}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:2.2rem;margin-bottom:var(--space-1)}.page-header strong{color:var(--text)}.state-center{display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);color:var(--text-muted);text-align:center;flex:1}.grid-collapse{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:var(--space-4)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--inset-light)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow),var(--inset-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:.65rem 1.4rem;border-radius:var(--radius-sm);border:none;font-size:var(--text-base);font-weight:500;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);cursor:pointer;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:700}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-control)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}.btn-ghost{background:transparent;color:var(--text-muted);border:none;padding:.5rem .75rem}@media (hover: hover){.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger:hover:not(:disabled){background:var(--red);color:var(--on-red)}.btn-ghost:hover:not(:disabled){color:var(--text)}}.btn-sm{min-height:2.25rem;padding:.4rem .9rem;font-size:var(--text-sm)}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);flex-shrink:0;padding:0;background:transparent;color:var(--text-muted);border:1px solid var(--border-bright);border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}@media (hover: hover){.icon-btn:hover{color:var(--accent);border-color:var(--accent)}}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.form-input{background:var(--bg);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text);min-height:var(--tap);padding:.7rem 1rem;font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);outline:none;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-dim)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-open{background:var(--green-soft);color:var(--green);border:1px solid var(--green-border)}.badge-closed{background:var(--neutral-soft);color:var(--text-muted);border:1px solid var(--border)}.badge-accent{background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent-border)}.badge-warning{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .5rem;border-radius:var(--radius-pill);font-size:var(--text-xs);line-height:1.5;color:var(--text-muted);background:var(--neutral-soft);border:1px solid var(--border)}.chip-accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.chip-green{color:var(--green);background:var(--green-soft);border-color:var(--green-border)}.chip-red{color:var(--red);background:var(--red-soft);border-color:var(--red-border)}.chip-blue{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-border)}.alert-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--red-soft);border:1px solid var(--red-border);color:var(--red);font-size:var(--text-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-4)}.thumb{flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elevated)}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}.accent-line{width:3rem;height:3px;background:var(--accent);border-radius:2px;margin-bottom:var(--space-3)}.card-flow{display:flex;flex-wrap:wrap;gap:var(--space-4)}.card-flow>*{flex:1 1 320px;max-width:420px}.icon{flex-shrink:0;vertical-align:-.15em}.tab-bar-wrap{position:relative}.tab-bar{display:flex;border-bottom:1px solid var(--border)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-height:var(--tap);padding:var(--space-2) var(--space-4) .6rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-base);font-weight:500;white-space:nowrap;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}@media (hover: hover){.tab:hover:not(.is-active){color:var(--text)}}.navbar{position:sticky;top:0;z-index:var(--z-nav);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-2)}.navbar-logo{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.05em;color:var(--accent);cursor:pointer}.navbar-title-short{display:none}.navbar-links-desktop{display:flex;gap:var(--space-1)}.navbar-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.navbar-username{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.navbar-hamburger{display:none}.navbar-help{font-weight:700;font-size:var(--text-base);line-height:1}.navbar-mobile-menu{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5);background:var(--glass-menu);border-top:1px solid var(--border)}.navbar-menu-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;margin-bottom:var(--space-1);border-bottom:1px solid var(--border)}.navbar-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-pill);background:var(--accent-glow);border:1px solid var(--accent);font-size:var(--text-xs);font-weight:700;color:var(--accent)}.navbar-menu-name{font-size:.9rem;font-weight:500}.navbar-menu-link{justify-content:flex-start}.navbar-menu-link.is-active{border-color:var(--accent);color:var(--accent)}.navbar-menu-logout{justify-content:flex-start;color:var(--red);margin-top:var(--space-1)}.navbar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-nav-backdrop);background:transparent}.modal-backdrop--center{align-items:center}.modal-panel{position:relative;width:100%;max-width:640px;padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);box-shadow:var(--shadow)}.qr-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:320px;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.qr-card-title{font-size:var(--text-md);font-weight:600}.qr-frame{padding:12px;background:var(--border);border:1px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.qr-frame img{display:block;max-width:100%;height:auto;border-radius:var(--radius-sm)}.qr-url{padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;word-break:break-all;text-align:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-lightbox);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--scrim-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out}.lightbox-img{max-width:100%;max-height:90vh;max-height:90dvh;object-fit:contain;border-radius:var(--radius);box-shadow:var(--shadow-3);cursor:default}.lightbox-close{position:absolute;top:max(var(--space-3),env(safe-area-inset-top));right:max(var(--space-3),env(safe-area-inset-right));display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);color:var(--text);cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes diceRoll{0%{opacity:0;transform:translateY(-18px) rotate(-240deg) scale(.7)}55%{opacity:1;transform:translateY(0) rotate(14deg) scale(1.08)}75%{transform:rotate(-6deg) scale(.97)}to{transform:none}}@keyframes glowBreath{0%,to{filter:drop-shadow(0 0 16px var(--accent-border))}50%{filter:drop-shadow(0 0 30px var(--accent-halo))}}@keyframes shimmer{0%{background-position:100% 0}40%,to{background-position:0% 0}}@keyframes tilePop{0%{transform:scale(.94);box-shadow:0 0 0 0 var(--tile-ring)}55%{transform:scale(1.08);box-shadow:0 0 0 8px transparent}to{transform:scale(var(--tile-scale, 1.03));box-shadow:0 0 0 0 transparent}}@keyframes checkIn{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.25) rotate(8deg)}to{transform:none}}@keyframes stamp{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .3s var(--ease) forwards}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-red{color:var(--red)}.text-green{color:var(--green)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-2)}.gap-2{gap:var(--space-4)}.gap-3{gap:var(--space-6)}.w-full{width:100%}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-empty{text-align:center;padding:var(--space-10) var(--space-6)}.label-block{display:block;margin-bottom:.4rem}.form-label-hint{font-size:var(--text-xs);text-transform:none;letter-spacing:0}.card.rank-card{padding:var(--space-3);--rank-thumb: 3.5rem;transition:border-color var(--dur) var(--ease)}.card.rank-card{--rank-thumb: 4rem}.rank-card.is-top{border-color:var(--border-bright)}.rank-card.is-podium-1{--medal: var(--medal-1)}.rank-card.is-podium-2{--medal: var(--medal-2)}.rank-card.is-podium-3{--medal: var(--medal-3)}.card.rank-card[class*=is-podium]{border-color:color-mix(in srgb,var(--medal) 45%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--medal) 10%,transparent),transparent 55%),var(--bg-card)}.rank-card[class*=is-podium] .rank-num{color:var(--medal)}.rank-card.is-podium-2 .rank-num,.rank-card.is-podium-3 .rank-num{font-size:1.7rem}.rank-card.is-podium-1 .score-num:not(.is-zero){background:linear-gradient(100deg,var(--accent) 0 42%,var(--accent-shine) 50%,var(--accent) 58% 100%) 100% 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4.5s ease-in-out 1s infinite}.rank-list>.rank-card{animation:fadeIn .4s var(--ease) both;animation-delay:calc(min(var(--i, 0),8)*60ms)}.card.rank-card.is-played{border-color:var(--accent);background:var(--accent-faint)}.rank-row{display:grid;grid-template-columns:1.75rem var(--rank-thumb) minmax(0,1fr);gap:var(--space-3);align-items:center}.rank-num{font-family:var(--font-display);font-size:var(--text-xl);line-height:1;text-align:center;color:var(--text-muted)}.rank-card.is-top .rank-num{font-size:var(--text-2xl);color:var(--accent)}.rank-thumb{width:var(--rank-thumb);height:var(--rank-thumb);border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden}.rank-thumb img{display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in}.rank-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-dim)}.rank-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2);width:100%;min-height:var(--rank-thumb);padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}@media (hover: hover){.rank-head:hover .rank-name{color:var(--accent)}}.rank-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.rank-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.rank-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:600;line-height:1.25;overflow-wrap:break-word}.rank-fav-count{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--text-xs);color:var(--red)}.rank-meta{display:flex;flex-wrap:wrap;gap:0 var(--space-3);font-size:.78rem;color:var(--text-muted)}.rank-meta-item{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.rank-score{display:flex;flex-direction:column;align-items:flex-end}.score-num{font-family:var(--font-display);font-size:var(--text-xl);line-height:1;color:var(--accent)}.score-num.is-zero{color:var(--red)}.score-sub{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.rank-chevron{color:var(--text-muted)}.rank-details{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.rank-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.rank-fav-btn.is-on{color:var(--red);border-color:var(--red-border);background:var(--red-soft)}.rank-desc{font-size:.875rem;line-height:1.5;color:var(--text-muted)}.rank-chips{display:flex;flex-wrap:wrap;gap:.35rem}.rank-stats-heading{margin:var(--space-1) 0 0;font-size:var(--text-xs)}.stat-bars{display:grid;gap:.45rem;max-width:560px}.stat-bar-row{display:grid;grid-template-columns:7.75rem minmax(0,1fr) 2.5rem;align-items:center;gap:var(--space-2)}.stat-bar-label{display:flex;align-items:center;gap:.3rem;min-width:0;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-bar-label .icon{color:var(--bar)}.stat-bar-track{height:10px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;background:var(--bar);border-radius:3px;transition:width .4s var(--ease)}.stat-bar-value{font-size:var(--text-xs);color:var(--bar);text-align:right}.stat-bar-value.is-empty{color:var(--text-dim)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4))}.section-heading.is-green{color:var(--green)}.section-heading.is-accent{color:var(--accent)}.section-heading.is-red{color:var(--red)}.event-group{margin-bottom:var(--space-10)}.event-group:last-child{margin-bottom:0}.empty-icon{display:inline-flex;margin-bottom:var(--space-4);color:var(--text-dim);animation:diceRoll .9s var(--ease) both}.login-page{align-items:center;justify-content:center}.login-glow{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% -10%,var(--accent-soft) 0%,transparent 60%)}.login-wrap{width:100%;max-width:400px;padding-inline:var(--space-6)}.login-logo{text-align:center;margin-bottom:var(--space-10)}.login-logo-icon{display:inline-flex;margin-bottom:var(--space-2);color:var(--accent);filter:drop-shadow(0 0 16px var(--accent-border));animation:diceRoll .9s var(--ease) both,glowBreath 4.5s ease-in-out 1s infinite}.login-title{font-size:2.5rem;color:var(--accent);margin-bottom:var(--space-1)}.login-sub{font-size:.9rem;letter-spacing:.15em;text-transform:uppercase}.form-stack{display:flex;flex-direction:column;gap:var(--space-5)}.input-wrap{position:relative}.input-wrap .form-input{padding-right:3rem}.input-action{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);background:none;border:none;color:var(--text-muted);font-size:1.1rem;line-height:1}.pick-list{display:flex;flex-direction:column;gap:.4rem;max-height:min(240px,40dvh);overflow-y:auto}.pick-btn{justify-content:flex-start;font-size:var(--text-base)}.login-foot{text-align:center;margin-top:var(--space-6);font-size:.8rem}.event-card{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;border-color:var(--border);transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.event-card.is-open{border-color:var(--border-bright)}@media (hover: hover){.event-card:hover{border-color:var(--accent);transform:translateY(-2px)}}.event-card:active{transform:scale(.99)}.event-card-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.event-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0e0d0ba6,#0e0d0bcc 55%,#0e0d0bf2)}.event-card.has-cover .event-card-body{text-shadow:0 1px 3px rgba(0,0,0,.6)}.event-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.event-card h3{margin-bottom:.4rem;font-size:1.15rem}.event-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.event-card-meta strong{color:var(--accent)}.event-card-cta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--accent);font-size:var(--text-sm);font-weight:600}.back-link{margin-bottom:var(--space-3);padding-left:0}.event-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.event-title{font-size:1.8rem;min-width:0;overflow-wrap:break-word}.event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.1rem var(--space-2);margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.event-meta .meta-item{display:inline-flex;align-items:center;gap:.3rem}.charts{margin-bottom:var(--space-8)}.charts-toggle{width:100%;justify-content:space-between;text-align:left;white-space:normal}.charts-toggle .chev{transition:transform var(--dur) var(--ease)}.charts-toggle.is-open .chev{transform:rotate(180deg)}.charts-body{margin-top:var(--space-4)}.pie-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.pie-card{flex:1 1 220px}.pie-wrap{display:flex;align-items:center;gap:var(--space-5)}.legend{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0}.legend-row{display:flex;align-items:center;gap:var(--space-2)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.legend-pct{flex-shrink:0;font-size:.8rem;font-weight:600;color:var(--accent)}.card-danger{border-color:var(--red-border)}.cbar{display:flex;flex-direction:column;gap:var(--space-1)}.cbar-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.cbar-label{font-size:var(--text-sm);font-weight:600}.cbar-label.is-unwanted{color:var(--red)}.cbar-count{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.cbar-track{width:100%;height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.cbar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dim));border-radius:4px;transition:width .4s var(--ease)}.cbar-fill.is-unwanted{background:linear-gradient(90deg,var(--red),var(--red-deep))}.vote-form{max-width:680px}.form-section{margin-bottom:var(--space-8)}.form-section>h3{margin-bottom:.2rem}.section-sub{font-size:.82rem;margin-bottom:var(--space-3)}.section-gap{margin-bottom:var(--space-3)}.fineprint{font-size:var(--text-xs);color:var(--text-muted)}.hint{font-weight:400;font-size:.8rem}.option-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.option-row.is-tight{gap:.4rem}.subhead{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem}.subhead-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.diff-row{display:flex;align-items:stretch;gap:var(--space-2)}.diff-btn{flex:1;flex-direction:column;min-width:0;padding:.6rem .4rem;box-shadow:inset 0 0 calc(2px + var(--t) * 10px) rgba(var(--heat),calc(.15 + var(--t) * .45))}.diff-btn.btn-secondary{border-color:rgba(var(--heat),calc(var(--t) * .6))}.diff-btn span{font-size:calc(.9rem + var(--t) * 1.4rem);line-height:1}.diff-desc{min-height:1.6em;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-align:center}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-min, 150px),1fr));gap:var(--tile-gap, .6rem)}.tile{position:relative;aspect-ratio:3 / 2;overflow:hidden;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.tile.is-disabled{cursor:default}.tile{--tile-ring: var(--accent-halo);--tile-scale: 1.03}.tile.is-selected{border-color:var(--accent);transform:scale(1.03);animation:tilePop .4s var(--ease)}.tile img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:filter var(--dur-fast) var(--ease)}.tile.is-selected img{filter:brightness(1) saturate(.7)}.tile-label{position:absolute;inset:auto 0 0 0;display:flex;align-items:flex-end;justify-content:center;padding:1rem .4rem .4rem;background:linear-gradient(transparent,#000000bf);transition:background var(--dur-fast) var(--ease)}.tile.is-selected .tile-label{background:linear-gradient(transparent,var(--accent-strong))}.tile-label span{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.1;text-align:center;color:var(--text)}.tile.is-selected .tile-label span{color:var(--on-accent)}.tile-check{position:absolute;top:.35rem;right:.35rem;display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--accent);color:var(--on-accent);animation:checkIn .35s var(--ease) .05s both}.tile--avoid img{filter:brightness(.65)}.tile--avoid{--tile-ring: var(--red-border);--tile-scale: 1.04}.tile--avoid.is-selected{border-color:var(--red);transform:scale(1.04)}.tile--avoid.is-selected img{filter:brightness(.5) saturate(.3)}.tile--avoid .tile-label{padding:.6rem .3rem .3rem}.tile--avoid.is-selected .tile-label{background:linear-gradient(transparent,var(--red-strong))}.tile--avoid .tile-label span{font-size:.75rem;letter-spacing:.04em}.tile--avoid.is-selected .tile-label span{color:var(--on-red)}.tile-cross{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--red);animation:stamp .25s var(--ease) both}.btn-danger.is-active{background:var(--red);color:var(--on-red);border-color:var(--red)}.collapse-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:var(--tap);padding:0;background:none;border:none;color:var(--text);text-align:left;cursor:pointer}.collapse-head h3{margin-bottom:.2rem}.collapse-head .chev{color:var(--text-muted);transition:transform var(--dur) var(--ease)}.collapse-head.is-open .chev{transform:rotate(180deg)}.vote-submit-bar{position:sticky;bottom:max(var(--space-4),env(safe-area-inset-bottom));z-index:var(--z-sticky);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius);box-shadow:var(--shadow)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.filter-search{flex:1 1 200px;max-width:280px}.filter-select{max-width:240px;cursor:pointer}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.card.game-card{padding:0;overflow:hidden;cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}@media (hover: hover){.game-card:hover{border-color:var(--accent)}}.game-card-img{display:block;width:100%;height:140px;object-fit:cover}.game-card-placeholder{display:grid;place-items:center;background:var(--bg-elevated);color:var(--text-dim)}.game-card-body{padding:var(--space-3)}.game-card-name{font-weight:600;margin-bottom:var(--space-1);overflow-wrap:break-word}.game-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.8rem;color:var(--text-muted)}.game-card-owners{margin-top:.35rem;font-size:var(--text-xs);color:var(--text-muted)}.container--narrow{max-width:900px}.game-head{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6)}.game-head-img{width:min(200px,100%);height:200px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.game-head-info{flex:1 1 240px;min-width:0}.game-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.1rem var(--space-2);margin-top:.35rem;font-size:.9rem;color:var(--text-muted)}.game-meta .meta-item{display:inline-flex;align-items:center;gap:.3rem}.game-desc{margin-top:var(--space-3);line-height:1.6}.tag-group{margin-bottom:var(--space-2)}.tag-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.score-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.score-big{font-family:var(--font-display);font-size:2.2rem;color:var(--accent)}.stars{position:relative;display:inline-block;font-size:1rem;line-height:1;letter-spacing:1px}.stars-bg{color:var(--border-control)}.stars-fg{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--accent)}.vote-item{display:flex;flex-direction:column;gap:.2rem;padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.vote-item:last-child{border-bottom:none}.vote-line{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:.9rem}.vote-name{min-width:130px}.vote-rating{min-width:42px;color:var(--accent)}.vote-comment{margin:0;font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.play-item{padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.play-people{margin-top:.15rem;font-size:.82rem}.admin-section{margin-top:var(--space-12)}.admin-section:first-child{margin-top:0}.section-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--tap);cursor:pointer}.section-toggle.is-open{margin-bottom:var(--space-6)}.section-toggle .chev{color:var(--text-muted);transition:transform var(--dur) var(--ease)}.section-toggle.is-open .chev{transform:rotate(180deg)}h2 .count{font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--text-muted)}.section-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.gamestats{margin:var(--space-12) 0 var(--space-8)}.text-dim{color:var(--text-dim)}.form-label-note{margin-left:var(--space-2);font-size:.78rem;text-transform:none;letter-spacing:0}.form-label-note.is-error{color:var(--red)}.form-label-note.is-muted{color:var(--text-muted)}.grid-collapse--gap-lg{gap:var(--space-8)}.form-row-name{display:grid;grid-template-columns:minmax(0,1fr) 7.5rem;gap:var(--space-4)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:.85rem var(--space-4)}.card.list-row.is-editing,.card.is-editing{border-color:var(--accent)}.row-actions{display:flex;gap:.4rem;flex-shrink:0}.btn-icon-only{padding-inline:.75rem}.edit-panel{margin-top:.4rem;padding:.85rem var(--space-4)}.edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.thumb--xs{width:24px;height:24px;border-radius:3px}.thumb--sm{width:28px;height:28px;border-radius:3px}.thumb--md{width:36px;height:36px;border-radius:4px}.thumb--lg{width:44px;height:44px;border-radius:4px}.thumb--xl{width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--border)}.thumb-ph{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-elevated);color:var(--text-dim)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.card.coll-card{position:relative;padding:var(--space-3);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.coll-card.is-owned{border-color:var(--accent);background:var(--accent-faint)}.coll-body{display:flex;align-items:center;gap:.65rem;padding-right:2rem}.coll-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coll-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.1rem;font-size:.8rem;color:var(--text-muted)}.coll-check{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-control);color:var(--on-accent);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.coll-card.is-owned .coll-check{background:var(--accent);border-color:var(--accent)}.game-row-main{flex:1;min-width:0}.game-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.game-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .5rem;margin-top:.2rem;font-size:.8rem;color:var(--text-muted)}.game-row-meta .meta-item{display:inline-flex;align-items:center;gap:.25rem}.game-row-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.35rem}.game-row-desc{margin-top:.35rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.game-row-rating{font-size:var(--text-xs);font-weight:600}.game-row-rating .count{font-weight:400;color:var(--text-muted)}.modal-inner{width:100%;max-width:760px}.em-new-btn-row{display:flex;justify-content:flex-end;margin-bottom:var(--space-6)}.em-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.em-title-block{flex:1;min-width:0}.em-title-block h3{overflow-wrap:break-word}.em-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:.35rem}.em-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.1rem var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.em-meta .meta-item{display:inline-flex;align-items:center;gap:.3rem}.em-meta strong{color:var(--accent)}.em-people{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.em-actions{display:flex;gap:.4rem;flex-shrink:0}.em-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.em-block{margin-bottom:var(--space-4)}.em-picker{position:relative}.card-elevated.em-picker-menu{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);max-height:260px;overflow-y:auto;margin-top:var(--space-1);padding:.4rem}.em-picker-item{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:.4rem var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem}.em-picker-item.is-selected{background:var(--accent-glow)}@media (hover: hover){.em-picker-item:not(.is-selected):hover{background:var(--bg-elevated)}}.request-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.request-main{flex:1;min-width:0}.request-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:.25rem}.stat-row{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.stat-row-rank{font-family:var(--font-display);color:var(--text-muted)}.stat-row-rank.is-first{color:var(--accent)}.stat-row-name{display:flex;align-items:center;gap:var(--space-2);min-width:0}.stat-row-name>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500}.stat-row-value{flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:.25rem}.pw-grid{display:flex;flex-wrap:wrap;gap:var(--space-4)}.pw-card{flex:1 1 260px}.rating-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rating-btn{min-width:var(--tap);font-family:var(--font-display);font-size:var(--text-md);padding-inline:var(--space-3)}.rating-btn.is-reached{border-color:var(--accent);color:var(--accent)}.voters{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:var(--space-6)}.rank-list{display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width: 640px){body:before{display:none}h1{font-size:var(--text-2xl)}h2{font-size:1.6rem}.container{padding-inline:var(--space-4)}.page-main{padding-top:var(--space-6);padding-bottom:var(--space-6)}.page-header{margin-bottom:var(--space-6)}.card,.card-elevated{padding:var(--space-4)}.btn-sm{min-height:var(--tap);padding:.5rem .8rem}.btn-ghost{padding:.5rem .75rem}.card-flow>*{max-width:100%;flex-basis:100%}.full-mobile{width:100%;max-width:100%}.grid-collapse{grid-template-columns:minmax(0,1fr)}.navbar-title-full{display:none}.navbar-title-short{display:inline}.navbar-links-desktop,.navbar-username,.navbar-logout{display:none}.navbar-hamburger{display:inline-flex}.navbar-right{gap:var(--space-2)}.modal-panel{padding:var(--space-5)}.card.rank-card{--rank-thumb: 3.5rem}.rank-row{grid-template-columns:1.5rem var(--rank-thumb) minmax(0,1fr);gap:var(--space-2)}.stat-bar-row{grid-template-columns:7rem minmax(0,1fr) 2.25rem}.page-header h1{font-size:1.8rem}.grid-collapse--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-collapse--gap-lg{gap:var(--space-6)}.form-row-name{gap:var(--space-3)}.list-row{flex-wrap:wrap}.list-row .row-actions{width:100%}.list-row .row-actions .btn,.section-bar .btn{flex:1}.em-header-row,.request-row{flex-direction:column;align-items:stretch}.em-actions,.request-row .row-actions{width:100%}.em-actions .btn,.request-row .row-actions .btn,.em-form-actions .btn{flex:1}.em-new-btn-row .btn{width:100%}.collection-grid{grid-template-columns:minmax(0,1fr)}.filter-search,.filter-select{max-width:none;flex:1 1 100%}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.game-card-img{height:110px}.vote-submit-bar{padding:var(--space-3) var(--space-4)}.diff-btn{padding-inline:.2rem}.login-wrap{padding-inline:var(--space-4)}.login-title{font-size:2.2rem}.event-title{font-size:1.6rem}.pie-wrap{gap:var(--space-4)}.rating-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar .btn{white-space:nowrap;flex-shrink:0}.tab-bar-wrap:after{content:"";position:absolute;top:0;right:0;bottom:1px;width:28px;background:linear-gradient(to right,transparent,var(--bg) 80%);pointer-events: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}}