:root{--theme-background-start:#081124;--theme-background-mid:#121f38;--theme-background-end:#1c2f4f;--theme-surface:#132746;--theme-surface-alt:#1d3a62;--theme-border:#4f7bb2;--theme-border-soft:#365a8b;--theme-text:#f4f8ff;--theme-text-muted:#bed2f0;--theme-accent:#6ad9ff;--theme-accent-contrast:#0f2340;--theme-called:#5dcf9b;--theme-called-bg:#133f31;--theme-free:#ffd17d;--theme-free-bg:#4f3820;--theme-error:#ff8d8d;--theme-error-bg:#4f2323;--theme-success:#9ef8c7;--theme-success-bg:#1d4a39;--theme-warning:#ffd27e;--theme-warning-bg:#4c3b1a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root[data-theme-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body,#root{min-height:100dvh}body{background:var(--theme-background-start);color:var(--theme-text)}.viewer{min-height:100dvh;color:var(--theme-text);isolation:isolate;--viewer-edge-padding:20px;--viewer-content-safe-zone-width:min(840px, calc(100vw - (var(--viewer-edge-padding) * 2)));--skin-animation-speed-multiplier:1;--skin-anim-free-name:none;--skin-anim-called-name:none;--skin-anim-stamped-name:none;--skin-anim-hover-name:none;--skin-anim-winning-name:none;background:radial-gradient(circle at 100% 0%, var(--theme-background-end) 0%, transparent 38%), radial-gradient(circle at 0% 0%, var(--theme-accent) 0%, transparent 42%), linear-gradient(150deg, var(--theme-background-start) 0%, var(--theme-background-mid) 100%);padding:20px;position:relative;overflow:hidden visible}.viewer-content{z-index:2;position:relative}.viewer-skin-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.viewer-skin-background{overflow:hidden}.viewer-skin-background-image{opacity:.95;background-repeat:no-repeat;position:absolute;inset:0}.viewer-skin-background-video{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewer-skin-decorations{overflow:hidden}.viewer-skin-decoration{--skin-decoration-max-vw:28vw;--skin-decoration-safe-zone-offset:12px;--skin-decoration-offset-y:0px;--skin-decoration-resolved-width:min(var(--skin-decoration-width,360px), var(--skin-decoration-max-vw));width:var(--skin-decoration-resolved-width);opacity:var(--skin-decoration-opacity,1);pointer-events:none;position:absolute;top:0;bottom:0}.viewer-skin-decoration.side-left{left:calc(50% - (var(--viewer-content-safe-zone-width) / 2) - var(--skin-decoration-resolved-width) - var(--skin-decoration-safe-zone-offset))}.viewer-skin-decoration.side-right{left:calc(50% + (var(--viewer-content-safe-zone-width) / 2) + var(--skin-decoration-safe-zone-offset))}.viewer-skin-decoration-anchor{width:100%;transform:translateY(var(--skin-decoration-offset-y));position:absolute}.viewer-skin-decoration-anchor.anchor-top{top:8%}.viewer-skin-decoration-anchor.anchor-center{transform:translateY(calc(-50% + var(--skin-decoration-offset-y)));top:50%}.viewer-skin-decoration-anchor.anchor-bottom{bottom:8%}.viewer-skin-decoration-shell{width:100%}.viewer-skin-decoration-light{pointer-events:none;filter:brightness()contrast();width:100%}.viewer-skin-decoration-light.light-none{animation:none}.viewer-skin-decoration-light.light-candle-flicker{animation:6.2s ease-in-out infinite candle-flicker-left}.viewer-skin-decoration.side-right .viewer-skin-decoration-light.light-candle-flicker{animation-name:candle-flicker-right;animation-duration:7.1s;animation-delay:-1700ms}.viewer-skin-decoration-motion{pointer-events:none;width:100%}.viewer-skin-decoration-motion.motion-float-gentle{animation:7.6s ease-in-out infinite float-gentle-left}.viewer-skin-decoration.side-right .viewer-skin-decoration-motion.motion-float-gentle{animation-name:float-gentle-right;animation-duration:8.4s;animation-delay:-2300ms}.viewer-skin-decoration-motion.motion-none{animation:none}.viewer-skin-decoration-image,.viewer-skin-decoration-video{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.viewer-header{max-width:840px;margin:0 auto 14px}.viewer-badge{letter-spacing:.03em;text-transform:uppercase;background:var(--theme-accent);color:var(--theme-accent-contrast);border-radius:999px;padding:5px 10px;font-size:.8rem;display:inline-flex}.viewer-header h1{margin:10px 0 6px;font-size:clamp(1.8rem,4vw,2.4rem)}.viewer-subtitle{color:var(--theme-text-muted);margin:0}.viewer-progress{color:var(--theme-success);margin:10px 0 0;font-weight:700}.viewer-banner{max-width:840px;color:var(--theme-text);border:1px solid var(--theme-border);background:var(--theme-surface-alt);border-radius:10px;margin:0 auto 10px;padding:8px 12px;font-size:.84rem}.viewer-banner-error{color:var(--theme-error);border-color:var(--theme-error);background:var(--theme-error-bg)}.viewer-session-panel{border:1px solid var(--theme-border-soft);background:color-mix(in srgb, var(--theme-surface) 80%, var(--theme-called-bg) 20%);border-radius:11px;max-width:840px;margin:0 auto 8px;padding:8px 10px}.viewer-session-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.viewer-session-item{border:1px solid var(--theme-border-soft);background:var(--theme-surface-alt);border-radius:999px;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;padding:5px 8px;display:flex}.viewer-session-label{letter-spacing:.05em;text-transform:uppercase;color:var(--theme-text-muted);white-space:nowrap;font-size:.62rem}.viewer-session-value{color:var(--theme-text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.viewer-session-grace{color:var(--theme-text-muted);margin:6px 0 0;font-size:.74rem;font-weight:500;line-height:1.3}.viewer-called-list{scrollbar-width:thin;flex-wrap:nowrap;gap:5px;margin-top:6px;padding-bottom:1px;display:flex;overflow:auto hidden}.viewer-called-chip{border:1px solid var(--theme-border-soft);max-width:132px;color:var(--theme-text);background:var(--theme-surface-alt);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;padding:3px 7px;font-size:.68rem;overflow:hidden}.viewer-called-chip-more{border-color:var(--theme-accent);color:var(--theme-accent)}.viewer-card{border:1px solid var(--theme-border-soft);background:var(--theme-surface);border-radius:16px;max-width:840px;margin:0 auto;padding:12px;box-shadow:0 16px 30px -24px #0f172a8c}.viewer-join-button{border:1px solid var(--theme-accent);background:var(--theme-accent);color:var(--theme-accent-contrast);cursor:pointer;border-radius:9px;margin-top:12px;padding:9px 12px;font-weight:600}.viewer-join-button:disabled{opacity:.7;cursor:wait}.viewer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.viewer-card-actions{justify-content:flex-end;margin-top:12px;display:flex}.viewer-cell{border:1px solid var(--theme-border);background:var(--theme-surface-alt);min-height:88px;color:var(--theme-text);text-align:left;cursor:not-allowed;border-radius:11px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;padding:8px;display:flex}.viewer-cell.called{cursor:pointer;border-color:var(--theme-called)}.viewer-cell.called:hover{animation-name:var(--skin-anim-hover-name);animation-duration:calc(1.1s * var(--skin-animation-speed-multiplier));animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform:translateY(-1px)}.viewer-cell.called:not(.stamped):not(.free){animation-name:var(--skin-anim-called-name);animation-duration:calc(1.85s * var(--skin-animation-speed-multiplier));animation-timing-function:ease-in-out;animation-iteration-count:infinite}.viewer-cell.stamped{border-color:var(--theme-called);background:linear-gradient(180deg, var(--theme-called-bg) 0%, var(--theme-called-bg) 100%)}.viewer-cell.stamped:not(.free){animation-name:var(--skin-anim-stamped-name);animation-duration:calc(.46s * var(--skin-animation-speed-multiplier));animation-timing-function:cubic-bezier(.24,.78,.29,1);animation-iteration-count:1;animation-fill-mode:both}.viewer-cell.free{border-color:var(--theme-free);background:linear-gradient(180deg, var(--theme-free-bg) 0%, var(--theme-free-bg) 100%);animation-name:var(--skin-anim-free-name);animation-duration:calc(2.6s * var(--skin-animation-speed-multiplier));animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.viewer-cell:disabled{opacity:.82}.viewer-cell-label{font-size:.9rem;font-weight:600;line-height:1.2}.viewer-cell-status{text-transform:uppercase;letter-spacing:.04em;color:var(--theme-text-muted);font-size:.7rem}.viewer-winning .viewer-card{animation-name:var(--skin-anim-winning-name);animation-duration:calc(1.8s * var(--skin-animation-speed-multiplier));animation-timing-function:ease-in-out;animation-iteration-count:infinite}.viewer-footer{max-width:840px;color:var(--theme-text-muted);margin:10px auto 0;font-size:.82rem}@keyframes float-gentle{0%{transform:translate(0,0)}34%{transform:translate(.8px,-2.8px)}67%{transform:translate(-.6px,-5.8px)}to{transform:translate(0,0)}}@keyframes float-gentle-left{0%{transform:translate(0,0)}32%{transform:translate(.8px,-3px)}66%{transform:translate(-.7px,-6.1px)}to{transform:translate(0,0)}}@keyframes float-gentle-right{0%{transform:translate(0,0)}36%{transform:translate(-.7px,-2.6px)}70%{transform:translate(.6px,-5.3px)}to{transform:translate(0,0)}}@keyframes candle-flicker-left{0%,to{filter:brightness()contrast()}17%{filter:brightness(1.02)contrast(1.01)}33%{filter:brightness(.992)contrast()}51%{filter:brightness(1.026)contrast(1.012)}68%{filter:brightness(.988)contrast(.998)}84%{filter:brightness(1.014)contrast(1.006)}}@keyframes candle-flicker-right{0%,to{filter:brightness()contrast()}12%{filter:brightness(1.015)contrast(1.008)}29%{filter:brightness(.989)contrast(.998)}47%{filter:brightness(1.022)contrast(1.012)}64%{filter:brightness(.986)contrast(.996)}81%{filter:brightness(1.013)contrast(1.005)}}@media (prefers-reduced-motion:reduce){.viewer-skin-decoration-motion.motion-float-gentle,.viewer-skin-decoration-light.light-candle-flicker{animation:none!important}.viewer-skin-decoration-light.light-candle-flicker{filter:brightness()contrast()!important}}@keyframes free-soft-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--theme-free) 0%, transparent 100%)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-free) 24%, transparent 76%)}}@keyframes called-border-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--theme-called) 0%, transparent 100%);border-color:var(--theme-called)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-called) 28%, transparent 72%);border-color:color-mix(in srgb, var(--theme-called) 72%, var(--theme-accent) 28%)}}@keyframes stamped-pop-lock{0%{transform:scale(.96)}55%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes hover-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--theme-accent) 0%, transparent 100%)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-accent) 38%, transparent 62%)}}@keyframes winning-radiant{0%,to{box-shadow:0 16px 30px -24px #0f172a8c}50%{box-shadow:0 20px 34px -20px #0f172a9e, 0 0 0 2px color-mix(in srgb, var(--theme-success) 26%, transparent 74%)}}@media (width<=860px){.viewer{--viewer-edge-padding:12px;padding:12px}.viewer-skin-decoration{--skin-decoration-max-vw:24vw}.viewer-card{border-radius:14px;padding:11px}.viewer-session-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-grid{gap:7px}.viewer-cell{gap:5px;min-height:74px;padding:7px}.viewer-cell-label{font-size:clamp(.72rem,2.1vw,.82rem);line-height:1.14}.viewer-cell-status{letter-spacing:.03em;font-size:clamp(.58rem,1.5vw,.64rem)}}@media (width<=640px){.viewer{--viewer-edge-padding:10px;padding:10px}.viewer-skin-decoration{--skin-decoration-max-vw:20vw}.viewer-card{border-radius:13px;padding:10px}.viewer-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-grid{gap:6px;min-width:0}.viewer-cell{border-radius:10px;gap:4px;min-width:0;min-height:68px;padding:6px}.viewer-cell-label{overflow-wrap:anywhere;word-break:break-word;white-space:normal;-webkit-hyphens:none;hyphens:none;width:100%;min-width:0;font-size:.72rem;line-height:1.12}.viewer-cell-status{letter-spacing:.02em;font-size:.58rem}.viewer-footer{font-size:.78rem}}@media (width<=430px){.viewer{--viewer-edge-padding:9px;padding:9px}.viewer-header h1{margin:8px 0 5px;font-size:clamp(1.55rem,7.8vw,1.95rem)}.viewer-subtitle{font-size:.98rem;line-height:1.28}.viewer-progress{margin-top:8px}.viewer-card{padding:8px}.viewer-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-session-item{gap:5px;padding:4px 7px}.viewer-session-label{font-size:.58rem}.viewer-session-value{font-size:.76rem}.viewer-grid{gap:5px;min-width:0}.viewer-cell{border-radius:9px;min-width:0;min-height:64px;padding:5px}.viewer-cell-label{overflow-wrap:anywhere;word-break:break-word;white-space:normal;-webkit-hyphens:none;hyphens:none;width:100%;min-width:0;font-size:.68rem;line-height:1.1}.viewer-cell-status{font-size:.54rem}}@media (width<=390px){.viewer{--viewer-edge-padding:8px;padding:8px}.viewer-session-grid{grid-template-columns:1fr}.viewer-grid{gap:4px}.viewer-cell{min-height:60px;padding:4px}.viewer-cell-status{display:none}}@media (width<=360px){.viewer-badge{padding:4px 9px;font-size:.72rem}.viewer-header{margin-bottom:10px}.viewer-header h1{margin:7px 0 4px}.viewer-grid{gap:3px}.viewer-cell{min-height:58px;padding:4px}.viewer-cell-label{font-size:.64rem}.viewer-footer{font-size:.74rem}}@media (height<=740px) and (width<=540px){.viewer-cell{min-height:56px}.viewer-cell-status{display:none}}