*{box-sizing:border-box}:root{--theme:#e8be00;--theme-ink:#151007;--theme-border:#e8be0059;--theme-bg:#e8be001f}body{color:#f9fafb;background:linear-gradient(#0b0702 0%,#1a1204 60%,#0f0b06 100%);margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}#root.app--login-bg{background-color:var(--theme);background-image:url(/assets/kirknini-768.jpg);background-position:50%;background-repeat:no-repeat;background-size:min(768px,100vw)}.centered{place-items:center;min-height:100vh;padding:1rem;display:grid}.login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617a6;border:1px solid #e8be0059;border-radius:16px;flex-direction:column;gap:.9rem;width:min(480px,100%);padding:1.25rem;display:flex}.login-glass{z-index:2;transform-origin:50%;background:#02061766;position:relative}.login-screen{background:0 0;padding:2rem 1rem;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.login-bg-logo{opacity:1;width:1200px;max-width:95vw;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-bg-overlay{background:0 0;position:absolute;inset:0}input,button{border:none;border-radius:10px;padding:.8rem 1rem;font-size:.95rem}button{background:var(--theme);color:var(--theme-ink);cursor:pointer;font-weight:700}button:disabled{opacity:.95;cursor:not-allowed}button.ghost{color:var(--theme);border:1px solid var(--theme-border);background:0 0}.page{margin:0 auto;padding:10px 1rem 2rem}.app-footer{text-align:center;color:#fff;border-top:1px solid #94a3b838;max-width:52rem;margin-top:2.5rem;margin-left:auto;margin-right:auto;padding:1rem 1.1rem .25rem;font-size:.8rem;line-height:1.45}.app-footer p{margin:0}.app-footer strong{color:#cbd5e1;font-weight:600}.topbar{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617eb;border:1px solid #94a3b840;border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:.8rem;padding:.9rem 1rem;display:flex;position:relative}.controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.topbar-logo{object-fit:cover;border-radius:12px;width:80px;height:78px;margin-right:.75rem;box-shadow:0 10px 30px #00000040}.tab-group{gap:.35rem;display:flex}.tab{min-width:5.5rem}.tab.active{background:var(--theme);color:var(--theme-ink)}button.jump-rank{white-space:nowrap;padding:.55rem .85rem;font-size:.85rem}.pack-glass{border:1px solid #e8be0059;border-radius:16px;margin-top:1rem;padding:1rem 1.25rem}.pack-glass-title{margin:0;font-size:1.1rem}.pack-glass-hint{color:#cbd5e1;margin:.35rem 0 .9rem;font-size:.85rem;line-height:1.4}.pack-glass-actions{flex-wrap:wrap;gap:.6rem;display:flex}.pack-glass-actions button{flex:12rem}.pack-glass-actions-fullrow{flex:100%;margin-top:.35rem}.pack-glass-actions-fullrow button{flex:auto;width:100%}.pack-btn-stack{flex-direction:column;align-items:center;gap:.2rem;line-height:1.2;display:flex}.pack-btn-stack .pack-btn-sub{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff;font-size:.85rem}.album-scroll{margin-top:1rem}.nation-section{background:#0f172aa6;border:1px solid #94a3b833;border-radius:16px;margin-bottom:1.5rem;padding:1rem}.nation-section--expanded{min-height:72vh}.nation-section--collapsed{min-height:0}.pack-glass{background:#0f172aa6;border:1px solid #94a3b833;border-radius:16px;min-height:10vh;margin-bottom:1.5rem;padding:1rem}.nation-sticky{z-index:10;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex;position:sticky;top:0}.nation-sticky h2{align-items:center;gap:.5rem;margin:0;display:flex}.nation-sticky-meta{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.nation-count{color:#cbd5e1;text-align:right;min-width:2.5rem;font-size:.85rem}.nation-toggle{border:1px solid var(--theme-border);width:2rem;height:2rem;color:var(--theme);cursor:pointer;background:#0f172ad9;border-radius:8px;flex-shrink:0;place-items:center;margin:0;padding:0;display:grid}.nation-toggle:hover{background:#e8be0026;border-color:#e8be008c}.nation-toggle-icon{border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;margin-top:-.12rem;margin-left:-.08rem;transition:transform .2s;display:block;transform:rotate(-45deg)}.nation-toggle[aria-expanded=true] .nation-toggle-icon{margin-top:.05rem;margin-left:0;transform:rotate(45deg)}.nation-flag{aspect-ratio:4/3;object-fit:cover;border-radius:4px;flex-shrink:0;width:28px;height:auto;display:block;box-shadow:0 1px 3px #00000059}.card-grid,.pack-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.card,.pack-card{background:#02061733;border:1px solid #94a3b859;border-radius:14px;overflow:hidden}.card.card--gold,.pack-card.card--gold{background:linear-gradient(165deg,#ffdf78 0%,#e8be00 38%,#ffb82b 62%,#d4d46c 100%);border-color:#ffd700b8;box-shadow:0 0 0 1px #e8be0059,0 8px 22px #e8be002e}.card.card--gold .meta{background:linear-gradient(#e8be0024,#0000)}.card.card--gold.locked{border-color:#ffd70073}.pack-card.card--gold.duplicate{border-color:#ffd700d9}.card.card--bronze,.pack-card.card--bronze{background:linear-gradient(165deg,#e8bc8c 0%,#cd7f32 32%,#a86226 58%,#784820 100%);border-color:#cd7f32b8;box-shadow:0 0 0 1px #b8733359,0 8px 22px #b873332e}.card.card--bronze .meta{background:linear-gradient(#b8733324,#0000)}.card.card--bronze.locked{border-color:#cd7f3273}.pack-card.card--bronze.duplicate{border-color:#cd7f32d9}.card.card--silver,.pack-card.card--silver{background:linear-gradient(175deg,#fff 0%,#e0e3e7 28%,#e2e8f0 52%,#bac6d4 78%,#9caabc 100%);border-color:#e2e8f0c7;box-shadow:0 0 0 1px #e2e8f066,0 8px 22px #cbd5e138}.card.card--silver .meta{background:linear-gradient(#ffffff38,#0000)}.card.card--silver.locked{border-color:#e2e8f080}.pack-card.card--silver.duplicate{border-color:#f1f5f9e6}.card>img,.pack-card>img.pack-card-photo{object-fit:cover;width:100%;height:155px;display:block}.card.locked img{filter:grayscale()brightness(.35)}.meta{flex-direction:column;gap:.2rem;padding:.6rem;display:flex}.placeholder{text-align:center;color:#cbd5e1;place-content:center;gap:.35rem;height:155px;padding:.5rem;display:grid}.icon{font-size:2rem}.pack-card{padding-bottom:.5rem}.pack-card strong,.pack-card small{padding:0 .5rem;display:block}.pack-card.duplicate{border-color:#fbbf24b3}.ad-overlay-root{z-index:320;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.ad-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617d6;position:absolute;inset:0}.ad-overlay-panel{z-index:1;border:1px solid var(--theme-border);background:#020617f2;border-radius:16px;flex-direction:column;gap:.75rem;width:min(92vw,28rem);padding:1rem;display:flex;position:relative}.ad-overlay-panel h2{margin:0;font-size:1rem}.ad-overlay-msg{color:#cbd5e1;margin:0;font-size:.9rem}.ad-slot-wrap{background:#0f172ab3;border:1px dashed #94a3b873;border-radius:10px;min-height:180px;padding:.45rem}.pack-modal-root{z-index:300;padding:max(.75rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) max(.75rem, env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px));pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pack-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617c7;position:absolute;inset:0}.pack-modal-panel{z-index:1;border:1px solid var(--theme-border);background:#020617f0;border-radius:18px;width:min(100vw - 1.25rem,40rem);max-width:100%;padding:clamp(.65rem,2.5vw,1rem) clamp(.5rem,2vw,.85rem) clamp(.75rem,2.5vw,1rem);position:relative;box-shadow:0 18px 48px #00000073}.pack-modal-close{z-index:2;color:#f1f5f9;cursor:pointer;background:#0f172af2;border:1px solid #94a3b873;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;margin:0;padding:0;font-size:1.45rem;line-height:1;display:grid;position:absolute;top:clamp(.35rem,2vw,.55rem);right:clamp(.35rem,2vw,.55rem)}.pack-modal-close:hover{background:#1e293bfa;border-color:#e8be008c}.pack-modal-title{margin:0 2.5rem .55rem 0;padding-right:.25rem;font-size:clamp(.95rem,3.5vw,1.1rem)}.pack-modal-rows{flex-direction:column;align-items:center;gap:clamp(.45rem,2.2vw,.9rem);width:100%;min-width:0;display:flex}.pack-modal-row{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:clamp(.35rem,2.2vw,.85rem);width:100%;min-width:0;display:flex}.pack-modal-row--two .pack-modal-card{flex:0 auto;width:clamp(6.75rem,36vw,11.25rem);max-width:calc(50% - .5rem)}.pack-modal-row--three .pack-modal-card{flex:0 auto;width:clamp(5.25rem,26vw,8.5rem);max-width:calc(33.333% - .45rem)}.pack-modal-card{flex-direction:column;min-width:0;padding-bottom:.35rem;display:flex}.pack-card-photo-wrap{width:100%;position:relative}.pack-modal-card .pack-card-photo-wrap>img.pack-card-photo{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;max-height:clamp(72px,32vw,150px);display:block}.pack-card-badge{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:#fff;pointer-events:none;background:#020617c7;border-radius:3px;padding:.12rem .28rem;font-size:clamp(.32rem,1.6vw,.48rem);font-weight:700;line-height:1.1;position:absolute;top:.2rem;right:.2rem;box-shadow:0 1px 4px #00000059}.pack-modal-card.duplicate .pack-card-badge{background:#78350fe0}.pack-card-photo-wrap .pack-card-flag{z-index:1;aspect-ratio:4/3;object-fit:cover;pointer-events:none;width:28px;height:auto;max-height:none;position:absolute;bottom:.2rem;left:.2rem}.pack-modal-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:.25rem;padding:0 clamp(.15rem,1vw,.35rem);font-size:clamp(.45rem,2.8vw,.72rem);line-height:1.2;display:block;overflow:hidden}@keyframes pack-elite-pulse{0%,to{box-shadow:0 0 0 2px #ffd7008c,0 6px 16px #e8be0038}50%{box-shadow:0 0 0 3px #ffeb8cf2,0 10px 28px #ffc8006b}}.pack-modal-card.card--gold.pack-modal-card--pulse{animation:1.65s ease-in-out infinite pack-elite-pulse}@media (prefers-reduced-motion:reduce){.pack-modal-card.card--gold.pack-modal-card--pulse{animation:none}}.error{color:#fecaca}.banner.info{color:#bbf7d0}.banner{margin-top:.75rem}.leaderboard-panel{background:#020617bf;border:1px solid #e8be0059;border-radius:16px;flex-direction:column;min-height:calc(100vh - 8rem);margin-top:1rem;padding:1rem;display:flex}.leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.leaderboard-panel h2{margin:0 0 .35rem;font-size:1.15rem}.leaderboard-muted{color:#94a3b8;margin:0;font-size:.85rem}.leaderboard-scroll-wrap{flex-direction:column;flex:1;gap:.65rem;min-height:0;display:flex}.leaderboard-scroll{flex:1;min-height:280px;max-height:min(62vh,720px);padding-right:.25rem;overflow-y:auto}.leaderboard-pinned{background:#02061733;border-top:1px solid #e8be0073;flex-shrink:0;padding-top:.65rem;position:sticky;bottom:0}.leaderboard-pinned-label{color:var(--theme);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .4rem;font-size:.8rem;font-weight:700}.pinned-hint{margin:.45rem 0 0}.list-footer{text-align:center;padding:.75rem 0}.leaderboard-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{background:#0f172a8c;border-radius:10px;grid-template-columns:4rem 3fr auto minmax(6rem,.2fr);align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.9rem;display:grid}.leaderboard-row.current-user{background:#e8be0026;border:1px solid #e8be0099}.leaderboard-rank{color:var(--theme);font-weight:700}.leaderboard-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.leaderboard-completion{color:var(--theme);font-weight:700}.leaderboard-last{color:#94a3b8;text-align:right;font-size:.8rem}@media (width<=300px){.leaderboard-row{grid-template-columns:1rem 3fr auto;grid-template-areas:"rank name completion""rank.last"}.leaderboard-rank{grid-area:rank}.leaderboard-name{grid-area:name}.leaderboard-completion{grid-area:completion}.leaderboard-last{text-align:left;grid-area:last;padding-left:2.5rem}}