*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Arial,'Noto Sans',sans-serif;background:#111d30;color:#eff5fa;overflow:hidden;touch-action:none}canvas{position:fixed;width:100%;height:100%;touch-action:none}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:3px solid #56cfec;outline-offset:3px}button:disabled{opacity:.5}[hidden]{display:none!important}header{position:fixed;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;align-items:center;gap:18px;pointer-events:none;z-index:6}header>b{font-size:21px;letter-spacing:-1px}header span{display:none}#language{margin-left:auto;pointer-events:auto;background:#15263c;color:white;border:1px solid #ffffff30;border-radius:4px;padding:10px;font-size:11px}#clock{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px;padding:8px 0 8px 18px;border-left:1px solid #ffffff30}aside{position:fixed;top:95px;left:28px;display:flex;gap:24px;align-items:center;pointer-events:none}aside small{display:block;font-size:9px;letter-spacing:2px;color:#adc1cf;margin-bottom:5px}aside strong{font-size:24px;font-variant-numeric:tabular-nums}aside .wallet strong{color:#c5eb8a}#cargo{font-size:11px;color:#a9c1cf;border-left:1px solid #ffffff30;padding-left:18px}#labels{pointer-events:none}#labels span{position:fixed;transform:translate(-50%,-130%);background:#15263cee;color:#fff;border:1px solid;border-radius:4px;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap}#labels span.afford{border:2px solid #eab947!important;background:#ffe397;color:#3f2b09}#notice{position:fixed;top:160px;left:50%;transform:translateX(-50%);font-size:16px;color:#c5eb8a;font-weight:bold;opacity:0;pointer-events:none}#notice.show{opacity:1}#celebrate{position:fixed;top:23%;left:0;right:0;text-align:center;pointer-events:none;opacity:0}#celebrate b{font-size:clamp(24px,5vw,48px);font-style:italic;letter-spacing:-1px;color:#fff}#celebrate span{display:none}#celebrate.pop{animation:celebrate 1.5s both}@keyframes celebrate{0%{opacity:0;transform:translateY(12px) scale(.9)}15%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-15px)}}.overlay{position:fixed;inset:0;z-index:5;background:#111d30;display:grid;place-items:center;overflow:auto;touch-action:pan-y}.overlay section{width:min(600px,100%);padding:35px 32px;text-align:center}.title-screen{isolation:isolate;position:relative;width:100%!important;height:100dvh;padding:0!important;overflow:hidden;background:#111d30}.title-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}.title-screen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07122235,transparent 35%,#071222c9)}h1{position:absolute;top:9%;left:8%;margin:0;font-size:clamp(64px,12vw,170px);line-height:.85;letter-spacing:-.075em;font-weight:900;color:#fff}.course-buttons{position:absolute;bottom:115px;left:8%;display:flex;gap:12px;max-width:480px;width:84%}.course-buttons button{flex:1;min-height:58px;background:#fff;color:#111d30;padding:18px;border-radius:4px;font-weight:800}.course-buttons button[data-mode="900"]{background:#164cff;color:#fff}.course-buttons #startError{position:absolute;bottom:100%;background:#111d30;color:#fff;font-size:12px;padding:8px}.course-buttons #startError:empty{display:none}.nibcue-brand{display:block;background:#fff;padding:4px 12px;border-radius:4px;width:142px;line-height:0}.nibcue-brand img{width:100%;height:auto}.title-screen .nibcue-brand{position:absolute;left:8%;bottom:30px}body.start-screen header>b,body.start-screen #clock{visibility:hidden}body:not(.playing) aside,body:not(.playing) #labels{visibility:hidden}#end{background:#f0f1ed;color:#142235}#end section{max-height:100dvh;overflow:auto;padding:35px 26px}#end .nibcue-brand{margin:0 auto 35px;background:transparent;width:130px}#labRank{display:block;font-size:clamp(30px,6vw,48px);letter-spacing:-.06em;line-height:1.15}#labRank[data-tier="7"]{color:#a67313}#researchComment{font-size:13px;line-height:1.6;margin:16px 0 35px;color:#52616c}#ranktitle{text-align:left;font-size:10px;letter-spacing:2px;border-top:1px solid #bcc5c9;padding-top:20px}#ranking{margin:0 0 20px;padding-left:25px;text-align:left;max-height:210px;overflow:auto;font-size:13px;font-variant-numeric:tabular-nums}#ranking li{padding:12px 4px;border-bottom:1px solid #d6dddc}.registration{display:flex;gap:8px}.registration input{min-width:0;flex:1;border:1px solid #bdc8ce;border-radius:3px;background:transparent;padding:11px;font-size:12px}.registration button{background:#142235;color:white;border-radius:3px;padding:10px 20px;font-size:12px}#status{font-size:11px;min-height:0}#status:empty{display:none}.buttons{display:flex;justify-content:center;gap:22px;margin-top:25px}.buttons button,#again{background:none;color:#445468;padding:8px;font-size:11px}#again{font-size:26px;display:block;margin:14px auto 0}#error{position:fixed;top:50%;padding:20px;background:white;color:#111;z-index:10}@media(min-width:850px){.title-art{object-position:50% 46%}#intro .title-screen:after{background:linear-gradient(90deg,#071222c9,transparent 75%)}#intro h1{top:26%}.course-buttons{bottom:25%}.title-screen .nibcue-brand{bottom:12%}}@media(max-width:600px){header{top:max(15px,env(safe-area-inset-top));left:18px;right:18px}header>b{font-size:18px}#clock{font-size:22px}aside{top:83px;left:18px;gap:18px}aside strong{font-size:20px}#cargo{padding-left:12px}h1{top:11%;left:7%;font-size:20vw}.course-buttons{left:7%;width:86%;bottom:110px}.title-screen .nibcue-brand{left:7%;bottom:30px}#end section{padding:25px}#end .nibcue-brand{margin-bottom:25px}#researchComment{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
#countdown{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:4;font-size:clamp(100px,25vw,240px);font-weight:900;line-height:1;color:#fff;text-shadow:0 5px 0 #133965,0 0 60px #48caff70}#countdown.beat{animation:count-beat .85s both}@keyframes count-beat{0%{transform:scale(1.35);opacity:0}15%{opacity:1;transform:scale(1)}75%{opacity:1}100%{opacity:.2;transform:scale(.9)}}#celebrate{top:32%;z-index:3;padding:0 20px}#celebrate b{font-size:clamp(19px,3vw,35px);font-style:normal;text-shadow:0 2px 10px #061627;letter-spacing:0}#end{z-index:8;opacity:0;background:linear-gradient(150deg,#f7fafef5,#e3eaf6fa 60%,#e9e4f8);transition:opacity 1s ease}#end.revealed{opacity:1}#result{display:block;font-size:clamp(42px,8vw,72px);font-weight:900;color:#2056d8;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:10px 0 24px}#end:not(.score-landed) #result{filter:blur(.7px);transform:translateY(3px)}#end.score-landed #result{animation:result-hit .55s both}#end #labRank,#end #researchComment,#end .result-details{opacity:0;visibility:hidden}#end.rank-landed #labRank{opacity:1;visibility:visible;animation:result-hit .55s both}#end.comment-landed #researchComment{opacity:1;visibility:visible;transition:opacity .6s}#end.complete .result-details{opacity:1;visibility:visible;transition:opacity .5s}#summary{font-size:12px;color:#596678;line-height:1.7;margin:0 0 25px}#end .registration{flex-wrap:wrap}#end .registration input{flex-basis:100%;min-height:48px}#end .registration button{width:100%;padding:15px;background:#2056d8;font-weight:bold}.buttons button{background:#2056d8;color:white;padding:14px;flex:1;border-radius:4px}#again{font-size:13px;background:#142235;color:#fff;width:100%;padding:14px;border-radius:4px}#end .buttons{gap:12px}body:not(.playing) #countdown{display:none}@keyframes result-hit{0%{transform:scale(1.4);opacity:.3}60%{transform:scale(.96);opacity:1}100%{transform:scale(1);opacity:1}}
#end{background:#fff}#rankArt{display:block;width:min(250px,65vw);height:auto;margin:-10px auto 2px;opacity:0;visibility:hidden}#end.rank-landed #rankArt{opacity:1;visibility:visible;animation:mascot-arrive .65s both}#end #result{margin-bottom:8px}#end .nibcue-brand{margin-bottom:20px}#end #researchComment{margin-top:12px;margin-bottom:24px}@keyframes mascot-arrive{0%{opacity:0;transform:translateY(18px) rotate(-7deg) scale(.85)}65%{opacity:1;transform:translateY(-4px) rotate(2deg) scale(1.03)}100%{opacity:1;transform:none}}@media(max-height:750px){#rankArt{width:180px}#end section{padding-top:18px}#end .nibcue-brand{margin-bottom:12px}#end #result{font-size:40px}#end #labRank{font-size:29px}}
#labels span.build-label{white-space:pre;text-align:center;line-height:1.5;font-size:11px}#feverFrame{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;border:7px solid #ffd35e;box-shadow:inset 0 0 40px #ffc40055,0 0 25px #ffdc6b;transition:opacity .3s}.fever #feverFrame{opacity:1}#feverFrame i{position:absolute;color:#ffe287;font-style:normal;font-size:35px;animation:gold-spark 1.4s infinite alternate}#feverFrame i:nth-child(1){left:2%;top:18%}#feverFrame i:nth-child(2){right:3%;top:28%;animation-delay:.3s}#feverFrame i:nth-child(3){left:4%;bottom:30%;animation-delay:.6s}#feverFrame i:nth-child(4){right:2%;bottom:18%;animation-delay:.9s}#feverFrame i:nth-child(5){left:30%;top:2%;animation-delay:.4s}#feverFrame i:nth-child(6){right:30%;bottom:2%;animation-delay:.8s}#feverHud{position:fixed;top:150px;left:50%;transform:translateX(-50%);z-index:4;background:#ffe18a;color:#553710;border:1px solid #fff1ba;padding:9px 17px;border-radius:4px;font-size:13px;font-weight:800;pointer-events:none;white-space:nowrap}#feverAnnouncement{position:fixed;top:32%;left:5%;width:90%;text-align:center;white-space:pre-line;z-index:4;pointer-events:none;font-weight:900;font-size:clamp(23px,4vw,46px);line-height:1.6;color:#ffe18a;text-shadow:0 3px 0 #6d4013,0 0 35px #e4ae36;opacity:0}#feverAnnouncement.announce{animation:contract-arrival 3.5s both}@keyframes gold-spark{from{opacity:.25;transform:scale(.6) rotate(-15deg)}to{opacity:1;transform:scale(1.15) rotate(15deg)}}@keyframes contract-arrival{0%{opacity:0;transform:scale(1.2)}12%,75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-15px)}}@media(prefers-reduced-motion:reduce){#feverFrame i{animation:none}#feverAnnouncement.announce{opacity:1;font-size:20px;top:23%}}
#celebrate.new-building{top:43%}#celebrate.new-building.pop{animation:celebrate 2.4s both}#celebrate.new-building b{display:inline-block;padding:14px 22px;background:#10233de8;border:1px solid #7ad8ee55;border-radius:5px;font-size:clamp(20px,3vw,36px)}
#feverDirection{position:fixed;z-index:4;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#ffdf70;max-width:160px;text-shadow:0 2px 4px #10233d}#feverDirection b{display:block;font-size:38px;line-height:1.1;transform-origin:center}#feverDirection span{display:block;background:#392b0eee;border:1px solid #ffdc70;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:800;white-space:nowrap}