.trivia-page{background:#020205;font-family:Arial,sans-serif}.trivia-page h2{text-align:left;font-size:clamp(29px,3.5vw,46px)}.trivia-page h2 span,.trivia-hero h1 span{color:#00b9ff}.trivia-page h3{color:inherit;font-family:'Arial Narrow',Arial,sans-serif;font-size:23px;font-weight:900}.trivia-hero{position:relative;min-height:570px;overflow:hidden;background:#020512}.trivia-hero-art{position:absolute;inset:0 0 0 38%}.trivia-hero-art img{height:100%;width:100%;object-fit:cover;object-position:center 43%}.trivia-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020512,transparent 32%),linear-gradient(0deg,#020205,transparent 15%)}.trivia-hero-copy{position:relative;z-index:1;width:47%;padding:25px 0 30px 4%}.trivia-wordmark{width:85%;max-width:350px;height:58px;object-fit:contain;object-position:left;margin-bottom:8px}.trivia-hero h1{font-size:clamp(60px,7.4vw,104px);line-height:.98;margin:12px 0 22px}.trivia-hero-copy p{font-size:18px;line-height:1.4;font-weight:700;max-width:470px;margin-bottom:25px}.trivia-page .paint-button{border:0;border-radius:0;box-shadow:none;background:#00baff;color:#020205;clip-path:polygon(3% 5%,90% 0,97% 7%,94% 16%,100% 20%,96% 35%,99% 40%,95% 56%,100% 65%,93% 71%,97% 90%,87% 92%,5% 100%,8% 87%,0 83%,4% 66%,0 53%,5% 39%,1% 29%,7% 19%);padding:18px 42px;font:900 27px Arial,sans-serif;min-width:250px}.splash-section{padding:25px 4%;background-image:url('assets/trivia-splashes.svg');background-size:100% 100%}.trivia-why h2:after{content:'';display:block;width:36%;height:3px;margin-top:9px;background:linear-gradient(90deg,#008bff,#cf00ff,transparent)}.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;margin-top:20px}.why-grid article{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 2;column-gap:18px;row-gap:8px}.trivia-icon{width:80px;height:80px;border:4px solid currentColor;border-radius:50%;color:#00baff;padding:10px;grid-row:span 2}.trivia-icon svg,.round-art svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.why-grid h3{margin:5px 0 0}.why-grid p{grid-column:2;font-size:17px}.why-grid article:nth-child(2) .trivia-icon{color:#cf00ff}.why-grid article:nth-child(3) .trivia-icon{color:#00d6e4}.glance-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.glance-heading p{font-size:16px}.trivia-rounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.trivia-rounds article{display:grid;grid-template-rows:subgrid;grid-row:span 3;border:1px solid #008eff;border-radius:8px;padding:18px;background:radial-gradient(at right top,#003f9655,transparent 70%)}.trivia-rounds article:nth-child(2){border-color:#ca00ff;background:radial-gradient(at right top,#8600b155,transparent 70%)}.trivia-rounds article:nth-child(3){border-color:#00ccd4;background:radial-gradient(at right top,#008e9555,transparent 70%)}.round-art{height:105px;display:flex;align-items:center;justify-content:space-between;color:#00b9ff}.round-art b{font-size:100px;line-height:1;font-weight:900}.round-art svg{width:110px;height:95px}.trivia-rounds article:nth-child(2) .round-art{color:#cf00ff}.trivia-rounds article:nth-child(3) .round-art{color:#00ccd4}.trivia-rounds h3{margin:14px 0 8px}.trivia-rounds p{font-size:17px;margin:0}.trivia-logistics{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#090909}.trivia-logistics article{padding:26px 8%;background:url('assets/trivia-splashes.svg') center/cover}.trivia-logistics article+article{border-left:1px solid #8800bb}.trivia-logistics h2{font-size:clamp(28px,3vw,40px)}.trivia-logistics article:nth-child(2) h2 span{color:#9100c8}.trivia-logistics ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:16px}.trivia-logistics li{display:flex;align-items:center;gap:15px;font-size:17px}.trivia-logistics li span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:50%;background:#00adf2;color:white;font-weight:900}.trivia-logistics article:nth-child(2) li span{background:#9600cb}.trivia-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.trivia-photo-grid img{width:100%;height:255px;object-fit:cover;border:1px solid #008caf;border-radius:6px;display:block}.trivia-closing{display:flex;align-items:center;gap:40px;text-align:center}.trivia-closing>img{width:230px;height:140px;object-fit:contain}.trivia-closing>div{flex:1}.trivia-closing p{margin:18px 0 0;font-size:16px}
@media(max-width:900px){.why-grid{gap:20px}.why-grid article{grid-template-columns:1fr}.trivia-icon{grid-row:auto}.why-grid p{grid-column:1}.why-grid article{grid-row:span 3}.trivia-hero h1{font-size:65px}.glance-heading{display:block}.trivia-hero-copy p{font-size:16px}}
@media(max-width:600px){.trivia-hero{min-height:830px}.trivia-hero-art{inset:0}.trivia-hero-art img{object-position:center;object-fit:cover}.trivia-hero-art:after{background:linear-gradient(#02051266,transparent 40%,transparent 82%,#020205)}.trivia-hero-copy{padding:15px 6% 25px;width:100%;min-height:830px;display:flex;flex-direction:column}.trivia-wordmark{height:44px;margin-bottom:2px}.trivia-hero h1{font-size:58px;margin:6px 0 12px}.trivia-hero-copy p{font-size:15px;max-width:350px;text-shadow:0 2px 8px #000}.trivia-hero-copy .button{margin-top:auto;align-self:center}.why-grid,.trivia-rounds,.trivia-logistics,.trivia-photo-grid{grid-template-columns:1fr;gap:22px}.why-grid article{grid-template-columns:76px minmax(0,1fr);grid-row:span 2}.why-grid p{grid-column:2}.trivia-icon{grid-row:span 2;width:76px;height:76px}.trivia-logistics article+article{border-left:0;border-top:1px solid #8800bb}.trivia-logistics{gap:0}.trivia-rounds article{padding:20px}.trivia-closing{flex-direction:column;gap:15px}.trivia-closing>img{width:190px;height:105px}.trivia-closing p{font-size:14px}.splash-section{padding:25px 5%}.trivia-photo-grid img{height:auto;aspect-ratio:3/2}.trivia-hero-copy .paint-button{font-size:24px}}
@media(max-width:600px){.trivia-hero-art{inset:115px 0 0}.trivia-hero-art:after{background:linear-gradient(#020512 0%,#02051200 18%,transparent 85%,#020205)}.trivia-hero-art img{object-position:center top}}
/* Supplied paint textures replace the geometric placeholders. */
.trivia-page .splash-section{background-image:linear-gradient(90deg,transparent,#020205a8 19%,#020205b8 81%,transparent),url('assets/trivia-paint-edges.png');background-size:100% 100%;background-position:center}
.trivia-page .paint-button{position:relative;isolation:isolate;clip-path:none;background:none;border:0;border-radius:0;color:white;text-shadow:0 2px 4px #001652;min-width:290px;padding:22px 44px;box-shadow:none}
.trivia-page .paint-button:before{content:'';position:absolute;inset:-10px -18px;z-index:-1;background:url('assets/trivia-paint-stroke.png') center/100% 260% no-repeat;pointer-events:none}
.trivia-page .paint-button:hover{background:none;filter:brightness(1.15)}
.trivia-page .paint-button:focus-visible{outline:3px solid white;outline-offset:8px}
.trivia-logistics{background:#e7e9ed}
.trivia-logistics article{background-color:#e7e9ed;background-image:url('assets/trivia-paint-light.png');background-size:100% 100%;background-blend-mode:multiply;padding-top:48px;padding-bottom:35px}
.trivia-rounds article{background-image:linear-gradient(#020512bb,#020512d9),url('assets/trivia-paint-edges.png');background-size:cover}
.trivia-rounds article:nth-child(2){background-image:linear-gradient(#190020b8,#100019de),url('assets/trivia-paint-edges.png');background-size:cover;background-position:right}
.trivia-rounds article:nth-child(3){background-image:linear-gradient(#00191cb8,#001013de),url('assets/trivia-paint-edges.png');background-size:cover;background-position:left}
.trivia-hero:before{content:'';position:absolute;inset:0;background:url('assets/trivia-paint-edges.png') left center/cover;opacity:.6;pointer-events:none}
.trivia-hero-copy{padding-top:35px}
.trivia-photo-grid a{overflow:hidden;border:1px solid #098cae;border-radius:8px;background:#071629;isolation:isolate;position:relative}
.trivia-photo-grid img{height:280px;border:0;border-radius:0;object-fit:cover;filter:saturate(.82) contrast(1.07);transform:scale(1.08)}
.trivia-photo-grid a:after{content:'';position:absolute;inset:0;background:#1374a9;mix-blend-mode:soft-light;opacity:.17;pointer-events:none}
.trivia-photo-grid a:nth-child(1) img{object-position:50% 55%;filter:saturate(.83) contrast(1.06) brightness(.96)}
.trivia-photo-grid a:nth-child(2) img{object-position:50% 43%;filter:saturate(.7) contrast(1.02) brightness(1.16)}
.trivia-photo-grid a:nth-child(3) img{object-position:65% 46%;filter:saturate(.8) contrast(1.09) brightness(.99)}
.trivia-closing{flex-direction:column;justify-content:center;gap:20px;padding-top:35px;padding-bottom:35px}
.trivia-closing>img{width:min(420px,80%);height:auto;max-height:230px;object-fit:contain;margin:auto}
.trivia-closing>div{flex:none;width:100%}
.trivia-page footer{background:url('assets/trivia-paint-edges.png') center/cover}
@media(max-width:600px){.trivia-hero-copy{padding-top:22px}.trivia-page .splash-section{background-size:auto 100%;background-image:linear-gradient(90deg,#02020544,#020205bb 18%,#020205bb 82%,#02020544),url('assets/trivia-paint-edges.png')}.trivia-page .paint-button{min-width:250px;padding:20px 35px}.trivia-closing>img{width:82%;max-height:190px}.trivia-photo-grid img{height:245px;aspect-ratio:auto}.trivia-logistics article{padding-top:42px}}
/* A restrained, continuous edge treatment, without stretching the artwork. */
.trivia-page .paint-button{clip-path:none;border:3px solid transparent;border-radius:17px;background:linear-gradient(#060917,#060917) padding-box,linear-gradient(105deg,#00dcff,#087fff,#843cff,#e900cd) border-box;box-shadow:-4px 0 18px #00bfff33,4px 0 18px #d000ff33;min-width:280px;padding:14px 32px;color:#fff;text-shadow:none;font:900 27px Arial,sans-serif}
.trivia-page .paint-button:before{display:none}
.trivia-page .paint-button:hover{background:linear-gradient(#151b32,#151b32) padding-box,linear-gradient(105deg,#00dcff,#087fff,#843cff,#e900cd) border-box;filter:none}
.trivia-page .splash-section{position:relative;isolation:isolate;background:#020205;overflow:hidden}
.trivia-page .splash-section:before,.trivia-page .splash-section:after{content:'';position:absolute;top:0;bottom:0;width:135px;z-index:-1;pointer-events:none;background-image:url('assets/trivia-paint-edges.png');background-repeat:no-repeat;background-size:650px auto;opacity:.33;mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}
.trivia-page .splash-section:before{left:0;background-position:left center}
.trivia-page .splash-section:after{right:0;background-position:right center;mask-image:linear-gradient(270deg,#000,transparent);-webkit-mask-image:linear-gradient(270deg,#000,transparent)}
.trivia-page .trivia-glance:before,.trivia-page .trivia-photos:after{opacity:.22}
.trivia-hero{background:#020512}
.trivia-hero:before{background-size:900px auto;background-repeat:no-repeat;background-position:-160px center;opacity:.24;mask-image:linear-gradient(90deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 60%)}
.trivia-hero-art{inset:0 0 0 30%;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}
.trivia-hero-art:after{background:linear-gradient(0deg,#020205,transparent 25%)}
.trivia-logistics{background:#e4e7ec;position:relative;isolation:isolate;overflow:hidden}
.trivia-logistics article{background:none;padding-top:32px;padding-bottom:32px}
.trivia-logistics:before,.trivia-logistics:after{content:'';position:absolute;inset:0 auto 0 0;width:130px;background:url('assets/trivia-paint-light.png') left center/800px auto no-repeat;mix-blend-mode:multiply;opacity:.6;z-index:-1;mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}
.trivia-logistics:after{left:auto;right:0;background-position:right center;mask-image:linear-gradient(270deg,#000,transparent);-webkit-mask-image:linear-gradient(270deg,#000,transparent)}
.trivia-rounds article{background:radial-gradient(at right top,#00447755,transparent 75%)}
.trivia-rounds article:nth-child(2){background:radial-gradient(at right top,#64007744,transparent 75%)}
.trivia-rounds article:nth-child(3){background:radial-gradient(at right top,#00616a44,transparent 75%)}
.trivia-page footer{background:#020205}
@media(max-width:600px){.trivia-page .splash-section:before,.trivia-page .splash-section:after{width:60px;background-size:500px auto;opacity:.22}.trivia-hero-art{inset:115px 0 0;mask-image:linear-gradient(#0000,#000 18%);-webkit-mask-image:linear-gradient(#0000,#000 18%)}.trivia-page .paint-button{min-width:250px;font-size:24px;padding:14px 25px}.trivia-logistics:before,.trivia-logistics:after{width:65px;opacity:.4}}
/* Restore lively, natural event colors without a tinted overlay. */
.trivia-photo-grid a:after{display:none}
.trivia-photo-grid a:nth-child(1) img{filter:saturate(1.08) brightness(1.06) contrast(1.03)}
.trivia-photo-grid a:nth-child(2) img{filter:saturate(1.04) brightness(1.14) contrast(1.02)}
.trivia-photo-grid a:nth-child(3) img{filter:saturate(1.1) brightness(1.08) contrast(1.03)}
/* Colorful paint-edged information cards replace the white band. */
.trivia-logistics{background:#020205;color:#fff;gap:24px;padding:28px 4%;overflow:visible}
.trivia-logistics:before,.trivia-logistics:after{display:none}
.trivia-logistics article{position:relative;isolation:isolate;overflow:hidden;border:1px solid #008dce;border-radius:20px;padding:30px;background:linear-gradient(130deg,#052f54,#071225 70%);box-shadow:0 8px 28px #0005}
.trivia-logistics article+article{border:1px solid #9b35d7;background:linear-gradient(130deg,#391055,#140c2a 70%)}
.trivia-logistics article:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/trivia-paint-edges.png') left center/720px auto no-repeat;opacity:.35;mask-image:linear-gradient(90deg,#000,transparent 48%,transparent 70%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 48%,transparent 70%,#000)}
.trivia-logistics article+article:before{background-position:right center}
.trivia-logistics h2{font-size:clamp(26px,2.9vw,38px)}
.trivia-logistics h2 span{color:#41ceff}
.trivia-logistics article:nth-child(2) h2 span{color:#df91ff}
.trivia-logistics ul{position:relative}
@media(max-width:600px){.trivia-logistics{gap:18px;padding:24px 5%}.trivia-logistics article{padding:26px 22px}.trivia-logistics article+article{border:1px solid #9b35d7}}
.trivia-rounds{background:url('assets/trivia-hidden-objects.png') center top/cover no-repeat;border-radius:10px}.trivia-rounds article,.trivia-rounds article:nth-child(2),.trivia-rounds article:nth-child(3){background:linear-gradient(transparent,#02051277 45%,#020512aa);}.trivia-rounds .round-art svg{display:none}.trivia-rounds .round-art{height:105px}@media(max-width:600px){.trivia-rounds{background:none}.trivia-rounds article,.trivia-rounds article:nth-child(2),.trivia-rounds article:nth-child(3){background:linear-gradient(#02051233,#02051299),url('assets/trivia-hidden-objects.png') left top/auto 100% no-repeat}.trivia-rounds article:nth-child(2){background-position:center}.trivia-rounds article:nth-child(3){background-position:right}}
/* Keep the complete example question readable. */
.trivia-photo-grid a:nth-child(2){align-self:center;background:#020205}
.trivia-photo-grid a:nth-child(2) img{height:auto;aspect-ratio:16/9;object-fit:contain;transform:none;filter:none}

.trivia-page #inquiry button[type='submit']{color:#fff;font-weight:900;background:linear-gradient(#10162c,#10162c) padding-box,linear-gradient(105deg,#00dcff,#087fff,#843cff,#e900cd) border-box;text-shadow:none}
/* Match each title to its card's accent color. */
.trivia-why .why-grid article:nth-child(1) h3,.trivia-glance .trivia-rounds article:nth-child(1) h3{color:#32baff}
.trivia-why .why-grid article:nth-child(2) h3,.trivia-glance .trivia-rounds article:nth-child(2) h3{color:#d875ff}
.trivia-why .why-grid article:nth-child(3) h3,.trivia-glance .trivia-rounds article:nth-child(3) h3{color:#32dfd0}
.trivia-glance .glance-heading{display:block}
.trivia-glance .glance-heading>p{width:100%;text-align:center;font-size:22px;font-weight:700;line-height:1.5;margin:18px 0 24px}
@media(max-width:600px){.trivia-glance .glance-heading>p{font-size:18px;margin:16px 0 22px}}

.trivia-hero-copy p{text-indent:0;text-align:left;white-space:normal}
/* Keep the portrait at a readable scale instead of enlarging it with ultrawide screens. */
@media(min-width:1600px){.trivia-hero-art{left:auto;width:1120px;max-width:70%}.trivia-hero-art img{object-position:center 32%}}