.quiz-panel,.quiz-card,.quiz-host{--q-surface:#282119;--q-inset:#15100c;--q-lift:#3a2f23;--q-ink:#f3e7d4;--q-mute:#bba98f;--q-amber:#e8a15a;--q-hi:#f0b470;--q-on-amber:#1d1308;background:var(--q-surface);color:var(--q-ink);word-break:keep-all;border:0;border-radius:0;gap:8px;margin-top:8px;padding:14px;animation:.28s cubic-bezier(.22,1,.36,1) both q-in;display:grid}.quiz-head{gap:4px;margin-bottom:4px;display:grid}.quiz-head strong{font-size:15px;line-height:1.35;font-weight:var(--fw-bold);text-wrap:balance}.quiz-panel small,.quiz-card small,.quiz-host small{color:var(--q-mute);text-wrap:pretty;font-size:12px;line-height:1.5;display:block}.quiz-panel input,.quiz-card input{background:var(--q-inset);width:100%;min-width:0;height:42px;color:var(--q-ink);font:inherit;font-size:16px;font-weight:var(--fw-semibold);border:0;border-radius:0;padding:0 12px;transition:background-color .18s,box-shadow .18s}.quiz-panel input::placeholder,.quiz-card input::placeholder{color:color-mix(in srgb, var(--ink-400) 46%, transparent);font-weight:var(--fw-book)}.quiz-panel input:focus,.quiz-panel input:focus-visible,.quiz-card input:focus,.quiz-card input:focus-visible{background:var(--q-lift);box-shadow:var(--focus-ring);outline:0}.quiz-card input:disabled{opacity:.5}.quiz-question{font-size:16px;font-weight:var(--fw-bold);text-wrap:balance;overflow-wrap:anywhere;margin:2px 0 4px;line-height:1.4}.quiz-panel .primary-button,.quiz-card .primary-button{border-radius:var(--r-ctl);width:100%;min-height:44px;color:var(--q-on-amber);font-size:15px;font-weight:var(--fw-bold);white-space:normal;box-shadow:none;background:#e8a15a;border:0;margin-top:2px;padding:0 16px;transform:none}.quiz-panel .primary-button:hover:not(:disabled),.quiz-card .primary-button:hover:not(:disabled){filter:brightness(1.06);box-shadow:none;background:#e8a15a;transform:none}.quiz-panel .primary-button:active:not(:disabled),.quiz-card .primary-button:active:not(:disabled){transform:scale(.985)}.quiz-panel .primary-button:disabled,.quiz-card .primary-button:disabled{opacity:.4;box-shadow:none}.quiz-cancel{border-radius:var(--r-ctl);min-height:40px;color:var(--q-mute);font:inherit;font-size:13px;font-weight:var(--fw-semibold);background:0 0;border:0;padding:0 14px;transition:color .18s}.quiz-cancel:hover:not(:disabled){color:var(--q-ink)}.quiz-card .form-error{background:color-mix(in srgb, var(--ember-500) 16%, transparent);color:#ffc4b8;border:0;border-radius:0;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.quiz-card .form-error b{font-variant-numeric:tabular-nums}.quiz-card .form-error.is-locked b{letter-spacing:.02em;margin-top:2px;font-size:24px;display:block}.quiz-host button{border-radius:var(--r-ctl);min-height:44px;color:var(--q-ink);font:inherit;font-size:14px;font-weight:var(--fw-bold);background:#ffeccd17;border:0;justify-self:start;padding:0 16px;transition:background-color .18s}.quiz-host button:hover:not(:disabled){background:#ffeccd29}.quiz-panel :is(button,input):focus-visible,.quiz-card button:focus-visible,.quiz-host button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes q-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.quiz-panel,.quiz-card,.quiz-host{animation:none}.quiz-panel input,.quiz-card input,.quiz-cancel{transition:none}}
:root{--cp-surface:#29241d;--cp-raised:#ffffff0f;--cp-text:#eee4d1;--cp-muted:#b9a78a;--cp-faint:#8f826d;--cp-line:#bea27952;--cp-line-strong:#bea27980;--cp-accent:#e8b67b;--cp-accent-ink:#1a1206;--cp-hover:#debc8c24;--cp-danger:#ef7a6e;--cp-shadow:0 16px 38px #00000059}html[data-theme=light]{--cp-surface:#fffaf0;--cp-raised:#f6ecda;--cp-text:#362b1e;--cp-muted:#6e604f;--cp-faint:#8a7a64;--cp-line:#785c3a38;--cp-line-strong:#c7ae8a;--cp-accent:#965528;--cp-accent-ink:#fff6e8;--cp-hover:#f1e5d1;--cp-danger:#b4432f;--cp-shadow:0 16px 35px #4f371d2e}.play-menu{--cp-surface:#29241d;--cp-raised:#ffffff0f;--cp-text:#eee4d1;--cp-muted:#b9a78a;--cp-faint:#8f826d;--cp-line:#f0d2a024;--cp-accent:#e8b67b;--cp-hover:#debc8c24;--cp-danger:#ef7a6e}.cp-login-pill{background:color-mix(in srgb,var(--cp-accent) 13%,transparent);min-height:36px;color:var(--cp-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-accent) 34%,transparent);font-size:12px;font-weight:var(--fw-strong);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;margin-left:3px;padding:0 14px;transition:background-color .2s,transform .18s;display:inline-flex}.cp-login-pill:hover{background:color-mix(in srgb,var(--cp-accent) 22%,transparent)}.cp-login-pill:active{transform:scale(.98)}.cp-login-pill:focus-visible,.cp-avatar-button:focus-visible,.cp-item:focus-visible,.cp-provider:focus-visible,.cp-close:focus-visible,.cp-room-go:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cp-account{z-index:90;flex:none;margin-left:3px;display:inline-flex;position:relative}.cp-avatar-button{background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .18s,transform .18s;display:inline-flex}.cp-avatar-button:hover,.cp-avatar-button[aria-expanded=true]{background:var(--cp-hover)}.cp-avatar-button:active{transform:scale(.96)}.cp-avatar{background:color-mix(in srgb,var(--cp-accent) 18%,transparent);width:28px;height:28px;color:var(--cp-accent);font-size:12px;font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.cp-dropdown{z-index:91;border:1px solid var(--cp-line-strong);background:var(--cp-surface);width:232px;color:var(--cp-text);box-shadow:var(--cp-shadow);border-radius:12px;padding:6px;animation:.14s ease-out both cp-appear;position:absolute;top:calc(100% + 5px);right:0}.cp-account-head{padding:8px 10px}.cp-account-head p{font-size:14px;font-weight:var(--fw-book);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.cp-account-head small{color:var(--cp-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;display:block;overflow:hidden}.cp-divider{background:var(--cp-line);height:1px;margin:4px 0}.cp-item{border-radius:var(--r-ctl);width:100%;min-height:40px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background-color .2s;display:flex}.cp-item:hover:not(:disabled),.cp-item:focus-visible{background:var(--cp-hover)}.cp-item:disabled{opacity:.6;cursor:default}.cp-item svg{width:16px;height:16px;color:var(--cp-muted);flex:none}.cp-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.cp-item-text small{color:var(--cp-faint);margin-top:1px;font-size:11px;line-height:1.35}.cp-switch{background:var(--cp-line-strong);border-radius:999px;flex:none;width:30px;height:18px;transition:background-color .2s;position:relative}.cp-switch i{background:var(--cp-surface);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.cp-switch.is-on{background:var(--cp-accent)}.cp-switch.is-on i{transform:translate(12px)}.cp-danger,.cp-danger svg{color:var(--cp-danger)}.cp-danger:hover:not(:disabled),.cp-danger:focus-visible{background:color-mix(in srgb,var(--cp-danger) 12%,transparent)}.cp-quiet{min-height:34px;color:var(--cp-faint);font-size:12px}.cp-menu-inline{border-top:1px solid var(--cp-line);flex-direction:column;gap:2px;padding-top:12px;display:flex}.cp-menu-inline .cp-account-head{padding:2px 10px 6px}.cp-menu-login{border-top:1px solid var(--cp-line);flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px;display:flex}.cp-menu-login p{color:var(--cp-muted);margin:0;font-size:12px;line-height:1.5}.cp-menu-login .cp-login-pill{margin:0}.cp-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;animation:.2s ease-out both cp-fade;position:fixed;inset:0}.cp-dialog-wrap{z-index:1001;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cp-dialog{background:var(--cp-surface);width:100%;max-width:384px;max-height:calc(100dvh - 32px);color:var(--cp-text);box-shadow:0 0 0 1px var(--cp-line), var(--shadow-lg);pointer-events:auto;border-radius:16px;padding:32px;animation:.4s cubic-bezier(.22,1,.36,1) both cp-rise;position:relative;overflow:auto}.cp-dialog:focus{outline:none}.cp-close{border-radius:var(--r-ctl);color:var(--cp-faint);background:0 0;border:0;padding:6px;transition:color .2s;display:inline-flex;position:absolute;top:16px;right:16px}.cp-close:hover{color:var(--cp-text)}.cp-close svg{width:16px;height:16px}.cp-brand{align-items:center;gap:10px;margin-bottom:20px;display:flex}.cp-brand-mark{object-fit:cover;border-radius:8px;flex:none;width:32px;height:32px;display:block}.cp-brand-name{color:var(--cp-muted);letter-spacing:.14em;font-size:11px}.cp-dialog h2{font-size:26px;font-weight:var(--fw-semibold);letter-spacing:-.02em;margin:0 0 6px}.cp-sub{color:var(--cp-muted);margin:0 0 24px;font-size:13px;line-height:1.55}.cp-error{border-radius:var(--r-cell);background:color-mix(in srgb,var(--cp-danger) 11%,transparent);color:var(--cp-danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-danger) 30%,transparent);align-items:flex-start;gap:8px;margin:0 0 16px;padding:12px;font-size:14px;line-height:1.45;display:flex}.cp-error svg{flex:none;width:16px;height:16px;margin-top:2px}.cp-inapp{border-radius:var(--r-cell);background:color-mix(in srgb,var(--cp-accent) 10%,transparent);color:var(--cp-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-accent) 28%,transparent);margin:0 0 16px;padding:12px;font-size:13px;line-height:1.55}.cp-providers{flex-direction:column;gap:10px;display:flex}.cp-provider{width:100%;min-height:44px;font-size:14px;font-weight:var(--fw-book);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 14px;transition:transform .18s,box-shadow .2s,background-color .2s;display:flex}.cp-provider:hover{transform:translateY(-1px)}.cp-provider:active{transform:scale(.98)}.cp-google,.cp-email{background:var(--cp-raised);color:var(--cp-text);box-shadow:0 0 0 1px var(--cp-line-strong)}.cp-kakao{color:#000000d9;background:#fee500;box-shadow:0 0 0 1px #0000001f}.cp-or{align-items:center;gap:12px;margin:16px 0;display:flex}.cp-or span{background:var(--cp-line);flex:1;height:1px}.cp-or em{color:var(--cp-faint);font-size:11px;font-style:normal}.cp-optional{color:var(--cp-muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.55}.cp-terms{color:var(--cp-faint);text-align:center;margin:12px 0 0;font-size:11px;line-height:1.6}.cp-terms a{color:inherit;text-underline-offset:2px;text-decoration:underline}.cp-terms a:hover{color:var(--cp-text)}.cp-rooms{max-width:420px}.cp-rooms .cp-sub{margin-top:8px}.cp-room-list{margin:16px 0 0;padding:0;list-style:none}.cp-room-list li{border-top:1px solid var(--cp-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.cp-room-list li:first-child{border-top:0}.cp-room-list strong{font-size:14px;font-weight:var(--fw-semibold);display:block}.cp-room-list small{color:var(--cp-muted);margin-top:3px;font-size:12px;line-height:1.4;display:block}.cp-room-go{border-radius:var(--r-ctl);background:color-mix(in srgb,var(--cp-accent) 15%,transparent);min-height:40px;color:var(--cp-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-accent) 34%,transparent);font-size:13px;font-weight:var(--fw-strong);white-space:nowrap;border:0;flex:none;padding:0 14px}.cp-room-go:disabled{opacity:.55;cursor:default}.cp-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1100;background:var(--cp-surface);max-width:calc(100vw - 32px);color:var(--cp-text);box-shadow:0 0 0 1px var(--cp-line-strong),var(--cp-shadow);border-radius:999px;padding:10px 18px;font-size:13px;animation:.3s ease-out both cp-rise;position:fixed;transform:translate(-50%)}@keyframes cp-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}@keyframes cp-rise{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:760px){.cp-login-pill{min-height:32px;padding:0 10px;font-size:11px}.cp-avatar-button{width:32px;height:32px}.cp-dialog{padding:28px 22px}}@media (prefers-reduced-motion:reduce){.cp-dropdown,.cp-overlay,.cp-dialog,.cp-toast{animation:none}.cp-provider,.cp-switch,.cp-switch i{transition:none}}.cp-dropdown,.cp-dialog,.cp-toast{text-transform:none;letter-spacing:normal;word-break:keep-all}.cp-account-head small{text-transform:none;letter-spacing:0}.cp-menu-login p{word-break:keep-all}.cp-link h2{word-break:keep-all;font-size:20px;line-height:1.35}.cp-link .cp-providers{margin-top:20px}.cp-room-list small svg{width:1.15em;height:1.15em}
.ob-intro{--night:#0e0b08;--night-2:#282119;--paper:#f3e7d4;--muted:#bba98f;--signal:#e8a15a;--focus:#f5d491;--i:0;--drag:0px;--pn:0;--pp:0;z-index:400;isolation:isolate;background:var(--ink-950);color:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;touch-action:pan-y;-webkit-user-select:none;user-select:none;padding:max(12px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));opacity:1;flex-direction:column;transition:opacity .22s;animation:.3s backwards ob-fade;display:flex;position:fixed;inset:0;overflow:hidden}.ob-intro.is-leaving{opacity:0;pointer-events:none}.ob-arts{z-index:-2;position:absolute;inset:0 0 38%}.ob-art{opacity:0;will-change:opacity;background:50%/cover no-repeat;transition:opacity .55s .28s;position:absolute;inset:0}.ob-art.is-on{z-index:1;opacity:.72;transition-delay:0s}.ob-intro:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--ink-950) 62%, transparent) 0%, color-mix(in srgb, var(--ink-950) 12%, transparent) 20%, color-mix(in srgb, var(--ink-950) 78%, transparent) 52%, var(--ink-950) 64%);position:absolute;inset:0}.ob-top{justify-content:space-between;align-items:center;gap:14px;min-height:44px;display:flex}.ob-dots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.ob-dots li{background:color-mix(in srgb, var(--brass-100) 20%, transparent);border-radius:999px;width:22px;height:4px;position:relative;overflow:hidden}.ob-dots li:after{content:"";border-radius:inherit;background:var(--signal);transform-origin:0;opacity:.55;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;inset:0;transform:scaleX(0)}.ob-dots li.is-past:after{transform:scaleX(1)}.ob-dots li.is-on:after{opacity:1;transform:scaleX(1)}.ob-skip{min-height:40px;color:var(--muted);font:inherit;font-size:13px;font-weight:var(--fw-bold);cursor:pointer;background:0 0;border:0;padding:0 6px;transition:color .18s}.ob-skip:hover{color:var(--paper)}.ob-stage{flex:1;width:100%;max-width:30rem;min-height:0;margin:0 auto;overflow:hidden}.ob-track{height:100%;transform:translate3d(calc(var(--i) * -100% + var(--drag)), 0, 0);will-change:transform;transition:transform .48s cubic-bezier(.22,1,.36,1);display:flex}.ob-intro.is-dragging .ob-track,.ob-intro.is-dragging .ob-card{transition:none}.ob-card{opacity:0;flex-direction:column;flex:0 0 100%;justify-content:flex-end;gap:10px;min-width:0;padding:12px 0 6vh;transition:opacity .4s;display:flex;overflow-y:auto}.ob-card.is-on{opacity:calc(1 - var(--pn) - var(--pp))}.ob-card.is-next{opacity:var(--pn)}.ob-card.is-prev{opacity:var(--pp)}.ob-step{color:var(--muted);font-size:12px;font-weight:var(--fw-bold);letter-spacing:.08em;font-variant-numeric:tabular-nums}.ob-card h2{font-size:clamp(20px,5.8vw,24px);line-height:1.32;font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--paper);word-break:keep-all;text-wrap:balance;overflow-wrap:anywhere;margin:0}.ob-lines{gap:8px;display:grid}.ob-lines p{color:var(--paper);word-break:keep-all;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.6}.ob-card .ob-lines p{opacity:.92}.ob-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:30rem;margin:0 auto;display:flex}.ob-back{min-height:44px;color:var(--muted);font:inherit;font-size:14px;font-weight:var(--fw-semibold);cursor:pointer;background:0 0;border:0;border-radius:13px;padding:0 14px;transition:color .18s,opacity .2s}.ob-back:hover{color:var(--paper)}.ob-back:disabled{visibility:hidden}.ob-next{background:var(--signal);min-width:104px;min-height:44px;color:var(--brass-950);font:inherit;font-size:14px;font-weight:var(--fw-bold);cursor:pointer;border:0;border-radius:13px;flex:none;padding:0 22px;transition:transform .16s,filter .16s}.ob-next:hover{filter:brightness(1.06)}.ob-next:active{transform:scale(.97)}.ob-intro :is(button):focus-visible,.ob-coach :is(button):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ob-intro:focus{outline:none}.ob-actions .ob-next{margin-left:auto}.ob-coach{z-index:380;animation:.28s backwards ob-fade;position:fixed;inset:0}.ob-coach-block{position:absolute;inset:0}.ob-ring{box-shadow:0 0 0 9999px color-mix(in srgb, var(--ink-950) 64%, transparent), 0 0 0 2px var(--amber);pointer-events:none;border-radius:14px;transition:top .34s cubic-bezier(.22,1,.36,1),left .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1);position:absolute}.ob-bubble{background:var(--night-2);color:var(--paper);box-shadow:var(--shadow-lg);will-change:transform;border-radius:18px;gap:12px;padding:16px;transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;left:0}.ob-bubble .ob-lines{animation:.26s backwards ob-fade}.ob-bubble .ob-lines p{font-size:14px;line-height:1.55}.ob-bubble-foot{align-items:center;gap:10px;display:flex}.ob-bubble-foot .ob-step{margin-right:auto}.ob-bubble-foot .ob-skip{min-height:40px}.ob-bubble-foot .ob-next{border-radius:13px;flex:none;min-width:88px;min-height:40px;padding:0 16px;font-size:14px}.ob-alarm{background:color-mix(in srgb, var(--danger) 16%, var(--night-2));color:var(--paper);border-radius:14px;gap:6px;margin:8px 0;padding:12px 14px;animation:.28s backwards ob-rise;display:grid}.ob-alarm strong{font-size:14px}.ob-alarm .ob-lines{gap:3px}.ob-alarm .ob-lines p{font-size:13px;line-height:1.5}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}@keyframes ob-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ob-intro,.ob-coach,.ob-bubble .ob-lines,.ob-alarm{animation:none}.ob-intro,.ob-track,.ob-card,.ob-art,.ob-ring,.ob-bubble,.ob-dots li:after,.ob-next{transition:none}}.play-menu .play-menu-howto{border:1px solid color-mix(in srgb, currentColor 22%, transparent);width:100%;min-height:42px;color:inherit;font:inherit;font-size:14px;font-weight:var(--fw-bold);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px}.play-menu .play-menu-howto:hover{background:color-mix(in srgb, currentColor 9%, transparent)}
.rec-dialog{max-width:420px;padding:var(--sp-6) var(--sp-5) var(--sp-5)}.rec-dialog h2{margin:0 0 var(--sp-4);font-size:var(--fs-title);font-weight:var(--fw-semibold);letter-spacing:-.01em}.rec-tabs{gap:var(--sp-1);margin:0 calc(var(--sp-5) * -1);padding:0 var(--sp-5) var(--sp-1);scrollbar-width:none;display:flex;overflow-x:auto}.rec-tabs::-webkit-scrollbar{display:none}.rec-tabs button,.rec-levels button{min-height:var(--ctl-sm);padding:0 var(--sp-3);border:1px solid var(--cp-line);border-radius:var(--r-ctl);color:var(--cp-muted);font:inherit;font-size:var(--fs-table);font-weight:var(--fw-book);white-space:nowrap;background:0 0;flex:none}.rec-tabs button[aria-pressed=true],.rec-levels button[aria-pressed=true]{border-color:color-mix(in srgb, var(--cp-accent) 55%, transparent);background:color-mix(in srgb, var(--cp-accent) 16%, transparent);color:var(--cp-text)}.rec-levels{gap:var(--sp-1);margin-top:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rec-list{margin:var(--sp-4) 0 0;padding:0;list-style:none}.rec-list li{align-items:center;gap:var(--sp-3);min-height:var(--ctl-md);padding:var(--sp-2) 0;border-top:1px solid var(--cp-line);grid-template-columns:2.25em minmax(0,1fr) auto;display:grid}.rec-list li:first-child{border-top:0}.rec-list li.is-mine{margin:0 calc(var(--sp-2) * -1);padding-inline:var(--sp-2);border-radius:var(--r-cell);background:color-mix(in srgb, var(--cp-accent) 12%, transparent)}.rec-rank{color:var(--cp-muted);font-size:var(--fs-table);font-variant-numeric:tabular-nums;text-align:right}.rec-team{min-width:0}.rec-team strong{font-size:var(--fs-body);font-weight:var(--fw-book);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rec-team small,.rec-time small{color:var(--cp-muted);font-size:var(--fs-meta);line-height:var(--lh-tight);display:block}.rec-time{text-align:right}.rec-time strong{font-size:var(--fs-body);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;display:block}.rec-mine{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px dashed var(--cp-line-strong,var(--cp-line))}.rec-note{margin:var(--sp-5) 0 var(--sp-2);color:var(--cp-muted);font-size:var(--fs-table);text-align:center}.rec-foot{margin:var(--sp-4) 0 0;color:var(--cp-faint);font-size:var(--fs-meta);line-height:var(--lh-body)}.rec-summary{box-sizing:border-box;text-align:left;justify-content:space-between;align-items:center;gap:var(--sp-3);width:min(340px,100%);margin:var(--sp-4) auto 0;padding:var(--sp-3) 0;border-top:1px solid #f0d2a02e;border-bottom:1px solid #f0d2a02e;display:flex}.rec-summary-text{gap:2px;min-width:0;display:grid}.rec-summary-text span{color:var(--ink-400);font-size:var(--fs-meta)}.rec-summary-text strong{color:var(--brass-100);font-size:var(--fs-sub);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.rec-summary-text small{color:#cdbd9f;font-size:var(--fs-meta)}.rec-summary-actions{justify-items:end;gap:var(--sp-2);flex:none;display:grid}.rec-summary-buttons{justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap;display:flex}.rec-summary-note{color:var(--brass-100);font-size:var(--fs-meta)}.rec-summary-note:empty{display:none}.rec-summary button{min-height:var(--ctl-md);padding:0 var(--sp-4);border:1px solid color-mix(in srgb, var(--brass-300) 45%, transparent);border-radius:var(--r-ctl);background:color-mix(in srgb, var(--brass-300) 14%, transparent);color:var(--brass-100);font:inherit;font-size:var(--fs-table);font-weight:var(--fw-semibold);flex:none}.rec-summary:not(:has(.rec-summary-text)){justify-content:center}.ending-next{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-3);width:min(340px,100%);padding:var(--sp-3) 0;border-bottom:1px solid color-mix(in srgb, var(--brass-300) 18%, transparent);text-align:left;flex-wrap:wrap;margin:0 auto;display:flex}.ending-next-line{min-width:0;color:var(--brass-100);font-size:var(--fs-table);font-weight:var(--fw-semibold);flex:auto;margin:0}.ending-next button{max-width:100%;min-height:var(--ctl-md);padding:0 var(--sp-4);border:1px solid color-mix(in srgb, var(--brass-300) 45%, transparent);border-radius:var(--r-ctl);background:color-mix(in srgb, var(--brass-300) 14%, transparent);color:var(--brass-100);font:inherit;font-size:var(--fs-table);font-weight:var(--fw-semibold);flex:none}.ending-next button:disabled{opacity:.6}.ending-next-error{color:var(--ember-300);font-size:var(--fs-meta);flex:1 0 100%;margin:0}@media (max-width:760px){.ending-next{padding:var(--sp-1) 0;gap:0 var(--sp-3)}.ending-next button{min-height:var(--ctl-sm);padding:0 var(--sp-3);font-size:var(--fs-meta)}.ending-next-line{font-size:var(--fs-meta)}}.rec-time small svg,.rec-summary-text small svg{vertical-align:-.2em;width:1.15em;height:1.15em}