@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{font-family:EB Garamond,Garamond,Apple Garamond,Baskerville,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f1e8;background-color:#433633;--color-bg: #433633;--color-surface: #56494e;--color-surface-soft: #5f524f;--color-surface-alt: #6c8ead;--color-border: rgba(255, 241, 225, .16);--color-shadow: rgba(18, 10, 8, .45);--color-text-primary: #f5f1e8;--color-text-secondary: rgba(245, 241, 232, .75);--color-text-muted: rgba(245, 241, 232, .6);--color-primary: #ff4e00;--color-secondary: #6c8ead;--color-accent: #588157;--color-danger: #ff4e00}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-height:100vh;background-color:var(--color-bg);display:flex;justify-content:center;color:var(--color-text-primary)}#root{width:100%;min-height:100vh}button{font-family:inherit}.app-shell{position:relative;min-height:100vh;padding:clamp(0rem,2vw,1.5rem) clamp(2.5rem,6vw,4rem) clamp(2.5rem,6vw,4rem);display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,5vw,3rem);color:var(--color-text-primary)}.app-shell.splash-active .app-content,.panel-active .app-content{filter:blur(6px);opacity:.35}.app-shell.splash-active .footer-note,.panel-active .footer-note{opacity:.45}.app-shell.splash-active .app-content,.app-shell.splash-active .footer-note,.panel-active .app-content,.panel-active .footer-note{pointer-events:none}.app-content{position:relative;z-index:1;width:min(620px,100%);display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.8rem);padding:clamp(1.6rem,4vw,2.4rem) clamp(1.6rem,4vw,2.6rem) clamp(1.6rem,4vw,2.6rem);border-radius:28px;background:linear-gradient(160deg,#56494eeb,#433633f0);border:1px solid var(--color-border);box-shadow:0 28px 60px var(--color-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.top-bar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}.onboarding-header .brand-mark{font-weight:600;letter-spacing:.25em;text-transform:uppercase;font-size:.9rem;color:var(--color-text-secondary);text-align:center;display:block}.header-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;justify-content:center;width:100%;max-width:620px}.percentile-card{width:100%;margin-top:.6rem;padding:1rem 1.2rem;border-radius:18px;background:linear-gradient(180deg,#5f524fd9,#56494ee0);border:1px solid rgba(255,241,225,.12);box-shadow:inset 0 1px #fff1e10d;display:flex;flex-direction:column;gap:.6rem;align-items:center}.percentile-header{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.percentile-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted)}.percentile-value{font-size:1.6rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.percentile-value span{font-size:.9rem;margin-left:.2rem}.percentile-curve{width:100%;height:auto}.percentile-curve polyline{fill:none;stroke:#6c8eadbf;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.percentile-curve circle{fill:#6c8ead;stroke:#fff1e1cc;stroke-width:2}.score-pill{display:flex;align-items:center;justify-content:center;padding:.75rem 1.4rem;border-radius:999px;font-size:.95rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#2c1603;background:linear-gradient(120deg,#ff7432,var(--color-primary))}.score-pill.negative{background:linear-gradient(120deg,#89a5c3,var(--color-secondary));color:#0d1d2c}.brand-stack{display:flex;flex-direction:column;gap:.1rem;align-items:center}.brand-heading{margin:0;font-size:clamp(1.6rem,4.5vw,2.6rem);letter-spacing:.18em;text-transform:uppercase;font-weight:700}.brand-subtitle{margin:.45rem 0 0;max-width:38ch;font-size:clamp(.92rem,2.6vw,1.12rem);line-height:1.6;color:var(--color-text-secondary);text-align:center}.icon-button{padding:.55rem 1.2rem;border-radius:999px;border:1px solid rgba(255,242,229,.18);background:#5f524fb3;color:var(--color-text-primary);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button.primary{background:linear-gradient(135deg,#ff6a1f,var(--color-primary));border:none;color:#211100;box-shadow:0 14px 32px #411c0073}.icon-button.outline{background:#6c8ead2e;border:1px solid rgba(108,142,173,.45);color:#e9f1f9}.icon-button.subtle{background:#56494eb3;border:1px solid rgba(255,242,229,.14);color:var(--color-text-secondary)}.icon-button:hover:not(:disabled){transform:translateY(-1px);border-color:#fff2e559;box-shadow:0 16px 32px #1a0f0b61}.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-button.ghost{background:transparent}.icon-button.logout{border-radius:16px}.icon-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff7e3a,var(--color-primary));border:none;box-shadow:0 18px 36px #4a1f0080}.icon-button.outline:hover:not(:disabled){background:#6c8ead52;border-color:#6c8ead8c}.icon-button.subtle:hover:not(:disabled){background:#5c504dcc;border-color:#fff2e538}.minimal-main{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center}.card-wrapper{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem}.card-wrapper.busy .image-card,.card-wrapper.busy .card-placeholder{opacity:.55;pointer-events:none}.card-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border-radius:24px;background:#0602148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text-secondary);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;z-index:3}.loading-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,241,225,.24);border-top-color:var(--color-primary);animation:pipSpin 1s linear infinite}.image-card{position:relative;width:100%;border-radius:24px;overflow:hidden;background:linear-gradient(150deg,#5f524feb,#433633eb);border:1px solid rgba(255,241,225,.14);box-shadow:0 26px 48px #21171273;touch-action:pan-y;cursor:grab;display:flex;align-items:center;justify-content:center;height:clamp(320px,60vh,520px);transition:transform .28s ease,box-shadow .28s ease}.image-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #fff1e11a}.image-card:active{cursor:grabbing}.image-card.motion-left{animation:swipeLeft .48s cubic-bezier(.22,.61,.36,1) forwards}.image-card.motion-right{animation:swipeRight .48s cubic-bezier(.22,.61,.36,1) forwards}.image-card.motion-enter{animation:cardEnter .28s ease forwards}.image-card img{width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.swipe-indicator{position:absolute;top:0;bottom:0;width:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .1s ease-out;z-index:2}.swipe-indicator-left{left:0;background:linear-gradient(to right,rgba(255,107,107,.75),transparent)}.swipe-indicator-right{right:0;background:linear-gradient(to left,rgba(107,203,119,.75),transparent)}.swipe-indicator-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;transform:scale(1.1)}.swipe-indicator-left .swipe-indicator-content{margin-right:auto;margin-left:1.5rem}.swipe-indicator-right .swipe-indicator-content{margin-left:auto;margin-right:1.5rem}.swipe-label{font-size:1.4rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fffffffa;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:clamp(320px,60vh,520px);border-radius:24px;border:1px dashed rgba(255,241,225,.25);background:#5f524f73;color:var(--color-text-secondary);text-align:center;padding:1.6rem}.card-placeholder button{padding:.55rem 1.3rem;border-radius:14px;border:1px solid rgba(255,241,225,.25);background:#6c8ead2e;color:var(--color-text-primary);font-weight:600;letter-spacing:.08em;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.card-placeholder button:hover{transform:translateY(-2px);border-color:#6c8ead8c}.loading-pip{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,241,225,.25);border-top-color:var(--color-primary);animation:pipSpin 1.05s linear infinite}.controls{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.guess-button{position:relative;padding:.85rem 1.35rem;border-radius:16px;border:1px solid transparent;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease;box-shadow:0 16px 28px #24140c59;white-space:nowrap;outline:none}.guess-button.ai{background:linear-gradient(135deg,#ff6a1f,var(--color-primary));color:#2c1603}.guess-button.real{background:linear-gradient(135deg,#8faacc,var(--color-secondary));color:#081a27}.guess-button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none;filter:grayscale(.12)}.guess-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 32px #29170d6b}.guess-button:focus-visible{transform:translateY(-2px);box-shadow:0 22px 34px #2d190e7a;border-color:#ffebd799}.guess-button.active{transform:translateY(-3px);box-shadow:0 24px 38px #2f1c1085;border-color:#ffebd7bf}.guess-button.ai.active,.guess-button.ai:focus-visible{background:linear-gradient(135deg,#ff8140,var(--color-primary))}.guess-button.real.active,.guess-button.real:focus-visible{background:linear-gradient(135deg,#9eb9d6,var(--color-secondary))}.swipe-hint{margin:0;font-size:.78rem;letter-spacing:.06em;color:var(--color-text-muted)}.panel-layer{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,6vw,3.5rem);background:#2b1e1bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:splashFade .3s ease}.panel-layer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(255,158,94,.24),transparent 60%),radial-gradient(circle at 72% 32%,rgba(108,142,173,.22),transparent 55%),radial-gradient(circle at 46% 78%,rgba(88,129,87,.2),transparent 65%);filter:blur(70px);opacity:.7;pointer-events:none}.info-panel,.leaderboard-panel{position:relative;width:min(680px,96vw);max-height:min(820px,90vh);min-height:min(520px,78vh);padding:clamp(1.6rem,4vw,2.6rem);border-radius:30px;background:linear-gradient(170deg,#5f524ff5,#433633f5);border:1px solid rgba(255,241,225,.12);box-shadow:0 40px 90px #1d130f73;display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.panel-heading h2{margin:0;font-size:1.2rem}.info-section{display:flex;flex-direction:column;gap:.5rem}.info-section h3{margin:0;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.info-text{margin:0;line-height:1.7;color:var(--color-text-secondary)}.info-meta{margin:0;font-size:.78rem;color:var(--color-text-muted)}.info-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.85rem}.metric-value{display:block;font-size:1.05rem;font-weight:600;color:var(--color-text-primary)}.metric-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-muted)}.dataset-breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;font-size:.85rem;color:var(--color-text-secondary)}.dataset-breakdown li{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.dataset-breakdown li span:last-child{color:var(--color-text-muted);font-size:.78rem}.info-footnote{margin:0;font-size:.72rem;color:var(--color-text-muted)}.info-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.55rem;color:var(--color-text-secondary)}.stat-grid{--stat-gap: clamp(.5rem, 2vw, 1rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--stat-gap);width:100%;padding-bottom:.25rem}.stat-card{padding:.9rem 1.1rem;border-radius:16px;background:linear-gradient(180deg,#5f524feb,#56494ee0);border:1px solid rgba(255,241,225,.12);display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;min-height:90px;box-shadow:inset 0 1px #fff1e114,0 8px 18px #1a120e47}.stat-label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.stat-value{font-size:1.35rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;font-feature-settings:"tnum" 1}.secondary-button{align-self:flex-start;padding:.55rem 1.1rem;border-radius:14px;border:1px solid rgba(108,142,173,.45);background:#6c8ead2e;color:#dbe7f1;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease}.secondary-button:hover{transform:translateY(-1px);background:#6c8ead52}.dataset-links{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.leaderboard-table{display:flex;flex-direction:column;gap:.75rem}.leaderboard-table table{width:100%;border-collapse:collapse;border-radius:18px;overflow:hidden;background:#5f524fcc;border:1px solid rgba(255,241,225,.12);box-shadow:inset 0 1px #fff1e10d}.leaderboard-table th,.leaderboard-table td{padding:.55rem .8rem;font-size:.88rem}.leaderboard-table th{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);text-align:left}.leaderboard-table tbody tr:not(:last-child){border-bottom:1px solid rgba(255,241,225,.08)}.leaderboard-table tr.highlight{background:linear-gradient(120deg,#ff743233,#6c8ead33)}.leaderboard-table td:nth-child(1),.leaderboard-table th:nth-child(1){width:3rem;font-variant-numeric:tabular-nums;text-align:left}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){text-align:left}.leaderboard ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.leaderboard li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:14px;background:#5f524fa6}.leaderboard li.highlight{background:linear-gradient(120deg,#ff743247,#6c8ead47);border:1px solid rgba(255,116,50,.4)}.leaderboard-empty,.leaderboard-more,.leaderboard-license{margin:0;font-size:.82rem;color:var(--color-text-secondary)}.leaderboard-license a{color:#dbe7f1}.splash-layer{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,6vw,4rem);background:#2b1e1bd9;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);animation:splashFade .35s ease}.splash-layer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,rgba(255,158,94,.3),transparent 60%),radial-gradient(circle at 78% 30%,rgba(108,142,173,.32),transparent 55%),radial-gradient(circle at 45% 78%,rgba(88,129,87,.28),transparent 65%);filter:blur(70px);opacity:.7;pointer-events:none}.footer-note{position:relative;z-index:1;font-size:.85rem;color:var(--color-text-secondary);text-align:center}.footer-license a{color:#dbe7f1}.cookie-banner{position:fixed;inset:auto clamp(1.2rem,5vw,2rem) clamp(1.2rem,5vw,2rem);z-index:40;max-width:min(560px,calc(100% - (2*clamp(1.2rem,5vw,2rem))));margin-left:auto;margin-right:auto;border-radius:18px;background:#1b121ef0;border:1px solid rgba(255,241,225,.18);box-shadow:0 18px 50px #0e06148c,0 0 0 1px #fff1e114;padding:clamp(1rem,4vw,1.4rem);color:#f4f0f7}.cookie-content{display:flex;flex-direction:column;gap:.95rem}.cookie-content p{margin:0;font-size:.92rem;line-height:1.45}.cookie-actions{display:flex;flex-wrap:wrap;gap:.6rem}.cookie-button{padding:.55rem 1.3rem;border-radius:999px;border:1px solid rgba(255,241,225,.32);background:#120a19bf;color:#f4f0f7;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.cookie-button:hover{transform:translateY(-1px);background:#1e1228e0;border-color:#fff1e180}.cookie-button.positive{background:linear-gradient(120deg,#ff7432f2,#ffbd76f2);color:#1a0d21;border:none}.cookie-button.positive:hover{transform:translateY(-1px);background:linear-gradient(120deg,#ff8c50fa,#ffcc96fa)}.onboarding-single{position:relative;display:flex;width:min(640px,90vw);max-width:640px;justify-content:center;padding:3rem;border-radius:24px;background:linear-gradient(175deg,#5f524ff2,#433633f0);border:1px solid rgba(255,241,225,.14);box-shadow:0 25px 50px #1f141066,0 0 0 1px #fff1e10d}.onboarding-panel{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-between;background:transparent;border:none;border-radius:0;padding:0}.onboarding-header{text-align:center;margin-bottom:3rem}.onboarding-content{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;margin:2rem 0}.onboarding-footer{margin-top:auto;text-align:center}.onboarding-panel h2{margin:0;font-size:2rem;color:var(--color-text-primary);margin-bottom:1.5rem;font-weight:700}.slide-content{max-width:520px;margin:0 auto}.slide-content p{font-size:1.2rem;line-height:1.6;margin:1.5rem 0;color:var(--color-text-secondary);white-space:pre-line}.onboarding-panel p{margin:0;line-height:1.6;color:var(--color-text-secondary)}.name-capture{display:flex;flex-direction:column;gap:1rem;margin:2.5rem auto 1rem;max-width:400px;text-align:left}.name-capture label{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.75rem;font-weight:600}.name-capture input{padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(255,241,225,.18);background:#5f524fa6;color:var(--color-text-primary);font-size:1.1rem;transition:all .2s ease;width:100%}.name-capture input:focus{outline:none;border-color:#6c8ead99;box-shadow:0 0 0 3px #6c8ead40;background:#5f524fd9}.name-capture input::placeholder{color:var(--color-text-muted)}.name-capture small{font-size:.85rem;color:var(--color-text-muted);line-height:1.4;margin-top:.5rem}.onboarding-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0}.onboarding-controls button{padding:.875rem 1.75rem;border-radius:12px;border:none;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ff6a1f,var(--color-primary));color:#2c1603;font-size:1rem;transition:all .2s ease;min-width:100px;flex:1;max-width:140px}.onboarding-controls button:hover:enabled{transform:translateY(-1px);box-shadow:0 4px 12px #4a1f0059}.onboarding-controls button:disabled{opacity:.5;cursor:not-allowed;transform:none}.onboarding-controls .ghost{background:transparent;border:1px solid rgba(108,142,173,.45);color:#dbe7f1}.onboarding-progress{margin:2rem 0}.step-dots{display:flex;gap:.75rem;justify-content:center;align-items:center}.step-dots span{width:40px;height:4px;border-radius:999px;background:#fff1e140;display:inline-block;transition:all .3s ease}.step-dots .active{background:linear-gradient(90deg,#8faacc,var(--color-secondary));width:48px}.onboarding-credits{margin-top:1.5rem;opacity:.7}.onboarding-credits p{font-size:.8rem;color:var(--color-text-muted);line-height:1.4;text-align:center}@keyframes splashFade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pipSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swipeLeft{to{transform:translate(-180%) rotate(-24deg);opacity:0}}@keyframes swipeRight{to{transform:translate(180%) rotate(24deg);opacity:0}}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 540px){.app-shell{padding-inline:1.4rem}.controls{grid-template-columns:repeat(2,1fr)}.score-pill{min-width:56px}.minimal-main{gap:1.4rem}.card-controls .controls{width:100%}.session-stats .stat-grid{gap:.75rem}}@media (min-width: 640px){.top-bar{flex-direction:column;align-items:center}.header-actions{width:auto;grid-template-columns:repeat(4,auto);align-items:center;gap:.3rem}.header-actions .icon-button{padding:.45rem 1.1rem;font-size:.75rem}}@media (min-width: 960px){.top-bar{flex-direction:column;align-items:center}}.level-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:flex-start}.level-summary>div{display:flex;flex-direction:column;gap:.35rem}.level-progress{position:relative;width:100%}.level-progress-counter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary);pointer-events:none}.level-progress-bar{width:100%;height:20px;border-radius:999px;background:#ffffff1f;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.level-progress-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:inherit;box-shadow:0 0 12px #ff743247}.level-progress-label{display:none}.card-controls{width:100%;display:flex;flex-direction:column;align-items:center;gap:.55rem}.card-controls .controls{width:min(100%,460px)}.card-wrapper.busy .card-controls{opacity:.6}.level-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem;color:var(--color-text-secondary)}.level-list li{line-height:1.5}.session-stats{width:100%;display:flex;justify-content:center}.session-stats .stat-grid{width:100%;max-width:none}.session-level{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:1.1rem 1.4rem;border-radius:20px;background:linear-gradient(180deg,#5f524fe6,#433633eb);border:1px solid rgba(255,241,225,.12);box-shadow:inset 0 1px #fff1e114}.session-level .level-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;width:100%;padding-bottom:.8rem;border-bottom:1px solid rgba(255,241,225,.12)}.session-level .level-summary>div{display:flex;flex-direction:column;gap:.4rem}.session-level .level-progress-counter{font-size:.74rem}.session-level .level-progress-label{display:none}.analytics-layer{align-items:flex-start;padding:4vh 3vw}.analytics-panel{width:min(1024px,95vw);max-height:90vh;overflow-y:auto;background:linear-gradient(175deg,#5f524ff5,#433633f2);border-radius:26px;padding:2rem;display:flex;flex-direction:column;gap:2rem;border:1px solid rgba(255,241,225,.12);box-shadow:0 40px 90px #1d130f8c}.analytics-actions{display:flex;gap:.75rem;align-items:center}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-section{display:flex;flex-direction:column;gap:1rem}.analytics-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.analytics-metric-grid article{padding:.9rem 1rem;border-radius:18px;background:#5f524fe0;border:1px solid rgba(255,241,225,.12);display:flex;flex-direction:column;gap:.35rem}.analytics-metric-grid .metric-span{grid-column:span 2}.metric-value.subtle{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.analytics-table{width:100%;border-collapse:collapse;border-radius:18px;overflow:hidden;background:#5f524fcc;border:1px solid rgba(255,241,225,.12);box-shadow:inset 0 1px #fff1e10d}.analytics-table th,.analytics-table td{padding:.7rem 1rem;text-align:left;font-size:.82rem}.analytics-table th{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.analytics-table tbody tr:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.range-toggle{display:inline-flex;gap:.35rem;background:#5f524fb3;padding:.35rem;border-radius:999px;border:1px solid rgba(255,241,225,.12)}.range-toggle button{border:none;background:transparent;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;padding:.35rem .85rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.range-toggle button.active{background:#6c8ead40;color:#0d1d2c}.timeline-card{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:18px;background:#5f524fc7;border:1px solid rgba(255,241,225,.12)}.timeline-card header{display:flex;gap:1rem}.timeline-card header>div{display:flex;flex-direction:column}.timeline-card table{width:100%;border-collapse:collapse;margin-top:1rem}.timeline-card th,.timeline-card td{padding:.7rem 1rem;text-align:left;font-size:.82rem}.timeline-card th{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.timeline-card tbody tr:not(:last-child){border-bottom:1px solid rgba(255,241,225,.08)}.timeline-card tbody td{color:var(--color-text-secondary)}.analytics-actions .secondary-button{background:#6c8ead2e}.leaderboard-table .active{border-left:3px solid var(--color-accent)}@media (max-width: 480px){.header-actions .icon-button{font-size:.65rem;padding:.35rem .8rem}.stat-label{font-size:.55rem}.stat-value{font-size:1rem}.level-summary{flex-direction:column;gap:.5rem;align-items:center}.level-summary>div{align-items:center}.level-summary .stat-label,.level-summary .stat-value{font-size:.85rem}.level-progress-label{display:none}.level-progress-counter{font-size:.68rem;padding:0 .5rem}.guess-button{font-size:.8rem;padding:.7rem 1.2rem}}@media (max-width: 320px){.stat-card{padding:.3rem .5rem;gap:.1rem}.stat-label{font-size:.45rem}.stat-value{font-size:.8rem}.level-summary{gap:.3rem}.level-summary .stat-label,.level-summary .stat-value{font-size:.65rem}.level-progress-label{display:none}.level-progress-counter{font-size:.6rem;padding:0 .35rem}.guess-button{font-size:.6rem;padding:.5rem .8rem}}.feedback-message{position:fixed;top:clamp(1.6rem,6vw,2.5rem);left:50%;transform:translate(-50%,-50%);padding:1.1rem 2.4rem;border-radius:24px;font-weight:600;font-size:1.05rem;text-align:center;z-index:50;animation:feedbackSlide 2.2s ease forwards;box-shadow:0 20px 40px #170c0773;pointer-events:none;max-width:min(90vw,520px);line-height:1.45;color:var(--color-text-primary)}@keyframes feedbackSlide{0%{opacity:0;transform:translate(-50%,-170%)}12%{opacity:1;transform:translate(-50%)}75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-170%)}}.feedback-message.success{background:#3da933;color:#f5f1e8}.feedback-message.error{background:#dd0e15;color:#f5f1e8}