:root{color:#d8cba9;background:#12151c;font-family:Courier New,Courier,monospace;font-synthesis:none;--accent: #e4ab5a;--muted: #918c7e;--line: #b8a98840}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0;text-transform:uppercase}button:focus-visible,a:focus-visible{outline:2px dashed var(--accent);outline-offset:5px}button:hover{color:#fff0c9}button:active{transform:translate(1px,1px)}button:disabled{opacity:.4;cursor:default}button,a{-webkit-tap-highlight-color:transparent}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none;image-rendering:pixelated}.frame{position:fixed;inset:12px;border:2px solid #77725b37;box-shadow:0 0 0 12px #13151b,inset 0 0 60px #05081166;pointer-events:none;z-index:10}.frame:before,.frame:after{content:"+";position:absolute;color:#736c55;font:700 18px monospace;top:4px;left:7px}.frame:after{inset:auto 7px 4px auto}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:35px 44px;gap:24px;z-index:4}.brand{display:flex;gap:10px;text-decoration:none;color:#b7a887;font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.3}.brand-orb{height:28px;width:28px;border:2px solid #c4ab77;border-radius:50%;position:relative;background:repeating-linear-gradient(135deg,transparent 0 4px,#c4ab7788 4px 5px)}.brand-orb:after{content:"";position:absolute;inset:5px -6px;border:1px solid #c4ab77;transform:rotate(-35deg)}nav{display:flex;gap:6px}nav select{background:#1a1e25;color:#c7b389;border:1px solid #8b7c5755;font:700 10px Courier New,monospace;letter-spacing:.5px;width:225px;padding:9px;border-radius:0}nav>button{color:#a79a78;padding:8px;font-size:9px}#course-book{border-left:1px solid #8a7a5c55;margin-left:6px;letter-spacing:1px}.course{padding:10px 14px;color:#96988b;font-size:10px;letter-spacing:.8px;border:1px solid transparent}.course span{color:#928875;margin-right:7px}.course.active{border:1px solid #b5a57c66;color:#dec08c;background:#b7a77c0e;box-shadow:inset 0 -2px #aa7848}.tools{display:flex;align-items:center;gap:15px}.icon-button,.text-button{font-weight:700;font-size:10px;letter-spacing:.5px;padding:8px 0}.text-button{border-bottom:1px dashed #b8a98870}#sound{color:#c5b679;font-size:10px;min-width:84px}.intro{position:absolute;left:7.5vw;top:22%;width:385px}.eyebrow{font:700 9px Courier New,monospace;letter-spacing:1.5px}.intro .eyebrow{color:#bfa980;display:flex;align-items:center;gap:10px;margin:0 0 13px}.small-line{width:20px;height:4px;background:#a86643}h1{margin:0 0 12px;font-family:Impact,Arial Black,sans-serif;font-weight:900;font-size:clamp(62px,6.2vw,90px);line-height:.88;letter-spacing:2px;transform:skewY(-5deg);transform-origin:left;color:#e1c38c;text-shadow:2px 3px #9e5038,4px 6px #9e5038,6px 8px #342c32}h1 span{display:block}h1 span:last-child{color:#c97d4b;letter-spacing:13px;margin-left:6px;text-shadow:2px 3px #704438,4px 6px #704438,6px 8px #24272e}.cabinet-subtitle{margin:22px 0 24px;letter-spacing:1px;font-size:8px;color:#c3ad80;font-weight:700}.description{color:#9a9f92;font-size:10px;line-height:1.9;letter-spacing:.3px;margin:0 0 21px}.primary{background:var(--accent);color:#25232c;border:2px solid #211e25;outline:1px solid #c29e6377;box-shadow:3px 3px #090d15;padding:14px 19px;min-width:238px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-weight:700;letter-spacing:1.3px;font-size:12px}.primary:hover{background:#efc17f;color:#171920}.primary span{font-size:11px}#play{min-width:252px;min-height:64px;justify-content:center;background:#d4ff3f;color:#172017;font:900 28px/1 Impact,Arial Black,sans-serif;letter-spacing:4px;outline-color:#eaffaa;box-shadow:5px 5px #090d15,inset 0 3px #f0ffad}#play:hover{background:#e5ff83;color:#172017}#play:active{transform:translate(3px,3px);box-shadow:2px 2px #090d15,inset 0 2px #f0ffad}#play:focus-visible{outline:3px dashed #fff0c9;outline-offset:6px}.intro-controls{display:flex;gap:13px;font-size:9px;line-height:1.7;margin-top:20px;color:#b0ad92}.key-cluster{text-align:center;font-size:14px;line-height:1.1;letter-spacing:2px;border-right:1px solid #84765a66;padding-right:11px}.muted{color:#a47453}.quiet-button{font-size:9px;padding:9px 0;color:#a49c83;letter-spacing:.7px}.intro>.quiet-button{margin-top:5px}.field-guide{border-top:1px solid #a98a5f50;margin-top:12px;padding-top:12px;width:310px}.field-guide>p{font-size:8px;letter-spacing:2px;color:#a58d6e;margin:0 0 10px}.enemy-row{display:flex;gap:20px}.enemy-row>div{display:flex;flex-direction:column;align-items:center;width:83px}.enemy-row svg{width:40px;height:32px;image-rendering:pixelated;margin-bottom:6px}.enemy-row b{font-size:8px;letter-spacing:1px}.enemy-row span{font-size:6px;margin-top:4px;color:#8f8d80;white-space:nowrap}.world-label{position:absolute;right:8%;bottom:13%;text-align:right;pointer-events:none}.world-label .eyebrow{font-size:8px;letter-spacing:1px;color:#a8906e}.world-label h2{text-transform:uppercase;font:700 23px Courier New,monospace;color:#d1bb90;letter-spacing:1px;margin:9px 0}.world-label p{font-size:9px;color:#9caa99;max-width:270px;margin:0 0 12px auto;line-height:1.5}.difficulty{font-size:8px;color:#c28b61;letter-spacing:1.5px;border-bottom:3px double #9d7c5566;padding-bottom:6px}footer{position:fixed;bottom:0;left:0;right:0;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;color:#8f907f;font-size:8px;letter-spacing:1px;z-index:4}.footer-left{display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;background:#b8ae70}.footer-right{display:flex;align-items:center;gap:24px}#music-title{color:#b29d72;font-size:8px}body[data-mode=playing] #music-title,body[data-mode=demo] #music-title{color:#c3bb7a}#play-controls{letter-spacing:0}kbd{border:1px solid #9a94784d;padding:3px 5px;font-size:8px;margin:0 3px 0 10px}.hidden{display:none!important}.hud{position:absolute;left:45px;top:126px;width:190px;pointer-events:none}.hud .eyebrow{color:#c4a979}.timer{display:flex;gap:12px;align-items:center;margin-top:7px}.timer>span:first-child{font:700 76px/1 Courier New,monospace;letter-spacing:-7px;color:#e3c486;text-shadow:3px 3px #574337;font-variant-numeric:tabular-nums}.timer-unit{font-size:9px;color:#a8936c;line-height:1.5;letter-spacing:1px}.hud-detail{display:flex;justify-content:space-between;font-size:7px;margin:15px 0 12px;color:#b1a282}.speed-track{height:5px;border:1px solid #8c77504d;padding:1px}.speed-track span{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,#ba9060 0 5px,transparent 5px 7px)}.mode-badge{position:absolute;bottom:88px;left:50%;transform:translate(-50%);border:1px solid #a690624d;background:#141821e8;padding:10px 15px;font-size:9px;letter-spacing:1px;color:#c4ac72;white-space:nowrap}.mode-badge button{color:#e6ce91;font-size:9px;margin-left:15px;border-left:1px solid #6d604b;padding-left:15px}.result{position:absolute;top:35%;left:8%;width:350px;background:#191d26f5;border:3px double #b49b6e99;padding:25px;box-shadow:8px 8px #060b1588}.result h2{font:700 37px/1.1 Courier New,monospace;letter-spacing:-1px;color:#dec58e;margin:20px 0;text-shadow:2px 2px #7c4839}.result>p:not(.eyebrow){font-size:11px;line-height:1.7;color:#b9b29a}.result-actions{display:flex;gap:18px;align-items:center;margin-top:24px}.result .primary{min-width:170px;padding:12px;font-size:9px;letter-spacing:0}#toast{position:absolute;top:119px;left:50%;transform:translate(-50%);background:#171b26ed;border:1px solid #b997684d;color:#ddc88b;padding:12px 19px;font-size:10px;font-weight:700;letter-spacing:.5px;pointer-events:none;opacity:0;transition:opacity .1s}#toast.visible{opacity:1}.panel{position:absolute;right:38px;top:99px;width:306px;background:#20242ced;border:3px double #a18d6566;padding:20px;box-shadow:8px 8px #070c1777;z-index:6;max-height:calc(100dvh - 180px);overflow:auto;scrollbar-color:#817559 #1d242c;scrollbar-width:thin}.panel:before{content:"";display:block;height:5px;margin:-20px -20px 19px;background:repeating-linear-gradient(135deg,#b49762 0 5px,#25242c 5px 10px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{font-size:14px;color:#d7bd86;margin:0;letter-spacing:1px;text-transform:uppercase}.panel-heading .icon-button{font-size:22px;padding:0 4px}.panel-heading .eyebrow{font-size:7px;color:#929984;margin:0 0 7px}.panel>label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;font-size:10px}.panel input[type=range]{width:115px;accent-color:#cbad73}.panel p{color:#a3a796;font-size:10px;line-height:1.6}.panel .check-label{justify-content:flex-start;gap:8px}.panel input[type=checkbox]{accent-color:#cbad73}.editor{left:38px;right:auto}.course-menu{width:610px;left:50%;right:auto;transform:translate(-50%);top:110px;max-height:calc(100dvh - 190px);background:#1d222cf7}#roster-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:18px}.roster-course{display:grid;grid-template-columns:29px 1fr;border-top:1px solid #a18d6544;padding:14px 0;text-align:left;gap:5px 8px}.roster-course b{grid-row:span 2;color:#c58b53;font-size:20px}.roster-course>span{font-weight:700;font-size:10px;letter-spacing:.4px}.roster-course small{font-size:8px;color:#9b9f8e}.roster-course.active>span{color:#e7ba70}.roster-course:hover{background:#b4945c10}.route-scan{position:absolute;top:125px;right:42px;width:170px;pointer-events:none;opacity:.8}.route-scan p,.route-scan span{font-size:7px;letter-spacing:1px;color:#a4997c;margin:0;text-align:center;display:block}.route-scan canvas{width:170px;height:170px;image-rendering:pixelated}.editor>label{font-size:9px}.editor select,.editor input[type=number]{background:#111722;color:#d1c4a4;border:1px solid #77766255;padding:7px;width:100%;font-size:11px;outline:none}.editor input:focus,.editor select:focus{border-color:#c6a773}.editor>label select{max-width:167px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#b1a989}.editor-row{display:flex;gap:8px;margin-top:10px}.editor-row button{flex:1;font-size:8px;border:1px solid #8b85614d;padding:9px 4px;letter-spacing:0}.editor-row button:hover{background:#8b856119}.editor .primary{min-width:0;width:100%;margin:18px 0 12px;font-size:10px}.editor .quiet-button{display:block;font-size:8px}.editor-note{font-size:8px!important}#touch-controls{display:none;position:fixed;bottom:85px;left:35px;right:35px;justify-content:space-between;align-items:center;pointer-events:none}#joystick{position:relative;width:95px;height:95px;border:2px solid #a59b6c66;border-radius:50%;background:#161d2788;pointer-events:auto;touch-action:none}#joystick span{position:absolute;width:35px;height:35px;left:28px;top:28px;border-radius:50%;background:#a8956577;border:2px solid #b9a77288}#touch-brake{width:64px;height:64px;border:2px solid #bb936888;border-radius:50%;color:#ceb381;background:#24222dcc;font-size:10px;pointer-events:auto;touch-action:none}@media(max-height:850px)and (min-width:701px){.intro{top:20%}h1{font-size:74px}.cabinet-subtitle{margin-top:20px;margin-bottom:16px}.description{margin-bottom:17px}.intro-controls{margin-top:16px}.field-guide{margin-top:5px;padding-top:9px}}@media(max-height:710px)and (min-width:701px){.intro{top:20%}h1{font-size:59px}.cabinet-subtitle{margin-bottom:12px}.description{display:none}.field-guide{margin-top:2px}.enemy-row svg{height:25px}.intro-controls{margin-top:12px}}@media(max-width:1080px){nav select{width:195px;font-size:9px}header{padding:30px;gap:10px}.course{padding:9px;font-size:9px}.tools{gap:12px}.intro{left:6%;width:320px}h1{font-size:70px}.footer-right{gap:15px}#play-controls{font-size:7px}#music-title{max-width:140px}}@media(max-width:700px){nav select{width:205px;font-size:9px}nav>button{padding:7px;font-size:8px}#course-book{font-size:7px;padding:7px;margin-left:0}.course-menu{width:calc(100% - 48px);top:128px}#roster-list{grid-template-columns:1fr}.roster-course{padding:11px 0}.route-scan{top:135px;right:22px;width:100px}.route-scan canvas{width:100px;height:100px}.route-scan p,.route-scan span{font-size:6px}header{padding:29px 26px;align-items:flex-start}.brand{font-size:8px;gap:8px;letter-spacing:1px}.brand-orb{width:22px;height:22px}.tools{gap:12px}.tools button{font-size:8px!important}#sound{min-width:67px}.text-button{max-width:40px;text-align:left;line-height:1.4;padding-top:4px}nav{position:absolute;top:82px;left:25px;right:25px;justify-content:center}.course{font-size:9px}.intro{top:auto;bottom:94px;left:28px;width:calc(100% - 56px)}.intro .eyebrow{font-size:7px;margin-bottom:8px}h1{font-size:52px;display:flex;gap:12px;letter-spacing:0}h1 span:last-child{letter-spacing:0;margin:0}.cabinet-subtitle{font-size:7px;margin:19px 0 15px;letter-spacing:.5px}.description{font-size:8px;margin-bottom:15px}.primary{min-width:220px;font-size:10px;padding:13px 17px}.intro-controls,.field-guide,.world-label{display:none}.intro>.quiet-button{font-size:8px;margin-top:10px}footer{padding:22px 25px;font-size:7px}#music-title{max-width:125px;font-size:7px;text-align:right}.footer-right{gap:12px}.footer-right .quiet-button{font-size:7px}.footer-left{max-width:160px}#play-controls{display:none}.hud{top:134px;left:27px;width:152px}.hud .eyebrow{font-size:8px}.timer>span:first-child{font-size:58px}.hud-detail{font-size:6px}.panel{top:125px;right:24px;width:290px;max-height:calc(100dvh - 210px)}.editor{left:24px}.result{top:35%;left:25px;width:calc(100% - 50px);padding:22px}.result h2{font-size:32px}.result-actions{gap:15px}.result .primary{min-width:155px}#toast{top:124px;max-width:calc(100% - 50px);width:max-content;font-size:8px;text-align:center;line-height:1.5}.mode-badge{bottom:86px;font-size:8px;padding:10px}body.playing #touch-controls{display:flex}}