@font-face{font-family:Simpsonfont;src:url(/media/simpsonfont-demo.otf)format("opentype");font-display:swap}:root{color:#1c2030;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#5bb5f447,#ffeb8538),url(/media/springfield-background.jpg) top/cover no-repeat fixed;min-width:320px;margin:0}button,input{font:inherit}a{color:#0a5ea8}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{min-height:100vh;padding:32px 20px 56px;position:relative}.app-shell__backdrop{pointer-events:none;background:linear-gradient(#ffe06314,#ffffff1f),radial-gradient(circle at 20% 20%,#ffffff52,#0000 25%);position:absolute;inset:0}.topbar,.nav-row,.content-grid{z-index:1;max-width:1320px;margin:0 auto;position:relative}.topbar{gap:6px;margin-bottom:12px;display:grid}.topbar h1,.panel h2,.panel h3,.archive-card h3{letter-spacing:-.02em;margin:0;font-family:Simpsonfont,Georgia,Times New Roman,serif}.topbar h1{color:#ffe24a;text-shadow:3px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;max-width:12ch;font-size:clamp(2.7rem,5vw,4.6rem);line-height:.9}.topbar__copy{justify-content:start;display:grid}.eyebrow,.detail-row span,.archive-card__meta,.appearance-card__meta{color:#24385f;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.nav-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.nav-tabs{gap:12px;display:flex}.nav-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.nav-meta__badge{color:#182234;background:#fff9c9eb;border:3px solid #000;border-radius:14px 18px;padding:10px 14px;font-size:.95rem;box-shadow:4px 4px #000}.nav-tabs__button,.secondary-button,.primary-button,.answer-card{cursor:pointer;border:0;transition:transform .16s,box-shadow .16s,filter .16s}.nav-tabs__button{color:#1a2030;background:linear-gradient(#ffd84f,#ffbe3b);border:3px solid #000;border-radius:16px 22px 17px 20px;padding:12px 18px 10px;font-family:Simpsonfont,Trebuchet MS,sans-serif;font-size:1rem;box-shadow:4px 4px #000}.nav-tabs__button.is-active{color:#111;background:linear-gradient(#ff8ec7,#ff6db2)}.content-grid{gap:22px;display:grid}.panel{background:linear-gradient(135deg,#fffac1f2,#ffdef3eb),#ffffffd9;border:3px solid #000;border-radius:22px 28px 24px 26px;padding:26px;overflow:hidden;box-shadow:8px 8px #000000e0}.panel--hero{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:22px;display:grid}.panel--centered{text-align:center;justify-items:center;padding:56px 26px}.panel__heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hero-copy{flex-direction:column;gap:14px;display:flex}.hero-copy p{margin:0}.quote-card{color:#fffef5;background:linear-gradient(145deg,#0a4b8e,#2b71ad);border:3px solid #000;border-radius:20px 26px 18px 24px;align-self:stretch;place-items:center;min-height:100%;margin:0;padding:26px;display:grid;position:relative;box-shadow:5px 5px #000}.quote-card:before{color:#ffffff1f;content:"?";font-family:Georgia,serif;font-size:8rem;position:absolute;inset:0 20px auto auto}.quote-card p{text-align:center;z-index:1;margin:0;font-family:Georgia,serif;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.2;position:relative}.quote-card--centered{width:100%;max-width:940px;min-height:210px;margin:0 auto 16px}.answers-grid,.archive-grid,.appearance-grid,.about-grid,.context-shelf,.details-grid,.info-stack,.result-layout{gap:16px;display:grid}.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-card{color:#1f2b38;text-align:left;background:linear-gradient(#fff4a6,#ffd2ef);border:3px solid #000;border-radius:18px 24px 18px 22px;grid-template-columns:86px 1fr;align-items:center;gap:14px;min-height:118px;padding:14px 16px;display:grid;box-shadow:5px 5px #000}.answer-card:hover,.answer-card:focus-visible,.nav-tabs__button:hover,.nav-tabs__button:focus-visible,.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{filter:saturate(1.05);transform:translateY(-2px)}.answer-card__index{color:#ffe15b;background:#111;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.answer-card__content{gap:10px;display:grid}.answer-card strong{font-size:1.2rem}.status-banner{color:#6f3600;background:#ffe05073;border:2px solid #000;border-radius:16px 20px 16px 22px;margin-bottom:18px;padding:14px 16px}.loading-orb{background:linear-gradient(135deg,#ffd54a,#ff79b8);border:3px solid #000;border-radius:50%;width:72px;height:72px;animation:1.2s ease-in-out infinite alternate bob;box-shadow:4px 4px #000}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.about-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.context-shelf{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;margin-top:10px}.context-card,.appearance-card,.text-card,.archive-card{background:#ffffffc7;border:3px solid #000;border-radius:18px 22px 18px 24px;overflow:hidden}.context-card,.appearance-card,.text-card,.archive-card__content{padding:18px}.context-card{grid-template-rows:210px 1fr;min-height:380px;padding:0;display:grid}.context-card__body{gap:8px;min-width:0;padding:20px 22px 22px;display:grid}.context-card h3,.text-card h3,.appearance-card h3{margin-bottom:8px}.context-card h3,.context-card p{overflow-wrap:anywhere}.context-card__media{background:linear-gradient(#fff8c2f2,#ffd4edf0);border-bottom:3px solid #000;min-height:100%;overflow:hidden}.context-card__media img{object-fit:cover;object-position:center;width:100%;height:100%}.context-card__media--placeholder{color:#24385f;justify-content:center;align-items:center;font-size:2.3rem;display:flex}.context-card__eyebrow{color:#24385f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem}.context-card__subtitle{color:#0f4173;margin:0 0 10px;font-weight:700}.primary-button,.secondary-button{border:3px solid #000;padding:12px 18px 10px;font-family:Simpsonfont,Trebuchet MS,sans-serif;box-shadow:4px 4px #000}.primary-button{color:#111;background:linear-gradient(#ffd84f,#ffb92b);border-radius:16px 20px 14px 18px}.secondary-button{color:#111;background:linear-gradient(#ff95ca,#ff74b7);border-radius:18px 14px 20px 16px}.result-actions{flex-wrap:wrap;gap:12px;display:flex}.result-badge{border:3px solid #000;border-radius:18px 26px 18px 24px;justify-content:center;align-items:center;min-height:140px;padding:24px;font-size:1.4rem;font-weight:700;display:inline-flex;box-shadow:5px 5px #000}.result-badge.is-correct{color:#17693d;background:linear-gradient(145deg,#7ad68766,#21a0662e)}.result-badge.is-wrong{color:#964600;background:linear-gradient(145deg,#ffbe4757,#ff7a4529)}.result-layout{grid-template-columns:280px 1fr}.result-layout__visual,.result-layout__content{gap:16px;display:grid}.portrait{background:linear-gradient(#fff8c2f2,#ffd4edf0);border:3px solid #000;border-radius:16px 22px 16px 20px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.portrait img{object-fit:contain;width:100%;height:100%}.portrait--large{min-height:360px;padding:20px}.portrait--small{min-width:140px;min-height:140px;padding:12px}.portrait--tiny{width:78px;min-width:78px;height:78px;padding:6px}.portrait--placeholder{color:#24385f;text-align:center;place-items:center;gap:8px;display:grid}.portrait--placeholder span{font-size:2.3rem;font-weight:700}.mini-quote{background:#ffffffb3;border:3px solid #000;border-radius:18px 22px 18px 24px;margin:0;padding:18px;box-shadow:4px 4px #000}.mini-quote p{margin:0;font-family:Georgia,serif;font-size:1.15rem}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-row{background:#fff8d6e6;border:3px solid #000;border-radius:16px 20px 16px 22px;flex-direction:column;gap:6px;padding:14px;display:flex}.archive-search{align-content:start;gap:12px;display:grid}.archive-search input{background:#ffffffeb;border:3px solid #000;border-radius:16px 20px 16px 22px;min-height:50px;padding:0 14px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.archive-card{grid-template-columns:140px 1fr;gap:0;min-height:230px;display:grid}.archive-card__content{gap:8px;min-width:0;display:grid}.archive-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.archive-card__header p,.archive-card__description,.context-card p,.text-card p,.appearance-card p{margin:0}.archive-card h3,.archive-card p,.archive-card span{overflow-wrap:anywhere}.archive-card .portrait--small{min-width:140px;min-height:100%;padding:14px}.archive-card__occupation{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.archive-card__quote,.archive-card__description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.archive-card__status{color:#111;white-space:nowrap;background:#ffe861d1;border:2px solid #000;border-radius:999px;padding:7px 12px;line-height:1}.history-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history-item{background:#fffdf4eb;border:3px solid #000;border-radius:16px 20px 16px 22px;gap:6px;padding:16px;display:grid}.history-item span{color:#1d5b79;font-weight:700}.history-item p,.empty-state p{margin:0}.empty-state{background:#fffdf4e0;border:3px solid #000;border-radius:16px 22px 18px 24px;padding:22px}.empty-state h3{margin:0 0 8px}code{background:#ffdd504d;border-radius:8px;padding:2px 6px}.game-panel{gap:18px;display:grid}.game-panel__eyebrow{text-align:center;margin:0}@media (width<=900px){.topbar,.panel--hero,.result-layout,.answers-grid,.details-grid{grid-template-columns:1fr}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-card{grid-template-rows:180px 1fr;min-height:340px}}@media (width<=640px){.app-shell{padding:20px 14px 40px}.panel{padding:20px}.nav-tabs{flex-wrap:wrap}.nav-row{flex-direction:column;align-items:flex-start}.nav-meta{justify-content:flex-start}.answer-card{grid-template-columns:72px 1fr}.archive-grid,.archive-card,.context-card{grid-template-columns:1fr}.archive-card{min-height:0}.archive-card .portrait--small{min-width:100%;min-height:170px}.context-card{grid-template-rows:160px 1fr;min-height:0}.context-card__media{min-height:140px}.portrait--tiny{width:64px;min-width:64px;height:64px}}