@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--orange:#f45125;--ink:#202320;--paper:#f4f5f0;--line:#c9cdc6;--yellow:#f7d74d;--green:#16623f;--red:#b1271e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #1866ba;outline-offset:4px}header{border-bottom:2px solid var(--ink);padding:24px 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font:900 42px/1 'Barlow Condensed',Impact,sans-serif;text-decoration:none;letter-spacing:-1px}.stripe{color:var(--orange);padding:0 3px}.brand-sub{display:block;font:700 11px/2 'DM Sans',sans-serif;letter-spacing:2.3px}.header-note{font:12px/1.7 monospace;text-align:right;letter-spacing:1px}.header-note b{font-weight:400;color:#656b62}main{max-width:1180px;margin:auto;padding:44px 28px 70px}.eyebrow{font:700 13px/1.5 monospace;letter-spacing:1.5px;text-transform:uppercase}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}h1{font:900 clamp(52px,7vw,94px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:12px 0 18px;text-transform:uppercase}h1 em{font-style:normal;color:var(--orange)}.intro p{margin:0;max-width:500px;color:#51594e}.cone{width:128px;height:150px;flex-shrink:0;transform:rotate(8deg);position:relative}.cone:before{content:'';position:absolute;inset:0 20px 20px;background:repeating-linear-gradient(to bottom,var(--orange) 0 28px,#fff 28px 49px);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}.cone:after{content:'';position:absolute;bottom:0;width:100%;height:22px;background:var(--orange);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.clubbar{border:1px solid var(--ink);display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 18px;margin:32px 0 28px;background:#fff}.clubbar select{background:transparent;border:0;font-weight:700;padding:5px}.clubbar span{font:13px monospace}.clubbar .local{color:#646b61}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font:700 24px 'Barlow Condensed',Impact,sans-serif;margin:0;text-transform:uppercase}.section-heading span{font:12px monospace;color:#62685f}.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course{border:2px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column}.course-top{height:116px;border-bottom:2px solid var(--ink);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-top.signs{background:var(--yellow)}.course-top.points{background:var(--orange)}.course-top.rules{background:#cfddd0}.course-no{position:absolute;top:10px;left:12px;font:13px monospace}.diamond{width:58px;height:58px;border:3px solid var(--ink);border-radius:4px;transform:rotate(45deg);background:var(--yellow);display:flex;align-items:center;justify-content:center}.diamond span{transform:rotate(-45deg);font:900 52px/1 Arial}.point-art{font:900 76px/1 'Barlow Condensed',Impact,sans-serif;transform:rotate(-8deg)}.point-art small{font-size:26px;margin-left:5px}.road-art{width:160px;height:57px;background:var(--ink);transform:rotate(-12deg);border-top:5px solid #fff;border-bottom:5px solid #fff;position:relative}.road-art:after{content:'';position:absolute;top:22px;width:100%;border-bottom:3px dashed var(--yellow)}.course-body{padding:22px;display:flex;flex-direction:column;flex:1}.course h3{font:800 34px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 12px}.course p{font-size:14px;color:#596153;margin:0 0 20px;min-height:42px}.levels{display:grid;gap:9px;margin-top:auto}.level{border:1px solid var(--line);background:var(--paper);padding:12px;text-align:left;display:flex;align-items:center;gap:12px}.level:hover{background:var(--yellow);border-color:var(--ink);transform:translateX(2px)}.level strong{font:800 26px 'Barlow Condensed',Impact,sans-serif}.level div{flex:1}.level b{display:block;font-size:14px}.level small{font-size:12px;color:#596153}.level .arrow{font-size:20px}.extras{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.extra{border:1px solid var(--ink);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.extra h3{font:800 24px 'Barlow Condensed',Impact,sans-serif;margin:0 0 4px;text-transform:uppercase}.extra p{font-size:14px;margin:0;color:#596153}.small-button,.primary,.secondary{border:2px solid var(--ink);padding:11px 17px;background:#fff;font-weight:700;box-shadow:2px 2px 0 var(--ink)}.primary{background:var(--orange);color:var(--ink);padding:14px 22px}.secondary{background:var(--yellow)}button:disabled{cursor:default;box-shadow:none}.small-button:hover,.primary:hover,.secondary:hover{filter:brightness(.95)}.text-button{background:none;border:none;text-decoration:underline;padding:0;font:inherit}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:22px 28px 30px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#5c6358}.quiz{max-width:800px;margin:0 auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.quiz-top button{border:0;background:none;padding:4px 0;font-size:14px;text-decoration:underline}.quiz-meta{font:13px monospace}.progress{height:8px;background:#d8ddd2;margin:12px 0 32px}.progress span{display:block;height:100%;background:var(--orange);transition:width .2s}.question-box{background:#fff;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:32px}.question-box h2{font:700 clamp(26px,4vw,34px)/1.2 'Barlow Condensed',Impact,sans-serif;margin:16px 0 25px}.sign-image{height:170px;max-width:260px;object-fit:contain;display:block;margin:10px auto 24px}.sign-description{font-size:14px;margin:10px 0 20px;color:#5c6358}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #aeb5a7;background:var(--paper);padding:14px;min-height:58px}.answer:not(:disabled):hover{background:#fff0b0;border-color:var(--ink)}.letter{border:1px solid #9da693;min-width:28px;height:28px;display:grid;place-items:center;font:13px monospace;flex-shrink:0}.answer.correct{background:#e2f4e5;border:2px solid var(--green)}.answer.wrong{background:#fde4df;border:2px solid var(--red)}.answer.dim{opacity:.65}.feedback{margin-top:24px;border-top:2px solid var(--ink);padding-top:20px}.feedback h3{margin:0 0 8px;font:800 25px 'Barlow Condensed',Impact,sans-serif}.feedback p{margin:8px 0}.feedback a{font-size:14px}.next-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.next-row span{font-size:13px;color:#62685f}.result{text-align:center;background:var(--yellow);border:2px solid var(--ink);padding:36px 26px;box-shadow:6px 6px 0 var(--ink)}.score{font:900 100px/1 'Barlow Condensed',Impact,sans-serif;margin:18px 0}.result h1{font-size:52px}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}.review-list{margin-top:32px}.review-list h2{font:800 28px 'Barlow Condensed',Impact,sans-serif}.review-item{border-bottom:1px solid var(--line);padding:18px 0}.review-item b{display:block}.review-item p{font-size:14px;margin:6px 0}.review-item a{font-size:13px}.notice{background:var(--yellow);padding:14px 18px;border:1px solid var(--ink);margin-bottom:25px;font-size:14px}.share-field{width:100%;margin-top:15px;padding:12px;border:1px solid var(--ink);font:14px monospace}.subnote{font-size:13px;color:#62685f;margin-top:18px}.empty{text-align:center;padding:55px 20px;border:2px dashed var(--line)}dialog{max-width:660px;width:calc(100% - 30px);padding:28px;border:2px solid var(--ink);background:var(--paper)}dialog::backdrop{background:#20232099}.dialog-top{display:flex;align-items:center;gap:20px;justify-content:space-between}.dialog-top h2{font:800 32px/1.1 'Barlow Condensed',Impact,sans-serif}dialog li{margin-bottom:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;box-shadow:3px 3px 0 var(--orange);max-width:90%;display:none;z-index:5}#toast.show{display:block}@media(max-width:760px){header{padding:20px}.header-note{font-size:10px}.brand{font-size:36px}main{padding:30px 20px 45px}.cone{width:80px;height:105px}.intro{gap:15px}.intro p{font-size:14px}.courses{grid-template-columns:1fr}.course{display:grid;grid-template-columns:80px 1fr}.course-top{height:100%;border-bottom:0;border-right:2px solid var(--ink)}.course-top .diamond{width:45px;height:45px}.point-art{font-size:55px}.point-art small{display:none}.road-art{width:110px;transform:rotate(70deg)}.course-no{font-size:12px}.course-body{padding:18px}.course p{min-height:0;margin-bottom:16px}.course h3{font-size:30px}.clubbar{flex-wrap:wrap;gap:4px 15px;padding:10px 12px}.clubbar .local{width:100%;font-size:11px}.extras{grid-template-columns:1fr}.section-heading span{font-size:11px}.question-box{padding:22px 18px}.quiz-meta{font-size:11px}.next-row{align-items:flex-start}.next-row span{max-width:140px}.extra{padding:17px}.sign-image{height:150px}footer{flex-direction:column;gap:8px;padding:20px}.score{font-size:82px}.result h1{font-size:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}.diamond span{transform:rotate(-45deg)!important}.diamond{transform:rotate(45deg)!important}}
/* Midnight arcade */
:root{--orange:#d4a3ff;--ink:#f0eafa;--paper:#100e1b;--line:#3b304e;--yellow:#93f5d1;--green:#70ebbc;--red:#ff9ebd}body{background:radial-gradient(ellipse at 10% 2%,#45246955,transparent 38%),radial-gradient(ellipse at 100% 40%,#123b4155,transparent 42%),#100e1b;color:var(--ink)}header{border-bottom:1px solid #433354;padding-top:25px;padding-bottom:25px}.brand{font-family:'DM Sans',Arial,sans-serif;font-size:34px;letter-spacing:-2px}.brand-sub{color:#aaa0bd;font-size:10px;letter-spacing:2px}.header-note{color:#aaa0bd}.header-note b{color:#d7b5ed}.intro p,.course p,.extra p,.level small,.clubbar .local,.section-heading span,.subnote,.next-row span,.sign-description{color:#b5abc8}h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(46px,6vw,74px);font-weight:700;letter-spacing:-3px;line-height:1.05;text-transform:none}h1 em{background:linear-gradient(95deg,#eba1f8,#b5aaff 55%,#82e9d1);background-clip:text;color:transparent}.eyebrow{color:#c7a5ef}.cone{width:145px;height:145px;transform:rotate(12deg);background:radial-gradient(circle at 30% 25%,#f4c7ff,#9b6af3 55%,#453b95);border-radius:42% 58% 62% 38% / 42% 37% 63% 58%;box-shadow:0 0 70px #a070e545,inset -8px -12px 20px #321b6955}.cone:before{content:'✦';inset:18px 0 0;text-align:center;font-size:86px;line-height:1.2;background:none;color:#241539;clip-path:none}.cone:after{content:'✧';bottom:auto;top:-25px;right:-20px;width:auto;height:auto;border:0;background:none;box-shadow:none;font-size:54px;color:#9befd0}.clubbar{background:#20192d;border:1px solid #4d3b63;border-radius:18px}.clubbar select{color:#e3c1ff}.clubbar select option{background:#21192f;color:#fff}.section-heading h2,.course h3,.extra h3{font-family:'DM Sans',Arial,sans-serif;text-transform:none;letter-spacing:-.6px;font-weight:700}.section-heading h2{font-size:22px}.course{border:1px solid #59416e;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#292039,#1b1728);box-shadow:0 12px 40px #05020d44}.course-top{height:116px;border-bottom:1px solid #62487544}.course-top.signs{background:radial-gradient(ellipse at 50% 100%,#b374ec44,transparent),#35244c}.course-top.points{background:radial-gradient(ellipse at 50% 100%,#ef8edc44,transparent),#41223d}.course-top.rules{background:radial-gradient(ellipse at 50% 100%,#80e0c444,transparent),#173838}.course-no{color:#dac1f2}.diamond{background:#d9b2ff;color:#312142;border:0;border-radius:13px;box-shadow:0 0 35px #d6b0ff33}.point-art{color:#ffb3dd;text-shadow:0 0 30px #ef8bd955}.road-art{border-color:#9df1d2;background:#14342c;border-radius:8px}.road-art:after{border-color:#9df1d2}.course h3{font-size:26px;line-height:1.2}.course-body{padding:24px}.level{border:1px solid #4c3a62;background:#2b223b;border-radius:13px;transition:background .15s,transform .15s}.level:hover{background:#43305e;border-color:#c69eeb;transform:translateY(-2px)}.level strong{font-family:'DM Sans',Arial,sans-serif;font-size:21px;color:#c9a5f3}.course:nth-child(2) .level strong{color:#f2a7d7}.course:nth-child(3) .level strong{color:#8ce4c6}.arrow{color:#bc99dd}.extra{border:1px solid #4a3a5b;background:#1e192c;border-radius:20px}.extra h3{font-size:20px}.small-button,.primary,.secondary{border:1px solid #cfa9f2;border-radius:12px;background:#38264e;color:#f1e1ff;box-shadow:none}.primary{background:#c7a3f4;color:#231534;font-weight:700}.secondary{background:#97e8d0;color:#173c30;border-color:#97e8d0}.text-button{color:#d1afee}footer{border-color:#3a2d4c;color:#aaa0bd}.quiz-top button{color:#c9abe3}.question-box{background:#211a30;border:1px solid #674b82;border-radius:26px;box-shadow:0 12px 60px #0004}.question-box h2,.feedback h3,.review-list h2,.dialog-top h2{font-family:'DM Sans',Arial,sans-serif}.question-box h2{font-size:27px}.progress{background:#352844;border-radius:10px;overflow:hidden}.progress span{background:linear-gradient(90deg,#e1a1f6,#a3e8d9)}.answer{background:#2d233d;border:1px solid #56416c;border-radius:14px}.answer:not(:disabled):hover{background:#44305c;border-color:#d0a4ff}.letter{border-color:#785b93;border-radius:8px;color:#d1acef}.answer.correct{background:#183c32;border-color:#8be6c3}.answer.wrong{background:#472338;border-color:#f5a1c1}.feedback{border-color:#604775}.feedback h3{font-size:22px}.feedback a{color:#d7aaf5}.sign-image{background:#fff;border-radius:12px;padding:12px;max-width:100%}.result{background:radial-gradient(ellipse at 50% 0,#67419077,transparent 65%),#241b34;border:1px solid #9367b1;border-radius:28px;box-shadow:0 0 60px #70369b22}.score{font-family:'DM Sans',Arial,sans-serif;font-size:90px;letter-spacing:-7px;color:#baf3da}.result h1{font-size:42px}.result p{color:#c4b4d6}.review-item{border-color:#49345c}.review-item a{color:#ceaaee}.notice{background:#352747;border-color:#9e70c2;border-radius:14px}.share-field{background:#151020;color:#e9d8f6;border-color:#72518c;border-radius:10px}.empty{border-color:#59406e;border-radius:24px}dialog{background:#241a32;border:1px solid #aa7acf;border-radius:24px;color:#eee0f8}dialog::backdrop{background:#080511bb;backdrop-filter:blur(7px)}dialog a{color:#cfa5f3}#toast{background:#d7b3f7;color:#271734;box-shadow:0 8px 30px #0005;border-radius:14px}@media(max-width:760px){.cone{width:87px;height:92px}.cone:before{font-size:52px}.cone:after{font-size:35px;top:-15px;right:-8px}h1{letter-spacing:-2px}.course{grid-template-columns:1fr}.course-top{height:92px;border-right:0;border-bottom:1px solid #66478544}.course-top .diamond{width:47px;height:47px}.road-art{transform:rotate(-12deg)}.point-art small{display:inline}.point-art{font-size:62px}.course h3{font-size:26px}.course-body{padding:20px}.question-box h2{font-size:23px}.brand{font-size:30px}.header-note{font-size:9px}.score{font-size:72px}.result h1{font-size:35px}}
.header-star{font-size:24px;color:#d3a6f7;vertical-align:middle;margin-right:10px}.highscores{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border:1px solid #5f4677;border-radius:20px;background:linear-gradient(105deg,#38244988,#1b222d88);margin:0 0 36px;overflow:hidden}.high-title{display:flex;align-items:center;gap:14px;padding:22px}.high-title b{display:block;font-size:15px}.high-title small{display:block;font-size:12px;color:#b9a8ca}.sparkle{font-size:40px;color:#e4b8f7}.high-score{padding:18px 22px;border-left:1px solid #513c6466;display:flex;flex-direction:column;gap:2px}.high-score>span{font-size:13px;color:#c9b6d8}.high-score>strong{font-size:30px;font-weight:600;line-height:1.3;color:#dbb6ff}.high-score>strong small{font-size:16px;color:#ab92bf}.high-score>small{font-size:11px;color:#a58fb5}.high-score:nth-child(3)>strong{color:#f2afd8}.high-score:nth-child(4)>strong{color:#9ee9d0}.history-section{margin-top:40px}.history-list{border:1px solid #493759;border-radius:18px;overflow:hidden;background:#1e182a}.history-row{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #49375977;gap:16px}.history-row:last-child{border:0}.history-row b{font-size:14px}.history-row div>small{display:block;font-size:12px;color:#b09abf;margin-top:3px}.history-row>span{color:#b6ebd5;font-size:23px}.history-row>span small{font-size:14px;color:#ab98b9}.history-empty{padding:25px;border:1px dashed #5b426f;border-radius:18px;color:#af9bbb;font-size:14px}.answer-status{margin-left:auto;font-size:22px;flex-shrink:0}.small-button:disabled{opacity:.45}.feedback a,.review-item a{color:#e3b9ff}.clubbar{margin-top:30px}.result .subnote{margin-bottom:0}@media(max-width:760px){.highscores{grid-template-columns:repeat(3,1fr)}.high-title{grid-column:1/-1;border-bottom:1px solid #513c6466;padding:15px 18px}.high-score{padding:14px 12px}.high-score:nth-child(2){border-left:0}.high-score>span{font-size:12px}.high-score>small{font-size:10px}.sparkle{font-size:29px}.high-title small{display:inline;margin-left:8px}.intro h1{font-size:46px}.header-note{max-width:120px}.header-star{font-size:20px;margin-right:3px}.history-row{padding:14px}}
.cone{background:radial-gradient(circle at 33% 25%,#90edf4,#5273ec 45%,#493577 80%);box-shadow:0 0 80px #6374e755,inset -10px -12px 25px #10114788;border-radius:50%;transform:rotate(-12deg)}.cone:before{content:'';inset:35px 14px;background:radial-gradient(circle at center,#111129 0 13%,#71cbe5 14% 26%,#3553c9 27% 38%,#f3edff 39% 70%,transparent 71%);clip-path:ellipse(49% 48%);border-radius:50%;transform:rotate(12deg);box-shadow:0 0 25px #9faafb55}.cone:after{content:'✧';color:#ebb2f5;right:-15px;top:-22px;transform:rotate(12deg)}.intro h1{font-size:clamp(42px,6vw,72px)}.section-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.section-results>div{padding:16px;background:#171322;border:1px solid #785193;border-radius:15px}.section-results b{display:block;text-transform:capitalize;font-size:19px;color:#b1ead7}.section-results span{display:block;font-size:13px;color:#c7b1d6;margin-top:5px}@media(max-width:760px){.cone:before{inset:22px 8px}.intro h1{font-size:39px}.intro{align-items:flex-start}.cone{margin-top:36px}.section-results{grid-template-columns:1fr}.high-title b{font-size:14px}.brand{letter-spacing:-1.5px}.header-note{max-width:130px}}