.trivia-wrap{max-width:1200px;margin:auto;padding:2rem 1.2rem 4rem}.trivia-hero{max-width:780px;padding:1.5rem 0 2rem}.trivia-hero h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.04em}.trivia-pills{display:flex;flex-wrap:wrap;gap:.7rem}.trivia-pills span{background:#efe6d4;color:#403b2d;padding:.5rem .9rem;border-radius:30px;font-size:.9rem;font-weight:700}.trivia-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:1.5rem;align-items:start}.trivia-panel{background:#fffdf7;border:1px solid #d9ddcf;border-radius:24px;padding:clamp(1.1rem,3vw,2rem);box-shadow:0 8px 28px #203c2710;min-width:0}.trivia-panel h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;margin-top:.3rem}.trivia-panel button,.trivia-panel select,.trivia-panel input:not([type=checkbox]){font:inherit;border:1px solid #7c8c7c;border-radius:10px;min-height:48px;padding:.7rem 1rem;background:white;color:#17382b;max-width:100%}.trivia-panel button{cursor:pointer;font-weight:700;margin:.5rem .4rem .5rem 0}.trivia-panel button:hover{background:#edf4e9}.trivia-panel button.trivia-primary{background:#214c38;color:white;border-color:#214c38}.trivia-panel button:disabled{opacity:.7;cursor:wait}.trivia-panel button:focus-visible,.trivia-panel select:focus-visible,.trivia-panel input:focus-visible,.trivia-panel a:focus-visible{outline:3px solid #c07c1e;outline-offset:3px}.trivia-choices{display:grid;gap:.65rem;margin:1.2rem 0}.trivia-choices button{display:block;text-align:left;width:100%;margin:0;min-height:56px}.trivia-choices button.selected{border:3px solid #214c38;background:#e9f1e4}.trivia-feedback{background:#edf3e7;border-left:5px solid #406a40;padding:1rem 1.2rem;border-radius:8px}.trivia-feedback h3{margin-top:0}.trivia-panel progress{width:100%;height:10px;accent-color:#406a40}.trivia-hall ol{padding-left:1.6rem}.trivia-hall li{padding:.75rem 0;border-bottom:1px solid #dce1d5}.trivia-hall li strong{display:block}.trivia-hall li span{font-size:.88rem;color:#526457}.trivia-panel label{display:block;margin:.7rem 0}.trivia-panel label select,.trivia-panel label input:not([type=checkbox]){display:block;width:100%;margin-top:.3rem}.trivia-panel .check{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem}.check input{width:20px;height:20px;flex-shrink:0}.nickname-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#share-form{border-top:1px solid #ccd7c8;margin-top:1.5rem;padding-top:1rem}#status:not(:empty){padding:.8rem;background:#fff0ce;border-radius:8px}#removal-key{display:block;overflow-wrap:anywhere;padding:.8rem;background:#edf3e7}details{margin-top:1rem}summary{cursor:pointer;min-height:44px;padding:.7rem 0}[hidden]{display:none!important}@media(max-width:760px){.trivia-layout{grid-template-columns:1fr}.trivia-wrap{padding:1.2rem .85rem 3rem}.nickname-fields{grid-template-columns:1fr}.trivia-panel button{width:100%}}

.trivia-hero{position:relative;padding-right:160px}.trivia-mascots{position:absolute;right:0;bottom:2rem;display:flex;flex-direction:column;align-items:center;width:145px}.trivia-mascots img{object-fit:contain;max-width:100%;height:auto}.trivia-mascots img+img{margin-top:-22px}@media(max-width:600px){.trivia-hero{padding-right:0}.trivia-mascots{position:static;float:right;width:95px;margin:0 0 .8rem .8rem}.trivia-mascots img+img{margin-top:-12px}}
/* Trivia titles must not inherit the homepage's single-line heading rule. */
.trivia-hero h1{white-space:normal;overflow-wrap:break-word;max-width:100%;min-width:0}
@media(max-width:760px){
 .trivia-hero{display:flex;flex-direction:column;padding-right:0;max-width:100%}
 .trivia-hero h1{font-size:clamp(2rem,8vw,3rem);line-height:1.12;margin:12px 0 18px}
 .trivia-hero .deck{margin-top:0}
 .trivia-mascots{position:static;float:none;order:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;width:auto;margin:18px 0 0}
 .trivia-mascots img{width:88px;max-width:88px;height:auto}
 .trivia-mascots img+img{margin:0;width:110px;max-width:110px}
}

.trivia-challenge{border-top:1px solid #ccd7c8;margin-top:1.5rem;padding-top:1rem}.trivia-challenge textarea{width:100%;max-width:100%;box-sizing:border-box;font:inherit;line-height:1.5;padding:.8rem;border:1px solid #7c8c7c;border-radius:10px;resize:vertical}.trivia-challenge textarea:focus-visible{outline:3px solid #c07c1e;outline-offset:3px}

.trivia-levels{margin-bottom:2rem}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}.trivia-panel .level-card{text-align:left;margin:0;display:flex;flex-direction:column;gap:.45rem;padding:1.1rem;white-space:normal;overflow-wrap:anywhere}.level-card strong{font-size:1.1rem}.level-card span{font-size:.92rem;font-weight:400;line-height:1.5}.level-card span:last-child{font-weight:700;color:#526457}.level-session{border-top:1px solid #ccd7c8;margin-top:1.5rem;padding-top:1.5rem;scroll-margin-top:1rem}.level-storage-note{font-size:.9rem;max-width:75ch}#level-status:not(:empty){padding:.8rem;background:#fff0ce;border-radius:8px}#level-question,#level-result,#level-heading{scroll-margin-top:1.5rem}@media(max-width:600px){.level-grid{grid-template-columns:1fr}.trivia-panel .level-card{width:100%}}