@font-face{font-family:DotGothic16;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dotgothic16/v22/v6-QGYjBJFKgyw5nSoDAGH7M6X8.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:"Jersey 10";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jersey10/v4/GftH7vZKsggXMf9n_J5n_5jh.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}:root{--n0: #0b0f1d;--n1: #131929;--n3: #27304c;--n4: #38436a;--c0: #fff7e2;--c2: #dccaa0;--c3: #bca978;--c4: #8f7f5a;--r3: #ff8b97;--bg: #0f1a3a;--surface-3: #27304c;--text: var(--c0);--muted: var(--c3);--line: var(--c2);--accent: #f2c230;--accent-ink: #1b2a5c;--link: #8db4ef;--focus: #ffdf70;--shadow: 2px 2px 0 var(--n0);--display: "Jersey 10", "Courier New", ui-monospace, monospace;--body: "DotGothic16", "Courier New", ui-monospace, monospace}[data-school=ateneo]{--accent: #f2c230;--accent-ink: #1b2a5c;--link: #8db4ef;--bg: #0f1a3a}[data-school=lasalle]{--accent: #8fd3b0;--accent-ink: #08241a;--link: #8fd3b0;--bg: #08241a}[data-school=up]{--accent: #e8a23c;--accent-ink: #2a0f20;--link: #f2a35a;--bg: #2a0f20}[data-school=ust]{--accent: #f0b85a;--accent-ink: #4a2a14;--link: #f0b85a;--bg: #4a2a14}*{box-sizing:border-box}html{background:var(--bg);font-synthesis:none}body{margin:0;min-height:100vh;color:var(--text);font:400 16px/1.5 var(--body)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button,input{font-family:inherit;touch-action:manipulation}b,strong{font-weight:400;color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;z-index:-2}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.drift{position:absolute;will-change:transform}.ambient.on .drift{left:-30vw;animation:drift linear infinite}.ambient canvas{display:block;image-rendering:pixelated}.ambient .drift.fast{animation-duration:90s}.birds{overflow:hidden}.birds canvas{animation:flap .6s steps(3) infinite}.tab-hidden .ambient .drift,.tab-hidden .birds canvas{animation-play-state:paused}@keyframes drift{0%{transform:translate(0)}to{transform:translate(160vw)}}@keyframes flap{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.ambient .drift,.birds canvas{animation:none!important}}.card{width:min(560px,calc(100% - 32px));margin:6vh auto 16px;padding:16px 20px 20px;background:#131929eb;border:2px solid var(--line);box-shadow:var(--shadow)}.head{display:flex;align-items:center;gap:14px;margin-bottom:8px}.head h1{margin:0}.seal{display:block;flex:none;width:64px;height:64px}h1{margin:0 0 8px;font:400 50px/1.1 var(--display);letter-spacing:1px;color:var(--accent);text-shadow:2px 2px 0 var(--n0)}h2{margin:0 0 8px;font:400 30px/1.15 var(--display);letter-spacing:1px;color:var(--accent)}p{margin:0 0 12px}.lead,.fine,.step,.stats{color:var(--muted)}a{color:var(--link)}.btn{display:block;width:100%;min-height:52px;margin:10px 0;padding:10px 12px;font:400 20px/1.1 var(--display);letter-spacing:1px;text-transform:uppercase;text-align:center;text-decoration:none;white-space:nowrap;color:var(--text);background:var(--surface-3);border:2px solid var(--line);box-shadow:var(--shadow);cursor:pointer;transition:transform .15s}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn:active{transform:translate(2px,2px);box-shadow:none}@media (hover: hover) and (pointer: fine){.btn:hover{transform:translate(-1px,-1px)}}.btn:disabled{opacity:.55;cursor:not-allowed}.schools{list-style:none;margin:0;padding:0}.collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:16px 0;padding:0}.tile{position:relative;display:block;aspect-ratio:16 / 11;overflow:hidden;color:var(--text);text-decoration:none;background:var(--n0);border:2px solid var(--line);box-shadow:var(--shadow);transition:transform .15s}.tile>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.tile .label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0b0f1de0;font:400 20px/1 var(--display);letter-spacing:1px;text-transform:uppercase}.tile .seal{width:32px;height:32px}.tile:active{transform:translate(2px,2px);box-shadow:none}@media (hover: hover) and (pointer: fine){.tile:hover{transform:translate(-1px,-1px)}}.input{width:100%;min-height:56px;padding:8px 14px;font:400 30px var(--display);color:var(--text);background:var(--n0);border:2px solid var(--line);border-radius:0;caret-color:var(--focus)}.input::placeholder{color:var(--c4);opacity:1}.msg{min-height:24px;margin:6px 0;color:var(--r3)}.timer{height:14px;background:var(--n0);border:2px solid var(--line)}.timer div{height:100%;background:var(--accent);transform-origin:left}.prompt{margin:16px 0;font:400 30px/1.2 var(--display);letter-spacing:1px;color:var(--text)}.big{margin:0;font:400 70px/1.1 var(--display);color:var(--accent)}.big small{font-size:30px;color:var(--muted)}.results{padding-left:1.4em}.results li{margin:10px 0}.results .q,.results .a{display:block}.results .a{color:var(--accent)}.results em{color:var(--muted);margin-left:8px}.results b{margin-left:8px}.share{margin:0 0 12px;padding:10px;font-family:var(--body);background:var(--n0);border:2px solid var(--n4);white-space:pre-wrap}.stars{display:flex;gap:6px;margin:12px 0}.star{flex:1;min-height:52px;font-size:30px;color:var(--accent);background:var(--surface-3);border:2px solid var(--line);box-shadow:var(--shadow);cursor:pointer}.feedback{margin-top:12px}.prose h2{margin:24px 0 6px}.prose code{background:var(--n0);padding:1px 5px}.foot{width:min(560px,calc(100% - 32px));margin:0 auto 24px;padding:12px 20px;text-align:center;color:var(--muted);background:#131929eb;border:2px solid var(--line);box-shadow:var(--shadow)}.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}.foot a{display:inline-block;min-height:44px;line-height:44px}.foot p{margin:0 0 4px}.toggle{display:flex;align-items:center;gap:12px;min-height:44px;margin:10px 0}.toggle input{width:24px;height:24px;accent-color:var(--accent)}@media (min-width: 900px){.card,.foot{margin-left:6vw}}@media (max-width: 420px){h1{font-size:40px}.big{font-size:60px}.btn{letter-spacing:0}}.ad-slot{width:100%;min-height:100px;margin:12px 0;padding:4px;background:transparent;border:0;box-shadow:none}.lede{margin:8px 0 12px}.btn.small{display:inline-block;width:auto;min-height:44px;margin:0 8px 0 0;padding:6px 12px}.consent{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--n1);border-top:2px solid var(--line)}.consent p{margin:0 0 8px;max-width:720px}.consent-btns{display:flex;gap:12px}.consent-btns .btn.small{flex:1;max-width:200px;margin:0}.logo-drop{overflow:hidden;padding:0 3px 3px 0;margin:0 -3px -3px 0}.logo-drop>h1{animation:gb-scroll 1.5s steps(15,end) both,gb-blink .7s steps(1,end) 1.5s both}@keyframes gb-scroll{0%{transform:translateY(-115%)}to{transform:translateY(0)}}@keyframes gb-blink{0%{opacity:1}20%{opacity:.25}40%{opacity:1}60%{opacity:.25}80%,to{opacity:1}}@media (prefers-reduced-motion: reduce){.logo-drop>h1{animation:none}}.reduce-motion .logo-drop>h1{animation:none}.logo{margin:4px 0 12px;font-size:round(clamp(50px,21vw,100px),10px);line-height:1;text-align:center;letter-spacing:2px;text-shadow:3px 3px 0 var(--n0)}@media (max-width: 420px){h1.logo{font-size:round(clamp(50px,21vw,100px),10px)}}
