:root{--color-bg: #2f1a14;--color-surface: #3b241b;--color-surface-alt: #9c6a4e;--color-primary: #d9b68a;--color-primary-grad-start: #f0d7b4;--color-primary-grad-end: #b98a5a;--color-secondary: #e8d5be;--color-text-on-dark: #f3e6d3;--color-text-on-light: #3b241b;--color-muted: #b8a48c;--color-success: #7fb77e;--color-warning: #e0a83c;--color-danger: #d98a7a;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--radius: 14px;--bg-image: none;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--gold: linear-gradient(135deg, var(--color-primary-grad-start) 0%, var(--color-primary) 45%, var(--color-primary-grad-end) 100%);--gold-h: linear-gradient(90deg, var(--color-primary-grad-end), var(--color-primary-grad-start) 50%, var(--color-primary-grad-end));--nav-h: 74px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background-color:var(--color-bg);background-image:var(--bg-image);background-size:cover;background-position:center;background-attachment:fixed;color:var(--color-text-on-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.font-heading{font-family:var(--font-heading)}a{color:inherit}button{font-family:inherit}.xmas-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;color:var(--color-text-on-dark)}.xmas-snow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.85}.xmas-stars span{position:absolute;border-radius:50%;background:var(--color-text-on-dark);opacity:.45;animation:twinkle 3.6s ease-in-out infinite}.xmas-deco .deco{position:absolute;opacity:.22;color:var(--color-text-on-dark)}.xmas-deco .twinkle{animation:twinkle 2.8s ease-in-out infinite}.xmas-deco .floaty{animation:floaty 7s ease-in-out infinite}.delay-1{animation-delay:1.2s!important}.delay-2{animation-delay:2.4s!important}.delay-3{animation-delay:3.8s!important}.xmas-drift{position:absolute;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom) - 6px);width:100%;height:26px;color:var(--color-text-on-dark)}.xmas-trees-cluster{position:absolute;bottom:calc(var(--nav-h) + var(--safe-bottom) - 8px);width:190px;height:90px;color:var(--color-text-on-dark);opacity:.35}.xmas-trees-cluster.left{left:-10px}.xmas-trees-cluster.right{right:-10px}.xmas-sleigh-lane{position:absolute;top:calc(28px + var(--safe-top));left:0;right:0;height:60px}.xmas-sleigh{position:absolute;top:0;width:150px;height:46px;color:var(--color-text-on-dark);opacity:.55;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-primary) 60%,transparent));animation:sleigh 42s linear infinite;animation-delay:2s;transform:translate(-220px)}.fx-sun{position:absolute;top:calc(20px + var(--safe-top));right:-70px;width:260px;height:260px;color:var(--color-primary);opacity:.16;animation:spin-slow 90s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.18;transform:scale(.85)}50%{opacity:.85;transform:scale(1.15)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes sleigh{0%{transform:translate(-220px) translateY(0)}3%{transform:translate(-220px) translateY(0)}10%{transform:translate(15vw) translateY(-8px)}18%{transform:translate(45vw) translateY(4px)}26%{transform:translate(75vw) translateY(-6px)}33%{transform:translate(calc(100vw + 60px)) translateY(0)}to{transform:translate(calc(100vw + 60px)) translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-gold{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 55%,transparent)}60%{box-shadow:0 0 0 10px transparent}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes seal-pop{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}@keyframes seal-stamp{0%{transform:translate(-50%,-50%) scale(2.2) rotate(-20deg);opacity:0}60%{transform:translate(-50%,-50%) scale(.92) rotate(2deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.app-root{position:relative;z-index:1;min-height:100%}.app-shell{max-width:720px;margin:0 auto;min-height:100%;padding-top:8px;padding-bottom:calc(var(--nav-h) + 24px + var(--safe-bottom));padding-left:16px;padding-right:16px}.admin-shell{max-width:1400px;margin:0 auto;padding:24px;position:relative;z-index:1}.app-header{padding:calc(14px + var(--safe-top)) 16px 4px;max-width:720px;margin:0 auto;text-align:center}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-logo{display:inline-flex}.app-logo img{height:60px;width:auto;display:block;border-radius:14px;box-shadow:0 0 0 2px var(--color-primary),0 6px 16px #0006}@media(min-width:900px){.app-logo img{height:96px;border-radius:18px}}.welcome-frame{position:relative;margin:14px 0 10px;padding:16px 18px 14px;border-radius:18px;background:color-mix(in srgb,var(--color-surface) 82%,transparent);border:1.5px solid var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-surface) 90%,transparent),0 0 0 5px color-mix(in srgb,var(--color-primary) 55%,transparent),0 10px 30px #0000004d}.welcome-frame:before,.welcome-frame:after{content:"✦";position:absolute;top:-12px;color:var(--color-primary);font-size:16px;background:var(--color-bg);padding:0 4px}.welcome-frame:before{left:18px}.welcome-frame:after{right:18px}.welcome-title{font-family:var(--font-heading);font-size:22px;margin:0 0 4px;color:var(--color-text-on-dark)}.welcome-title em{font-style:italic;background:var(--gold-h);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}.welcome-text{margin:0;font-size:14px;line-height:1.45;color:var(--color-secondary)}.welcome-sub{margin:8px 0 0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary)}.xmas-title{font-family:var(--font-heading);font-size:34px;line-height:1;margin:6px 0 2px;color:var(--color-secondary);font-weight:700}.xmas-title em{font-style:italic;background:var(--gold-h);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}.xmas-kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 12px}.card{background:color-mix(in srgb,var(--color-surface) 86%,transparent);border-radius:var(--radius);padding:16px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card-gold{border:1.5px solid var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-surface) 90%,transparent),0 0 0 5px color-mix(in srgb,var(--color-primary) 45%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:999px;border:none;font-weight:600;cursor:pointer;font-size:14px;min-height:42px;transition:transform .15s ease,opacity .15s ease,box-shadow .2s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--color-text-on-light);box-shadow:0 6px 18px color-mix(in srgb,var(--color-primary-grad-end) 45%,transparent)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text-on-dark)}.btn-ghost{background:transparent;color:var(--color-text-on-dark);border:1px solid color-mix(in srgb,var(--color-primary) 45%,transparent)}.btn-danger{background:var(--color-danger);color:#2b0f0c}.btn-sm{padding:6px 14px;font-size:13px;min-height:32px}.progress-track{width:100%;height:12px;border-radius:999px;background:color-mix(in srgb,var(--color-surface-alt) 45%,transparent);overflow:hidden;box-shadow:inset 0 1px 3px #0006}.progress-fill{height:100%;border-radius:999px;background:var(--gold-h);background-size:200% auto;animation:shimmer 3s linear infinite;transition:width .8s cubic-bezier(.22,1,.36,1)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;align-items:flex-end;height:calc(var(--nav-h) + var(--safe-bottom));padding:6px 6px calc(6px + var(--safe-bottom));background:color-mix(in srgb,var(--color-surface) 82%,black 6%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);box-shadow:0 -8px 30px #00000059}.bottom-nav:before{content:"";position:absolute;top:-1px;left:0;right:0;height:5px;background:var(--gold-h);background-size:200% auto;animation:shimmer 6s linear infinite}.nav-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;font-size:11px;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--color-muted);padding:6px 4px 4px;background:none;border:none;cursor:pointer;min-height:56px;transition:color .2s ease}.nav-item .nav-icon{width:46px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:background .25s ease,transform .25s ease}.nav-item svg{width:24px;height:24px;transition:transform .25s ease}.nav-item.active{color:var(--color-primary)}.nav-item.active .nav-icon{background:color-mix(in srgb,var(--color-primary) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 45%,transparent)}.nav-item.active svg{transform:translateY(-2px) scale(1.12);animation:bounce-soft 1.6s ease-in-out infinite}.nav-badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--color-danger);color:#2b0f0c;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--color-surface)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-todo{background:color-mix(in srgb,var(--color-muted) 30%,transparent);color:var(--color-text-on-dark)}.badge-in-progress,.badge-progress{background:color-mix(in srgb,var(--color-warning) 30%,transparent);color:var(--color-warning)}.badge-pending{background:color-mix(in srgb,var(--color-warning) 40%,transparent);color:var(--color-text-on-dark)}.badge-validated,.badge-awarded{background:var(--gold);color:var(--color-text-on-light)}.badge-rejected{background:color-mix(in srgb,var(--color-danger) 35%,transparent);color:var(--color-danger)}.badge-needs-info{background:color-mix(in srgb,var(--color-warning) 30%,transparent);color:var(--color-warning)}.badge-locked{background:color-mix(in srgb,var(--color-muted) 15%,transparent);color:var(--color-muted)}.advent-board{background:color-mix(in srgb,var(--color-surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:18px;padding:12px 10px 14px;margin-bottom:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.advent-row{display:grid;grid-template-columns:22px repeat(5,minmax(0,1fr));gap:4px;align-items:stretch;margin-bottom:6px}.advent-row:last-child{margin-bottom:0}.level-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:4px;line-height:1}.level-label b{font-family:var(--font-heading);font-size:14px;color:var(--color-primary);letter-spacing:.02em}.level-label small{font-size:8px;letter-spacing:.2em;color:var(--color-muted);margin-top:2px}.level-label .line-done{margin-top:6px;font-size:12px;animation:wiggle 1.8s ease-in-out infinite}.advent-card{position:relative;min-width:0;aspect-ratio:1;border-radius:8px;padding:6px 3px 4px;display:flex;flex-direction:column;justify-content:space-between;gap:2px;cursor:pointer;border:1px solid color-mix(in srgb,var(--color-primary) 55%,transparent);text-align:center;overflow:hidden;font-family:var(--font-body);transition:transform .18s ease,box-shadow .18s ease,filter .2s ease;box-shadow:0 3px 10px #00000059}.advent-card.light{background:var(--color-secondary);color:var(--color-text-on-light)}.advent-card.dark{background:var(--color-surface-alt);color:var(--color-text-on-dark)}.advent-card.light{background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary) 90%,white) 0%,var(--color-secondary) 45%,color-mix(in srgb,var(--color-secondary) 92%,black) 100%)}.advent-card.dark{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-alt) 88%,white) 0%,var(--color-surface-alt) 45%,color-mix(in srgb,var(--color-surface-alt) 88%,black) 100%)}.advent-card,.bonus-card{box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000024,0 6px 14px #00000059}.advent-card .title-wrap{flex:1;min-height:0;display:flex;align-items:safe center;justify-content:center;overflow:hidden}.advent-card .title{font-size:9px;line-height:1.2;font-weight:600;text-align:center;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:420px){.advent-card .title{font-size:11px}}.advent-card .pts{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75;padding-top:2px}.advent-card:active{transform:scale(.95)}@media(hover:hover){.advent-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #00000073,0 0 0 1px var(--color-primary)}}.advent-card .stamp{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;animation:seal-pop .5s cubic-bezier(.34,1.56,.64,1) both}.advent-card.state-validated,.advent-card.state-awarded{background:var(--gold);color:var(--color-text-on-light);border-color:var(--color-primary-grad-start);box-shadow:0 0 18px color-mix(in srgb,var(--color-primary) 55%,transparent),0 3px 10px #00000059}.advent-card.state-validated:before,.advent-card.state-awarded:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 4.5s linear infinite;pointer-events:none}.advent-card.state-validated .stamp,.advent-card.state-awarded .stamp{top:50%;left:50%;right:auto;width:58%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-12deg);width:72%;background:none;box-shadow:none;border-radius:0;animation:seal-stamp .55s cubic-bezier(.22,1,.36,1) both;z-index:2}.wax-seal{width:100%;height:100%;display:block;object-fit:contain;filter:sepia(.35) saturate(.62) hue-rotate(-8deg) brightness(.9) contrast(1.05) drop-shadow(0 3px 4px rgba(0,0,0,.45))}.advent-card.state-validated .title,.advent-card.state-awarded .title{opacity:.4;font-weight:500}.advent-card.state-validated .pts,.advent-card.state-awarded .pts{opacity:1;font-weight:800}.bingo-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:12px 0}.bingo-stats .stat{padding:0 16px;min-width:0}.bingo-stats .stat+.stat{border-left:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent)}.bingo-stats .label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.bingo-stats .value{font-family:var(--font-heading);font-size:26px;font-weight:700;line-height:1.1;margin:4px 0 6px}.bingo-stats .value span{font-size:14px;font-weight:400;color:var(--color-muted)}.bingo-stats .value.gold{background:var(--gold-h);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}.bingo-stats .value.gold span{-webkit-text-fill-color:var(--color-muted)}.bingo-stats .sub{font-size:12px;color:var(--color-primary);margin-top:4px}.advent-card.state-pending .stamp,.advent-card.state-in-progress .stamp,.advent-card.state-needs-info .stamp{background:var(--color-warning);color:#3b241b}.advent-card.state-pending{border-color:var(--color-warning);box-shadow:0 0 0 1px var(--color-warning),0 3px 10px #00000059}.advent-card.state-rejected{border-color:var(--color-danger);box-shadow:0 0 0 1.5px var(--color-danger),0 3px 10px #00000059}.advent-card.state-rejected .stamp{background:var(--color-danger);color:#2b0f0c}.advent-card.state-locked{cursor:default;filter:saturate(.6);opacity:.55}.advent-card.state-locked .stamp{background:color-mix(in srgb,var(--color-bg) 60%,transparent);color:var(--color-text-on-dark)}.bonus-board{margin-bottom:16px}.bonus-cols{display:grid;gap:8px}.month-title{text-align:center;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:6px;font-weight:600}.bonus-card{position:relative;width:100%;min-width:0;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;border:none;border-radius:8px;padding:10px 6px 8px;margin-bottom:8px;background:var(--gold);color:var(--color-text-on-light);text-align:center;cursor:pointer;overflow:hidden;box-shadow:0 4px 12px #00000059;transition:transform .18s ease,box-shadow .18s ease}.bonus-card:active{transform:scale(.96)}.bonus-card .name{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.15}.bonus-card .desc{font-size:10px;line-height:1.25;margin-top:4px;opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bonus-card .stamp{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;background:var(--color-text-on-light);color:var(--color-primary-grad-start);animation:seal-pop .5s cubic-bezier(.34,1.56,.64,1) both}.bonus-card.state-locked{opacity:.9;cursor:default}.bonus-card.state-awarded{box-shadow:0 0 20px color-mix(in srgb,var(--color-primary) 70%,transparent)}.bonus-card.state-awarded:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 4s linear infinite;pointer-events:none}.bonus-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding-bottom:8px}.pill-brown{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-on-dark);font-size:12px;font-weight:500;white-space:nowrap}.pill-brown.done{background:var(--gold);color:var(--color-text-on-light)}.bonus-total{text-align:right;line-height:1;white-space:nowrap;margin-left:auto}.bonus-total small{display:block;font-size:9px;letter-spacing:.2em;color:var(--color-secondary)}.bonus-total b{font-family:var(--font-heading);font-size:18px;color:var(--color-primary)}.gold-bar{height:10px;border-radius:999px;background:var(--gold-h);background-size:200% auto;animation:shimmer 6s linear infinite;margin:8px 0 4px;opacity:.9}.score-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--color-primary) 22%,var(--color-surface)),var(--color-surface) 70%)}.score-hero:before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 45%,transparent),transparent 70%);pointer-events:none}.score-label{font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.22em}.score-value{font-family:var(--font-heading);font-size:46px;font-weight:700;line-height:1;margin:6px 0 4px;background:var(--gold-h);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}.score-value span{font-family:var(--font-body);font-size:15px;font-weight:500;-webkit-text-fill-color:var(--color-text-on-dark)}.rank-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--color-bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 45%,transparent);font-size:13px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:live-dot 1.4s ease-in-out infinite;display:inline-block}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;margin:8px 0 18px;padding:0 4px}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.podium-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-text-on-light);box-shadow:0 8px 20px #0006;position:relative}.podium-slot.first .podium-avatar{width:64px;height:64px;font-size:22px;box-shadow:0 0 24px color-mix(in srgb,var(--color-primary) 70%,transparent),0 8px 20px #0006;animation:pulse-gold 2.4s ease-out infinite}.podium-medal{position:absolute;bottom:-8px;right:-6px;font-size:22px;animation:bounce-soft 1.8s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.podium-crown{position:absolute;top:-22px;font-size:22px;animation:wiggle 2.2s ease-in-out infinite}.podium-name{font-size:12px;font-weight:600;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-points{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--color-primary)}.podium-step{width:100%;border-radius:10px 10px 4px 4px;transform-origin:bottom;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--color-text-on-light);box-shadow:inset 0 -6px 12px #0000002e,0 6px 14px #00000059}.gold-fill{background:var(--gold)}.silver-fill{background:linear-gradient(135deg,#f4f4f7,#c9c9d2 50%,#9d9da8)}.bronze-fill{background:linear-gradient(135deg,#e9b98d,#c68b5a 50%,#9e6339)}.rank-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--color-bg) 30%,transparent);border:1px solid transparent}.rank-row.me{background:color-mix(in srgb,var(--color-primary) 18%,transparent);border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);animation:pulse-gold 3s ease-out infinite}.rank-num{width:22px;text-align:center;font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--color-muted)}.rank-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-surface-alt);color:var(--color-text-on-dark);flex-shrink:0}.rank-row.me .rank-avatar{background:var(--gold);color:var(--color-text-on-light)}.rank-delta{font-size:11px;font-weight:700;min-width:26px;text-align:right}.rank-delta.up{color:var(--color-success);animation:bounce-soft 1.6s ease-in-out infinite}.rank-delta.down{color:var(--color-danger)}.rank-delta.same{color:var(--color-muted)}.rank-points{font-family:var(--font-heading);font-weight:700;font-size:15px;min-width:44px;text-align:right}.reward-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.reward-tile{position:relative;border-radius:12px;padding:12px 10px;background:color-mix(in srgb,var(--color-bg) 40%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);text-align:center;overflow:hidden}.reward-tile .gift{font-size:26px;display:block;margin-bottom:4px}.reward-tile.achieved{background:var(--gold);color:var(--color-text-on-light);border-color:var(--color-primary-grad-start);box-shadow:0 0 18px color-mix(in srgb,var(--color-primary) 60%,transparent)}.reward-tile.achieved .gift{animation:bounce-soft 1.8s ease-in-out infinite}.reward-tile.next{border-color:var(--color-primary);border-style:dashed}.reward-tile .name{font-family:var(--font-heading);font-weight:700;font-size:15px}.reward-tile .cond{font-size:11px;opacity:.85;margin-top:2px}.store-list{margin-top:6px;max-height:200px;overflow-y:auto;border-radius:10px;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:color-mix(in srgb,var(--color-bg) 50%,transparent)}.store-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-text-on-dark);padding:10px 12px;font-size:13px;cursor:pointer}.store-item:last-child{border-bottom:none}.store-item b{color:var(--color-primary);margin-right:6px}.store-item:active,.store-item:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.store-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 50%,transparent);font-size:13px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0805b3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:50}@media(min-width:640px){.modal-backdrop{align-items:center}}.modal-sheet{background:var(--color-surface);width:100%;max-width:560px;max-height:88vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:20px 20px calc(20px + var(--safe-bottom));border-top:2px solid var(--color-primary);box-shadow:0 -10px 40px #00000080;animation:sheet-in .32s cubic-bezier(.22,1,.36,1)}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:640px){.modal-sheet{border-radius:22px;border:1px solid color-mix(in srgb,var(--color-primary) 50%,transparent)}}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#140a06db;flex-direction:column;gap:12px;text-align:center;padding:24px}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table th,table.data-table td{text-align:left;padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent)}table.data-table th{color:var(--color-muted);font-weight:600;font-size:12px;text-transform:uppercase}input,textarea,select{background:color-mix(in srgb,var(--color-bg) 60%,white 5%);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);color:var(--color-text-on-dark);border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.stat-tile{background:color-mix(in srgb,var(--color-surface) 90%,transparent);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:4px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent)}.stat-tile .value{font-size:24px;font-weight:700;font-family:var(--font-heading)}.stat-tile .label{font-size:12px;color:var(--color-muted)}.login-screen{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));gap:18px;text-align:center}.login-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px}.login-list{width:100%;max-width:440px;display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto;padding:4px}.board-desktop{padding:18px 0 28px;margin-bottom:16px}.board-grid{display:grid;gap:10px;align-items:start;max-width:1120px;margin:0 auto}.board-desktop .bonus-footer{max-width:1120px;margin:26px auto 0}.board-grid .advent-card,.board-grid .bonus-card{border-radius:6px}.board-grid .advent-card{border:none}.board-grid .month-title{align-self:end;margin-bottom:0;font-size:12px}.board-grid .bonus-card{margin-bottom:0}.board-grid .advent-card,.board-grid .bonus-card{padding:12px 10px 9px}.board-grid .advent-card .title{font-size:12.5px;line-height:1.32;-webkit-line-clamp:6;-webkit-hyphens:manual;hyphens:manual;font-weight:400}.board-grid .advent-card .title b{font-weight:700}.board-grid .advent-card .pts,.board-grid .bonus-card .pts{font-size:10px}.board-grid .bonus-card .name{font-size:14px;letter-spacing:.06em}.board-grid .bonus-card .desc{font-size:12.5px;line-height:1.32;margin-top:5px;-webkit-line-clamp:4}.board-grid .level-label b{font-size:18px}.ranking-grid{display:block}@media(min-width:900px){.app-shell,.app-header{max-width:1200px}.app-shell{padding-top:30px;padding-left:24px;padding-right:24px}.welcome-frame{padding:18px 28px 16px}.bottom-nav{justify-content:center;gap:32px}.bottom-nav:before{height:8px}.nav-item{flex:0 0 120px}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;text-align:left;padding-bottom:0}.app-header .welcome-frame{margin:6px 0 4px;padding:14px 22px 12px;min-height:96px;display:flex;flex-direction:column;justify-content:center}.welcome-title{font-size:20px;display:inline;margin-right:10px}.welcome-text{display:inline}.welcome-sub{margin-top:4px}.bingo-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.reward-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.bingo-head .card{flex:0 0 520px;margin:0}.bingo-head .xmas-kicker{margin-bottom:0}.ranking-top{max-width:780px;margin:0 auto}.ranking-top .score-hero{padding:14px 18px}.ranking-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.ranking-side{position:sticky;top:16px}.score-value{font-size:44px;margin:4px 0 2px}}.hub-theme{--color-bg: #0f1419;--color-surface: #171d25;--color-surface-alt: #232b36;--color-primary: #d4b483;--color-primary-grad-start: #e8d3ad;--color-primary-grad-end: #b8935a;--color-secondary: #e6e9ee;--color-text-on-dark: #f3f5f8;--color-text-on-light: #14181e;--color-muted: #8b95a5;--color-success: #5cc48c;--color-warning: #e0a83c;--color-danger: #e2716a;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;background:radial-gradient(900px 500px at 85% -10%,rgba(212,180,131,.14),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(212,180,131,.08),transparent 60%),var(--color-bg);color:var(--color-text-on-dark);font-family:var(--font-body);min-height:100vh;position:relative;z-index:1}.hub-brand{display:inline-flex;align-items:center;gap:12px}.hub-brand strong{display:block;font-family:var(--font-heading);font-size:17px;letter-spacing:.01em}.hub-brand small{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.hub-brand-mark{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--color-text-on-light);background:var(--gold);object-fit:cover;flex-shrink:0}.hub-brand-large .hub-brand-mark{width:56px;height:56px;font-size:18px;border-radius:16px}.hub-brand-large strong{font-size:22px}.login-hub-outer{display:flex;align-items:center;justify-content:center}.login-hub{display:grid;grid-template-columns:1fr;gap:24px;padding:calc(28px + var(--safe-top)) 20px calc(28px + var(--safe-bottom));align-content:center;width:100%;max-width:1100px;margin:0 auto}.login-hub-side{display:flex;flex-direction:column;gap:18px;justify-content:center}.login-hub-tagline{font-family:var(--font-heading);font-size:26px;line-height:1.25;margin:0;color:var(--color-secondary);max-width:420px}.login-hub-panel{background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px 24px;box-shadow:0 20px 60px #00000073;width:100%;max-width:440px;justify-self:center}.login-hub-panel h1{margin:0 0 4px;font-size:26px}.login-hub-help{color:var(--color-muted);font-size:13px;margin:0 0 18px}.login-hub-label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.login-hub-label input{font-size:15px;letter-spacing:normal;text-transform:none}.login-hub-error{font-size:13px;color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 14%,transparent);border-radius:10px;padding:8px 12px}@media(min-width:900px){.login-hub{grid-template-columns:1.1fr 1fr;gap:48px}.login-hub-tagline{font-size:34px}}.hub-screen{display:flex;flex-direction:column}.hub-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:calc(16px + var(--safe-top)) 20px 12px;max-width:1100px;width:100%;margin:0 auto}.hub-user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-muted)}.hub-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px 20px 40px}.hub-title{font-size:30px;margin:8px 0 4px}.hub-subtitle{color:var(--color-muted);margin:0 0 22px;font-size:15px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.hub-card{background:color-mix(in srgb,var(--color-surface) 94%,transparent);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 10px 30px #0000004d}.hub-card:hover,.hub-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);box-shadow:0 16px 40px #0006;outline:none}.hub-card-disabled{cursor:default;opacity:.6}.hub-card-visual{position:relative;height:120px;display:flex;align-items:center;justify-content:center}.hub-card-visual img{height:64px;width:auto;border-radius:12px;box-shadow:0 6px 16px #00000059}.hub-status{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#00000073;color:#fff}.hub-status-active{background:var(--color-success);color:#08130c}.hub-status-draft{background:var(--color-warning);color:#1c1305}.hub-card-body{padding:16px 18px 18px}.hub-card-body h2{margin:0 0 4px;font-size:20px}.hub-card-sub{margin:0;color:var(--color-secondary);font-size:14px}.hub-card-dates{margin:8px 0 0;color:var(--color-muted);font-size:12px}.hub-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:8px}.hub-card-tags{display:flex;gap:6px;flex-wrap:wrap}.hub-card-tags span{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--color-surface-alt);color:var(--color-secondary)}.hub-footer{text-align:center;color:var(--color-muted);font-size:12px;padding:16px 20px calc(16px + var(--safe-bottom))}.portal-section{margin-top:28px}.portal-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.portal-section-head h2{margin:0;font-size:20px}.portal-table{width:100%;border-collapse:collapse;font-size:14px}.portal-table th,.portal-table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle}.portal-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.portal-hint{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 6px}.portal-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.portal-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.portal-form input,.portal-form select,.portal-form textarea{font-size:14px;letter-spacing:normal;text-transform:none;width:100%}.portal-form .span-2{grid-column:1 / -1}.portal-check{flex-direction:row!important;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;color:var(--color-text-on-dark)!important}.portal-check input{width:auto}.portal-months{display:flex;flex-wrap:wrap;gap:6px 14px}.portal-months label{flex-direction:row;align-items:center;gap:6px;text-transform:none;letter-spacing:0;font-size:13px;color:var(--color-text-on-dark)}.portal-months input{width:auto}.portal-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 14px}.portal-color{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-muted)}.portal-color input[type=color]{width:34px;height:28px;padding:0;border:none;background:none;flex-shrink:0}.portal-color input[type=text]{width:92px;font-size:12px;font-family:ui-monospace,monospace}.portal-swatch{display:inline-flex;gap:3px}.portal-swatch i{width:14px;height:14px;border-radius:4px;display:inline-block;border:1px solid rgba(255,255,255,.15)}.portal-assets{display:flex;gap:18px;flex-wrap:wrap}.portal-asset{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:12px;color:var(--color-muted)}.portal-asset img{height:56px;width:auto;max-width:160px;object-fit:contain;border-radius:8px;background:#000}.modal-sheet.portal-modal{max-width:900px;width:95vw;max-height:92vh;overflow-y:auto}.validation-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}@media(max-width:899px){.validation-layout{grid-template-columns:1fr}table.data-table,table.portal-table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table.data-table th,table.data-table td,table.portal-table th,table.portal-table td{white-space:nowrap}.admin-shell{padding:16px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}