@font-face{font-family:Bodoni Moda;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-moda-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Moda;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-moda-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Moda;font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-moda-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Moda;font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-moda-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--stage: #0a0717;--stage-raised: #151030;--line: #2d2558;--ink: #f4eeff;--ink-muted: #a99cd2;--spiral-blue: #5b8cff;--spiral-violet: #a06bff;--spiral-pink: #ff6ec4;--glint: #b08bff;--on-spiral: #0a0717;--applause: #ffcf5c;--correct: #5ff0bf;--correct-soft: #0b3029;--wrong: #ff7a8a;--wrong-soft: #33112a;--glow: 0 0 0 1px #a06bff55, 0 12px 44px #a06bff66;--focus-ring: 0 0 0 2px #0a0717, 0 0 0 4px #b08bff}:root{--gloss: inset 0 2px 0 #ffffff59, inset 0 -6px 14px #0000004d;--gtc-vertigo: linear-gradient(120deg, var(--spiral-blue), var(--spiral-violet) 50%, var(--spiral-pink));--font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--font-sans: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--radius-sm: 0;--radius-md: 0;--radius-pill: 0;--steel: linear-gradient(135deg, #b9b3d6, #3a3358 30%, #8d86b0 50%, #2b2545 75%, #b9b3d6);--shine: linear-gradient(90deg, #6d4fd8, #b9a2ff 9%, #fff 12.5%, #c9b6ff 16%, #7d3ff0 25%, #ff7ac8 34%, #fff 37.5%, #ff9fd6 41%, #6d4fd8 50%, #b9a2ff 59%, #fff 62.5%, #c9b6ff 66%, #7d3ff0 75%, #ff7ac8 84%, #fff 87.5%, #ff9fd6 91%, #6d4fd8);--bevel: linear-gradient(180deg, #ffffff1f, #ffffff00 45%, #0000002e);--chrome: linear-gradient(180deg, #fff 0%, #ece8fb 40%, #9d96bf 50%, #fff 60%, #d9d3f0 100%);color-scheme:dark}*{box-sizing:border-box}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.backdrop{background:radial-gradient(ellipse at 50% 34%,#efdbff,#ff9cde 48%,#8fa8ff)}.backdrop[hidden]{display:none}#app{position:relative;z-index:1}.screen--opening>h1{padding-top:24px}#app:has(.screen--opening):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#0a0717b3,#0a071700 30%,#0a071700 75%,#0a071799)}.screen--opening .eyebrow{text-shadow:0 1px 2px #000,0 0 10px #000}.tune{position:fixed;top:8px;right:8px;z-index:10;width:260px;max-height:calc(100dvh - 16px);overflow-y:auto;padding:10px;background:#0a0717eb;border:1px solid var(--line);font-size:12px;line-height:16px;-webkit-user-select:none;user-select:none}.tune__head{display:flex;justify-content:space-between;align-items:center}.tune.is-folded .tune__body{display:none}.tune__status{margin:6px 0 0;color:var(--applause)}.tune__body{display:grid;gap:6px;margin-top:8px}.tune label{display:grid;grid-template-columns:1fr 44px;gap:0 6px;color:var(--ink-muted)}.tune input[type=range]{grid-column:1;width:100%;accent-color:var(--spiral-pink)}.tune output{grid-row:2;grid-column:2;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.tune input[type=color]{grid-column:1 / -1;width:100%;height:24px;background:none;border:1px solid var(--line)}.tune__acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tune button{padding:4px 8px;background:var(--stage-raised);color:var(--ink);border:1px solid var(--line);cursor:pointer;font:inherit}html,body{margin:0;background:var(--stage);color:var(--ink)}body{font-family:var(--font-sans);font-size:16px;line-height:24px;min-height:100dvh}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,.page{-webkit-user-select:text;user-select:text}a{color:var(--glint)}a:hover{color:var(--ink)}button{font:inherit}.screen{min-height:100dvh;max-width:560px;margin:0 auto;padding:16px 16px 24px;display:flex;flex-direction:column}.screen--opening{padding-top:0;align-items:center;gap:32px}.screen--opening>.page-foot{padding-top:8px}.screen--opening>.opening{margin-top:auto;padding-top:clamp(120px,30vh,360px)}.foot:empty{display:none}.screen--opening .picker{justify-items:stretch}.screen--opening .modes{width:100%}.screen--opening .levels{justify-content:center}.screen--opening #go{margin-top:16px}.opening,.opening__setup,.opening__periods{width:100%;display:grid;gap:12px}.screen--final{padding-top:40px}.grow{flex-grow:1;min-height:24px}@media(min-width:900px){.screen{max-width:960px;padding:24px}.screen--opening{max-width:none}.opening{max-width:760px;margin-inline:auto}.screen--final{max-width:560px}.answers{grid-template-columns:repeat(2,minmax(0,1fr))}.screen--round .grow,.screen--reveal .grow{flex-grow:0;min-height:40px}.screen .actions{justify-content:center}.screen .actions>.gtc-btn{flex:0 0 auto;min-width:200px}.screen .actions>.gtc-btn--vertigo{min-width:280px}}.eyebrow{font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.display{margin:0;font-family:var(--font-display);font-size:72px;line-height:.95;font-weight:800;font-style:italic;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}@media(max-width:380px){.display{font-size:60px}}.lead{margin:0;font-size:16px;line-height:24px;color:var(--ink-muted)}.small{font-size:14px;line-height:20px;color:var(--ink-muted)}.err{color:var(--wrong)}.center{text-align:center}.heading{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar__left{display:flex;align-items:center;gap:16px}.topbar__name{display:none}@media(min-width:900px){.topbar__name{display:inline}}.back{width:44px;height:44px;border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--stage-raised);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}.back:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}.back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@keyframes gtc-sheen{0%,55%{transform:translate(-130%) skew(-20deg)}to{transform:translate(230%) skew(-20deg)}}@keyframes gtc-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.picker{width:100%;display:grid;gap:8px}.picker:not(.is-open)>:not(.picker__toggle){display:none!important}.picker__toggle{width:100%;min-height:60px;padding:0 20px;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--stage-raised);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:12px;font:inherit;text-align:left}.picker__toggle .eyebrow{flex:1}.picker__value{font-size:17px;line-height:20px}.picker__chev{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.picker__toggle[aria-expanded=true]{border-color:var(--glint);box-shadow:var(--glow)}.picker__toggle[aria-expanded=true] .picker__chev{transform:rotate(180deg)}.picker__toggle:hover{border-color:var(--glint)}.picker__toggle:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}.picker.is-open{gap:12px}.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mode{height:72px;padding:0 16px;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--stage-raised);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mode svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mode b{font-size:17px;line-height:20px}.mode[aria-checked=true],.level[aria-checked=true]{border-color:var(--glint);box-shadow:var(--glow)}.mode:focus-visible,.level:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}.levels{display:flex;flex-wrap:wrap;gap:8px}.level{height:56px;padding:0 16px;border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--stage-raised);color:var(--ink);font-size:15px;font-weight:700;cursor:pointer}.level:disabled{opacity:.45;cursor:not-allowed}.eras{display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100%}.era{position:relative;aspect-ratio:3 / 2;overflow:hidden;padding:0;border:0;border-radius:0;background:#0a0717;cursor:pointer;text-align:left;isolation:isolate}.era:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;transition:box-shadow .25s ease}.era>*{position:absolute;pointer-events:none;transition:filter .25s ease,opacity .25s ease,transform .4s ease}.era__arch{top:0;right:0;bottom:0;left:0;background:center / cover no-repeat;filter:grayscale(1) brightness(.35)}.era:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgb(10 7 23 / .9),rgb(10 7 23 / .15) 60%,transparent)}.era__inst{left:6%;top:10%;width:34%;height:62%;z-index:1;background:#f3e7c9;opacity:.18;-webkit-mask:var(--inst) left top / contain no-repeat;mask:var(--inst) left top / contain no-repeat}.era__composer{right:0;bottom:0;height:88%;z-index:1;filter:grayscale(1) brightness(.6) drop-shadow(0 4px 10px rgb(0 0 0 / .6))}.era__name{left:10px;bottom:8px;z-index:2;color:#fff;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:19px;line-height:1.05;text-shadow:0 1px 6px rgb(0 0 0 / .8);max-width:62%}.era[aria-pressed=true] .era__arch{filter:saturate(.85) brightness(.75);transform:scale(1.04)}.era[aria-pressed=true] .era__inst{opacity:.4}.era[aria-pressed=true] .era__composer{filter:drop-shadow(0 4px 10px rgb(0 0 0 / .6))}.era:focus-visible{outline:2px solid transparent}.era:focus-visible:before{opacity:1;background:var(--ink)}@media(min-width:640px){.eras{grid-template-columns:repeat(3,1fr)}}.level[aria-pressed=true]{border-color:var(--glint);box-shadow:var(--glow)}.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;text-align:center}.gtc-vp{position:relative;width:var(--vp-size, 72px);aspect-ratio:4 / 5;flex-shrink:0}.gtc-vp__canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--radius-pill) var(--radius-pill) var(--radius-md) var(--radius-md);background:var(--stage-raised);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center}.gtc-vp__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}.gtc-vp__initial{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:calc(var(--vp-size, 72px) * .45);color:var(--ink-muted)}.gtc-btn{font-family:var(--font-sans);font-size:17px;line-height:20px;font-weight:700;height:52px;padding:0 24px;border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--stage-raised);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .15s ease,filter .15s ease}.gtc-btn:hover{transform:translateY(-1px);color:var(--ink)}.gtc-btn:active{transform:translateY(1px) scale(.98)}.gtc-btn:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}.gtc-btn--vertigo{position:relative;overflow:hidden;border:0;background:var(--gtc-vertigo);color:var(--on-spiral);box-shadow:var(--glow),var(--gloss)}.gtc-btn--vertigo:hover{color:var(--on-spiral);filter:saturate(1.2) brightness(1.05)}.gtc-btn--vertigo:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);animation:gtc-sheen 3.6s ease-in-out infinite;pointer-events:none}.gtc-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.gtc-btn--vertigo[disabled]:after{display:none}.wide{width:100%}.actions{display:flex;gap:16px}.actions>*{flex:1 1 0}.actions>.gtc-btn--vertigo{flex-grow:1.6}.actions .gtc-btn{padding:0 16px;white-space:nowrap}.gtc-listen-wrap{margin-top:24px;display:grid;justify-items:center;gap:8px}.gtc-listen{--p: 0;position:relative;width:104px;height:104px;border:0;padding:7px;border-radius:0;cursor:pointer;background:conic-gradient(var(--spiral-pink) calc(var(--p) * 1turn),var(--line) 0);display:grid;place-items:center;transition:transform .15s ease}.gtc-listen:hover{transform:scale(1.04)}.gtc-listen:active{transform:scale(.97)}.gtc-listen:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}.gtc-listen__icon{width:100%;height:100%;border-radius:0;background:var(--gtc-vertigo);color:var(--on-spiral);display:grid;place-items:center;box-shadow:var(--gloss),0 0 0 3px var(--stage)}.gtc-listen__icon svg{width:34px;height:34px;fill:currentColor}.gtc-listen-label{font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:center}.gtc-yt-wrap{margin-top:16px}.gtc-yt{width:200px;min-height:356px;background:#000}.gtc-yt iframe{display:block;width:200px;height:356px;border:0}button.link{font:inherit;background:none;border:0;padding:0;color:var(--glint);text-decoration:underline;cursor:pointer}button.link:hover{color:var(--ink)}.answers{margin-top:40px;display:grid;gap:16px}.screen--reveal .answers{margin-top:24px}.gtc-answer{font:inherit;text-align:left;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:8px 16px 8px 8px;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--stage-raised);color:var(--ink);cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.gtc-answer:hover{border-color:var(--glint);transform:translateY(-1px)}.gtc-answer:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}.gtc-answer__name{display:block;font-family:var(--font-display);font-size:22px;line-height:1.15;font-weight:600}.gtc-answer__era{display:block;margin-top:2px;font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.gtc-answer__mark{width:32px;height:32px;border-radius:0;display:grid;place-items:center}.gtc-answer__mark svg,.mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.gtc-answer.is-selected{border-color:var(--glint);box-shadow:var(--glow)}.gtc-answer.is-correct{border-color:var(--correct);background:var(--correct-soft)}.gtc-answer.is-correct .gtc-answer__mark{background:var(--correct);color:var(--stage);animation:gtc-pop .4s ease-out}.gtc-answer.is-wrong{border-color:var(--wrong);background:var(--wrong-soft)}.gtc-answer.is-wrong .gtc-answer__name{text-decoration:line-through;text-decoration-thickness:2px}.gtc-answer.is-wrong .gtc-answer__mark{color:var(--wrong);box-shadow:inset 0 0 0 2px var(--wrong)}.gtc-answer.is-correct,.gtc-answer.is-wrong,.gtc-answer.is-locked{cursor:default;transform:none}.gtc-answer.is-locked{opacity:.55}.gtc-score{display:inline-flex;align-items:center;gap:16px;padding:8px 24px 8px 8px;border-radius:var(--radius-pill);background:var(--stage-raised);border:2px solid var(--line)}.gtc-score__streak{width:48px;height:48px;border-radius:0;display:grid;place-items:center;background:var(--gtc-vertigo);color:var(--on-spiral);font-weight:800;font-size:17px;box-shadow:var(--gloss)}.gtc-score__num{display:block;font-size:48px;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--applause);font-variant-numeric:tabular-nums}.gtc-score__label{display:block;font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.gtc-score__plus{color:var(--correct);font-weight:800;display:inline-block;animation:gtc-pop .5s ease-out}@media(max-width:380px){.gtc-score__num{font-size:36px}.gtc-score__streak{width:40px;height:40px}}.typed{margin-top:40px;display:flex;flex-direction:column;gap:8px}.gtc-field{width:100%;height:56px;padding:0 16px;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--stage-raised);color:var(--ink);font-family:var(--font-display);font-size:22px;font-weight:600}.gtc-field::placeholder{color:var(--ink-muted);opacity:.7}.gtc-field:focus{outline:2px solid transparent;border-color:var(--glint);box-shadow:var(--glow)}.suggest{margin:0;padding:4px;list-style:none;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--stage-raised);display:flex;flex-direction:column}.suggest:empty{display:none}.suggest li{min-height:48px;padding:8px 12px;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.suggest li[aria-selected=true],.suggest li:hover{background:color-mix(in srgb,var(--glint) 18%,transparent)}.suggest__name{font-family:var(--font-display);font-size:18px;line-height:1.15;font-weight:600}.suggest__dates{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}.verdict-box{margin-top:24px;padding:12px 16px;border-radius:var(--radius-md);border:2px solid var(--correct);background:var(--correct-soft);display:flex;align-items:center;gap:16px}.verdict-box.is-wrong{border-color:var(--wrong);background:var(--wrong-soft)}.verdict-box__text{flex-grow:1;display:flex;flex-direction:column;gap:4px;min-width:0}.verdict-box__typed{font-family:var(--font-display);font-size:22px;line-height:1.15;font-weight:600;overflow-wrap:anywhere}.verdict-box__note{font-size:14px;line-height:20px;color:var(--correct)}.verdict-box.is-wrong .verdict-box__note{color:var(--wrong)}.mark{width:32px;height:32px;flex-shrink:0;border-radius:0;display:grid;place-items:center;background:var(--correct);color:var(--stage)}.verdict-box.is-wrong .mark{background:none;color:var(--wrong);box-shadow:inset 0 0 0 2px var(--wrong)}.card{margin-top:24px;padding:16px;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--stage-raised);display:flex;flex-direction:column;gap:16px}.verdict-box+.card{margin-top:16px}.card__who{display:flex;gap:16px;align-items:center}.card__text{display:flex;flex-direction:column;gap:8px;min-width:0}.card__name{margin:0;font-family:var(--font-display);font-size:40px;line-height:1.05;font-weight:700;font-style:italic;overflow-wrap:anywhere}@media(max-width:380px){.card__name{font-size:32px}}.card__work{margin:0;font-size:16px;line-height:24px}.card__credits{margin:0;padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:20px;color:var(--ink-muted)}.card__credits a{color:inherit}.score-card{margin-top:40px;padding:24px;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--stage-raised);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.score-card__total{display:flex;flex-direction:column;align-items:center;gap:8px}.score-card__num{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--applause);font-variant-numeric:tabular-nums}.score-card__stats{align-self:stretch;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.score-card__stats div{display:flex;flex-direction:column;gap:4px}.score-card__stats b{font-family:var(--font-display);font-size:22px;line-height:1.15;font-weight:600}.history{margin-top:24px}.history summary{cursor:pointer;text-align:center}.history ol{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}.history li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--line)}.history .ok{color:var(--correct)}.history .ko{color:var(--wrong)}.history .pts{font-variant-numeric:tabular-nums;color:var(--ink-muted)}@keyframes gtc-shine{0%{background-position:0 0,0 0,0% 0}to{background-position:0 0,0 0,200% 0}}@keyframes gtc-ring{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes gtc-swipe{0%{transform:translate(-130%) skew(-20deg)}to{transform:translate(260%) skew(-20deg)}}.mode,.level,.back,.gtc-btn:not(.gtc-btn--vertigo),.gtc-answer,.gtc-score,.card,.score-card{position:relative;overflow:hidden;isolation:isolate;border:2px solid transparent;background:var(--bevel) padding-box,linear-gradient(var(--stage-raised),var(--stage-raised)) padding-box,var(--steel) border-box}.mode:after,.level:after,.back:after,.gtc-btn:not(.gtc-btn--vertigo):after,.gtc-answer:after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff38 50%,#fff0);transform:translate(-130%) skew(-20deg)}:is(.mode,.level,.back,.gtc-btn:not(.gtc-btn--vertigo),.gtc-answer):not(:disabled):hover:after{animation:gtc-swipe .6s ease-out}.mode[aria-checked=true],.level[aria-checked=true],.level[aria-pressed=true],.gtc-answer.is-selected:not(.is-correct):not(.is-wrong),.gtc-answer:not(.is-locked):not(.is-correct):not(.is-wrong):hover{border-color:transparent;background:var(--bevel) padding-box,linear-gradient(var(--stage-raised),var(--stage-raised)) padding-box,var(--shine) border-box;background-size:auto,auto,200% 100%;animation:gtc-shine 3s linear infinite;box-shadow:inset 0 0 22px color-mix(in srgb,var(--glint) 40%,transparent)}.mode[aria-checked=true]:after,.level[aria-checked=true]:after,.level[aria-pressed=true]:after,.gtc-answer.is-selected:after{animation:gtc-sheen 2.8s ease-in-out infinite}:is(.mode,.level,.back,.gtc-btn,.gtc-answer):focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}.modes,.levels,.answers{gap:0;padding:1px}.modes>*,.levels>*,.answers>*{margin:-1px;width:auto}:is(.mode,.level,.gtc-answer):is([aria-checked=true],[aria-pressed=true],.is-selected,.is-correct,.is-wrong,:hover){z-index:1}.levels{display:grid;grid-template-columns:repeat(6,1fr);width:100%}.levels>.level{grid-column:span 3}.levels>.level:last-child{grid-column:span 6}@media(min-width:480px){.levels>.level{grid-column:span 2}.levels>.level:nth-last-child(-n+2){grid-column:span 3}}[data-group] .levels{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}[data-group] .levels>.level{grid-column:auto}.display{background:var(--chrome) 0 0 / 100% .95em repeat-y;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #00000080) drop-shadow(0 0 18px color-mix(in srgb,var(--glint) 45%,transparent))}.era{box-shadow:inset 0 0 0 1px #0009}.era:before{padding:2px;background:var(--shine);background-size:200% 100%;opacity:0;transition:opacity .25s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.era[aria-pressed=true]:before{opacity:1;animation:gtc-ring 3s linear infinite}.era[aria-pressed=true] .era__arch{box-shadow:inset 0 1px #ffffff59}.era>.era__shine{top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(105deg,#fff0 42%,#ffffff30,#fff0 58%) 150% 0 / 250% 100% no-repeat;opacity:0}.era[aria-pressed=true]>.era__shine{opacity:1;animation:gtc-glance 3.4s ease-in-out infinite}@keyframes gtc-glance{0%,55%{background-position:150% 0}to{background-position:-50% 0}}@media(max-width:639px){.screen{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.screen--opening{gap:16px}.screen--opening>h1{padding-top:12px;font-size:48px}.screen--opening>.opening{padding-top:clamp(12px,calc(100dvh - 640px),260px)}.opening,.opening__setup{gap:16px}.picker{gap:6px}.mode{height:52px}.level{height:42px;font-size:14px;padding:0 4px;white-space:nowrap}.picker:not([data-group]) .levels>.level{grid-column:span 2}.picker:not([data-group]) .levels>.level:nth-last-child(-n+2){grid-column:span 3}.eras{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;width:calc(100% + 32px);margin:0 -16px;padding:0 16px;scroll-padding:0 16px}.eras::-webkit-scrollbar{display:none}.era,.era:last-child{flex:0 0 36%;aspect-ratio:4 / 3;scroll-snap-align:start}.era__name{font-size:16px;max-width:70%}.screen--opening #go{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;margin-top:0;box-shadow:var(--glow),var(--gloss),0 12px 32px 8px var(--stage)}.topbar .gtc-score{gap:10px;padding:4px 14px 4px 4px}.gtc-score__num{font-size:30px}.gtc-score__streak{width:36px;height:36px;font-size:15px}.heading{margin-top:12px;gap:4px}.screen--round .display,.screen--reveal .display{font-size:38px}.gtc-listen-wrap{margin-top:16px}.gtc-listen{width:88px;height:88px;padding:6px}.answers{margin-top:20px}.screen--reveal .answers{margin-top:16px}.gtc-answer{gap:12px;padding:6px 12px 6px 6px;min-height:60px}.gtc-answer .gtc-vp{width:40px}.gtc-answer__name{font-size:19px}.gtc-answer__era{font-size:11px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gtc-answer>span:nth-child(2){min-width:0}.typed{margin-top:20px}.card{margin-top:16px;gap:12px;padding:12px}.card .gtc-vp{width:72px}.card__name{font-size:30px}.card__credits{padding-top:12px;font-size:13px;line-height:18px}.verdict-box{margin-top:16px}.screen--round .grow,.screen--reveal .grow{min-height:12px}.screen--round .actions,.screen--reveal .actions{position:sticky;bottom:0;z-index:5;gap:12px;margin:0 -16px calc(-12px - env(safe-area-inset-bottom));padding:16px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--stage) 16px)}.screen--final{padding-top:24px}.score-card{margin-top:24px}}.eras--genres>.era:last-child{grid-column:auto;aspect-ratio:3 / 2}@media(min-width:640px){.eras--genres{grid-template-columns:repeat(4,1fr)}.eras--genres .era__name{font-size:15px;max-width:75%}}.genre__all{left:0;right:0;bottom:0;height:92%;z-index:1;display:flex;justify-content:flex-end}.genre__all img{height:100%;margin-left:-22%;filter:grayscale(1) brightness(.6) drop-shadow(0 4px 10px rgb(0 0 0 / .6));transition:filter .25s ease}.era[aria-checked=true] .era__arch{filter:saturate(.85) brightness(.75);transform:scale(1.04);box-shadow:inset 0 1px #ffffff59}.era[aria-checked=true] .era__inst{opacity:.4}.era[aria-checked=true] .era__composer,.era[aria-checked=true] .genre__all img{filter:drop-shadow(0 4px 10px rgb(0 0 0 / .6))}.era[aria-checked=true]:before{opacity:1;animation:gtc-ring 3s linear infinite}.era[aria-checked=true]>.era__shine{opacity:1;animation:gtc-glance 3.4s ease-in-out infinite}.era:disabled{opacity:.4;cursor:not-allowed}.picker:not([data-group]) .levels[data-n="3"]>.level:nth-child(n){grid-column:span 2}.picker:not([data-group]) .levels[data-n="4"]>.level:nth-child(n){grid-column:span 3}.level[hidden]{display:none}@media(prefers-reduced-motion:reduce){.gtc-answer__mark,.gtc-score__plus,.gtc-btn--vertigo:after{animation:none!important}.mode,.level,.gtc-answer,.era:before,.era__shine,.mode:after,.level:after,.back:after,.gtc-btn:after,.gtc-answer:after{animation:none!important}.gtc-btn--vertigo:after{display:none}}@media(min-width:900px){.screen--opening{--bar: 112px}.screen--opening>.page-foot{position:fixed;right:24px;bottom:calc(var(--bar) + 12px);z-index:1}.screen--opening>.opening{position:fixed;z-index:2;left:0;right:0;bottom:0;height:var(--bar);max-width:none;margin:0;padding:0;display:flex;flex-direction:row;gap:0;background:#0a0717d9;border-top:2px solid var(--line)}.opening__setup,.opening__periods,.opening #genres{display:contents}.opening .picker{flex:1;display:flex;position:relative;min-width:0}.opening .picker__toggle{position:relative;flex:1;min-height:0;margin:0 0 0 -1px;border-width:0 2px;padding:0 28px 0 12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center}.opening .picker__toggle .eyebrow{flex:none;font-size:11px}.opening .picker__value{font-size:17px;overflow-wrap:anywhere}.opening .picker__chev{position:absolute;right:6px;top:50%;margin-top:-10px;transform:rotate(180deg)}.opening .picker__toggle:is(:hover,[aria-expanded=true]){border-color:var(--line);z-index:1;background:#1d1438;box-shadow:inset 0 0 0 2px var(--glint)}.opening .picker__toggle[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--glint),inset 0 0 22px color-mix(in srgb,var(--glint) 40%,transparent)}.opening .picker__toggle[aria-expanded=true] .picker__chev{transform:none}.opening>#go{flex:1;height:auto;margin:0}.opening>.foot{position:absolute;bottom:calc(100% + 12px);left:24px}.opening .picker.is-open>:not(.picker__toggle){position:fixed;left:0;right:0;top:auto;bottom:var(--bar);width:auto;max-height:calc(100dvh - var(--bar));overflow-y:auto;padding:0;background:#0a0717e6;border-top:2px solid var(--glint);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.opening .picker.is-growing>:not(.picker__toggle){animation:gtc-grow-up .28s ease-out}.opening .picker.is-open>.eras{grid-template-columns:repeat(7,1fr)}.opening .picker.is-open .era__name{font-size:16px}.opening .picker.is-open>.eras--genres{grid-template-columns:repeat(8,1fr)}.opening .picker:not([data-group=periods],[data-group=genre]).is-open>:not(.picker__toggle){position:absolute;left:-1px;right:0;top:auto;bottom:100%;width:auto;padding:0;overflow:visible;display:grid;grid-template-columns:100%;grid-auto-flow:row;grid-auto-rows:72px}.opening .picker.is-open>:is(.modes,.levels)>*{grid-column:auto;height:auto;margin:-1px 0 0}}@keyframes gtc-grow-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@media(min-width:900px)and (prefers-reduced-motion:reduce){.opening .picker.is-open>*{animation:none}}.screen--opening>h1.title-low{margin-top:auto;font-size:clamp(44px,13vw,72px);line-height:1;background:none;display:flex;flex-direction:column;align-items:center;gap:.2em}.title-low>span{background:var(--chrome) 0 0 / 100% .95em repeat-y;-webkit-background-clip:text;background-clip:text;color:transparent}.screen--opening>h1.title-low+.opening{margin-top:20px;padding-top:0}@media(min-width:900px){.screen--opening>h1.title-low{position:fixed;left:0;right:0;bottom:calc(var(--bar, 112px) + 32px);z-index:1;margin:0;padding:0;pointer-events:none;font-size:clamp(64px,min(7vw,calc((100dvh - 112px) / 5.5)),120px)}}body:has(.screen--round,.screen--reveal){background:repeating-conic-gradient(from 0deg at 50% 34%,#fff2ff38 0deg 1.2deg,transparent 1.6deg 9deg),radial-gradient(ellipse 60% 50% at 50% 34%,#f0dbff,#f0dbff00 70%),linear-gradient(160deg,#8fa8ff,#c9a8ff 45%,#ff9cde) fixed;background-attachment:fixed}:is(.screen--round,.screen--reveal) :is(.heading .eyebrow,.gtc-listen-label,.topbar__name,.link.small,.heading .small){color:#2b1f5c;text-shadow:none}:is(.screen--round,.screen--reveal) .display{-webkit-text-stroke:1.5px #1d1440;filter:drop-shadow(0 3px 0 #1d144099)}@media(min-width:900px){:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:48px;align-content:start}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>*{grid-column:2}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>:is(.topbar,.heading){grid-column:1 / -1}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>.gtc-yt-wrap{grid-column:1;grid-row:3 / span 8;margin-top:32px;align-self:start}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>:is(.answers,.typed,.card,.verdict-box){margin-top:32px}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>.card~.answers{margin-top:16px}.screen--round:has(.gtc-yt-wrap)>.answers{grid-template-columns:minmax(0,1fr)}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>.grow{display:none}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>.actions{margin-top:24px;justify-content:flex-start}:is(.screen--round,.screen--reveal):has(.gtc-yt-wrap)>.actions>.gtc-btn{flex:1 1 0;min-width:0}:is(.screen--round,.screen--reveal) .gtc-yt{width:252px;min-height:448px}:is(.screen--round,.screen--reveal) .gtc-yt iframe{width:252px;height:448px}}