/* Readable prose, playful display type, three guides per page. */
.pixel-world p,.pixel-world label,.pixel-world input,.pixel-world select,.pixel-world dd,.pixel-world dt{font-family:Arial,sans-serif!important;letter-spacing:normal;line-height:1.65}.pixel-world .section-intro,.pixel-world #study>p{color:var(--foreground)!important}.pixel-world:not(.dark) #study p,.pixel-world:not(.dark) #fairness p,.pixel-world:not(.dark) #competitions>p{color:#344c58!important}.pixel-world.dark #study p,.pixel-world.dark #fairness p{color:#d8e4ec!important}.pixel-world #study h3{line-height:1.15!important}.story-guides{max-width:1160px;margin:35px auto 70px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px;position:relative;z-index:5}.guide-character{display:flex;align-items:center;gap:0;min-width:0}.guide-character img{width:125px;height:150px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 10px 10px #0002);will-change:transform}.guide-2 img{width:90px}.guide-bubble{position:relative;border:2px solid var(--border);background:var(--surface);padding:17px;color:var(--foreground);box-shadow:5px 5px #0001;min-width:0}.guide-bubble:before{content:'';position:absolute;left:-9px;top:30px;width:14px;height:14px;transform:rotate(45deg);background:var(--surface);border-left:2px solid var(--border);border-bottom:2px solid var(--border)}.guide-bubble strong{font:22px Pixelify;color:var(--foreground)}.guide-bubble p{font-size:14px!important;line-height:1.5!important;margin:7px 0 12px!important;color:var(--foreground)!important}.guide-bubble button{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--foreground);font:13px Arial;cursor:pointer;padding:3px}.story-chapters{max-width:1000px;margin:0 auto 80px;padding:0 28px}.story-chapters article{margin-bottom:24px;padding:35px;background:var(--surface);border:2px solid var(--border)}.story-chapters h2{font:35px Pixelify;margin:0 0 15px}.story-chapters p{max-width:760px;color:var(--foreground)}.story-enter{opacity:0;transform:translateY(45px) rotate(-1deg);transition:opacity .7s var(--stagger,0ms),transform .8s var(--stagger,0ms)}.story-enter.story-visible{opacity:1;transform:none}.contribution-card{border:2px solid #a087c1;background:var(--background);padding:24px;margin-bottom:30px}.contribution-card>span{font:13px Pixelify;letter-spacing:2px}.contribution-card h3{font:34px Pixelify;margin:12px 0;color:var(--foreground)}.contribution-card h3 small{font-size:21px}.contribution-card small{font:13px Arial;color:var(--muted)}.contribution-card p{font-size:15px}.pixel-world[data-page="student-portal"] main{background-image:radial-gradient(#a58ac62b 1px,transparent 1px);background-size:24px 24px}.pixel-world[data-page="student-portal"] .form-panel{border:3px solid #aa8acc;box-shadow:8px 8px #79539933}.pixel-world[data-page="competition"]{--biome-accent:#9abf79}.pixel-world[data-page="competition"]:not(.dark){--background:#eaf0dc;--surface:#f9fbed;--foreground:#273c25;--border:#b7c59a}.pixel-world[data-page="competition"].dark{--background:#182317;--surface:#253522;--foreground:#e6efd6;--border:#4b6644}.pixel-world[data-page="about"]:not(.dark){--background:#e5f1ed;--surface:#f5fcf8;--foreground:#24493d;--border:#a1bfb1}.pixel-world[data-page="about"].dark{--background:#10251f;--surface:#1d362b;--foreground:#e2f2df;--border:#456b56}.pixel-world[data-page="how-we-work"]:not(.dark){--background:#f5edd9;--surface:#fff9eb;--foreground:#534223;--border:#c7b68d}.pixel-world[data-page="how-we-work"].dark{--background:#292317;--surface:#3a3021;--foreground:#f5e9cf;--border:#73613f}.pixel-world[data-page="join"] .story-guides{grid-template-columns:1fr 1fr 1fr}.pixel-world[data-page="join"] .guide-character{flex-direction:column}.pixel-world[data-page="join"] .guide-bubble{min-height:145px}.pixel-world[data-page="join"] .guide-bubble:before{left:45%;top:-9px;border-left:2px solid var(--border);border-top:2px solid var(--border);border-bottom:0}.pixel-world[data-page="join"] .guide-character img{height:110px}.pixel-world .adventure-intro{padding-bottom:25px}.pixel-world .form-panel{scroll-margin-top:100px}
@media(max-width:1000px){.story-guides{grid-template-columns:1fr;max-width:700px;gap:18px}.guide-character img{width:100px;height:110px}.guide-2 img{width:100px}.pixel-world[data-page="join"] .story-guides{grid-template-columns:1fr}.pixel-world[data-page="join"] .guide-character{flex-direction:row}.pixel-world[data-page="join"] .guide-bubble{min-height:0}.pixel-world[data-page="join"] .guide-bubble:before{left:-9px;top:30px;border-top:0;border-bottom:2px solid var(--border)}}
@media(max-width:600px){.story-guides{padding:0 18px;margin:20px auto 40px}.guide-character img{width:85px;height:100px}.guide-bubble{padding:13px}.guide-bubble p{font-size:14px!important}.story-chapters{padding:0 18px}.story-chapters article{padding:24px}.story-chapters h2{font-size:29px}.pixel-world .hero-center>p:first-of-type{font-size:18px!important}.contribution-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.story-enter{opacity:1;transform:none;transition:none}.guide-character img{will-change:auto}}
.inline-guide{display:flex;align-items:center;gap:15px;padding:12px 16px;background:var(--background);border:1px solid var(--border);margin-bottom:22px}.inline-guide img{width:80px;height:85px;object-fit:contain;flex-shrink:0}.inline-guide p{font-size:15px!important;line-height:1.6!important;color:var(--foreground)!important;margin:0}.contribution-card .inline-guide{margin:20px 0 0}
html[data-page="schools"] .story-guides,html[data-page="about"] .story-guides{background:radial-gradient(ellipse at 10% 80%,#67a86b22,transparent 60%)}html[data-page="championship"] main{background-image:linear-gradient(135deg,transparent 48%,#8ab8d00b 48%,#8ab8d00b 51%,transparent 51%);background-size:80px 80px}html[data-page="competition"] main{background-image:radial-gradient(#89a77312 2px,transparent 2px);background-size:32px 32px}html[data-page="back-to-school"] main,html[data-page="how-we-work"] main{background-image:linear-gradient(0deg,transparent 95%,#b9905510 95%);background-size:48px 48px}.pixel-world #study .section-intro,.pixel-world #study>div>p{color:var(--foreground)!important}.pixel-world #study p{font-size:18px!important;line-height:1.65!important}.pixel-world #study a{line-height:1.4!important}section[id]{scroll-margin-top:95px}.guide-bubble button:focus-visible{outline:3px solid #a88bd1;outline-offset:4px}
.context-guide{position:relative;max-width:540px;margin:35px auto 25px;display:flex!important;flex-direction:row!important;align-items:center;text-align:left}.context-guide.guide-1{margin-left:5%}.context-guide.guide-2{margin-right:5%;flex-direction:row-reverse!important}.context-guide .guide-bubble{border-radius:28px!important;padding:22px 25px;min-height:110px!important;box-shadow:0 8px 0 #0000000b}.context-guide .guide-bubble:before{border-radius:0 0 0 5px;top:45%;left:-9px;border-top:0!important;border-bottom:2px solid var(--border)!important}.context-guide.guide-2 .guide-bubble:before{left:auto;right:-9px;transform:rotate(225deg)}.context-guide img{width:130px!important;height:140px!important;object-fit:contain}.context-guide .guide-bubble p{min-height:44px}.context-guide .finish-message{font-size:11px;opacity:.65}.context-inline{border-radius:25px;background:var(--surface);box-shadow:0 6px #0000000b}.pixel-world .adventure-intro .context-guide{margin-top:35px}.pixel-world .form-panel .context-guide{margin:0 0 25px}.pixel-world #home .context-guide{display:none!important}.pixel-world #get-started .context-guide{color:var(--foreground)}.pixel-world #get-started .guide-bubble p{color:var(--foreground)!important}@media(max-width:600px){.context-guide{max-width:100%;margin:25px 0!important}.context-guide img{width:85px!important;height:100px!important}.context-guide .guide-bubble{padding:16px;min-height:100px!important;border-radius:22px!important}}
.restored-invitation{flex-wrap:wrap;gap:40px}.restored-invitation .context-guide{margin:0;max-width:440px}
.context-guide .guide-bubble{flex:1;min-width:0;width:320px;box-sizing:border-box}.context-guide .guide-bubble p{min-height:64px}.context-guide{width:100%}.context-inline p{flex:1;min-height:72px}