*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app canvas{display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#43346e,#2a2050 55%,#191333);transition:opacity .7s ease;touch-action:pan-y}#overlay.hidden{opacity:0;pointer-events:none}.overlay-inner{text-align:center;color:#fff;padding:1.5rem 1rem;max-height:100%;overflow-y:auto}#overlay-badge{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.3rem;padding:.45rem 1.1rem;border-radius:999px;background:#6ef19c1a;border:1px solid rgba(110,241,156,.45);color:#8ff5b3;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.badge-dot{width:.55rem;height:.55rem;border-radius:50%;background:#6ef19c;box-shadow:0 0 10px #6ef19ce6;animation:badge-pulse 1.8s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.6}}#overlay-title{font-size:clamp(2.4rem,8vw,5rem);letter-spacing:.12em;text-shadow:0 10px 44px rgba(0,0,0,.55)}#overlay-subtitle{margin-top:.6rem;letter-spacing:.32em;text-transform:uppercase;font-size:.85rem;color:#ffb85c;font-weight:600}#overlay-tagline{margin-top:1rem;font-size:.98rem;color:#cfc5f0;font-style:italic}.overlay-controls{display:flex;justify-content:center;gap:2.2rem;flex-wrap:wrap;margin:2.2rem 0 1.6rem}#touch-controls{display:none}.ctrl{display:flex;flex-direction:column;align-items:center;gap:.55rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#b8abec}.keys{display:flex;gap:.3rem}kbd{display:inline-block;min-width:1.9rem;padding:.3rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.45);border-bottom-width:3px;border-radius:6px;color:#fff;font-family:inherit;font-size:.72rem;text-align:center}#car-colors{display:flex;justify-content:center;align-items:center;gap:.55rem;margin-bottom:1.4rem}.cc-label{font-size:.66rem;letter-spacing:.2em;color:#b8abec;font-weight:600;margin-right:.2rem}.cc{width:1.7rem;height:1.7rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cc:hover{transform:scale(1.14)}.cc.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff47}#load-wrap{width:min(20rem,70vw);height:6px;margin:0 auto 1.15rem;border-radius:999px;background:#ffffff24;overflow:hidden}#load-bar{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#6ef19c,#ffd166);transition:width .35s ease}#load-wrap.done{opacity:0;transition:opacity .6s ease .3s}#start-btn{border:none;background:linear-gradient(180deg,#ffb347,#ff9d2b);color:#3a2300;font-weight:800;font-size:1rem;letter-spacing:.22em;padding:1.05rem 3.2rem;border-radius:999px;cursor:pointer;box-shadow:0 12px 38px #ff9d2b59;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease}#start-btn:hover:enabled{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 48px #ff9d2b80}#start-btn:disabled{opacity:.5;cursor:default;box-shadow:0 6px 20px #ff9d2b33}.overlay-note{margin-top:1.4rem;font-size:.72rem;letter-spacing:.12em;color:#9a8cd4}#browse-btn{display:block;margin:1rem auto 0;background:none;border:none;color:#9a8cd4;font-size:.78rem;letter-spacing:.06em;text-decoration:underline dotted;text-underline-offset:4px;cursor:pointer}#browse-btn:hover{color:#cfc5f0}#browse{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;overflow-y:auto;background:#191333;color:#fff;touch-action:pan-y;user-select:text;-webkit-user-select:text}#browse[hidden]{display:none}#browse-close{position:fixed;top:1.1rem;right:1.2rem;z-index:26;width:2.6rem;height:2.6rem;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#ffffff14;color:#fff;font-size:1rem;cursor:pointer}#browse-content{max-width:46rem;margin:0 auto;padding:3.5rem 1.4rem 5rem}#browse-content .b-badge{display:inline-block;padding:.4rem 1rem;border-radius:999px;background:#6ef19c1a;border:1px solid rgba(110,241,156,.45);color:#8ff5b3;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.2rem}#browse-content h1{font-size:clamp(2rem,6vw,3.2rem);letter-spacing:.08em}#browse-content .b-sub{margin-top:.5rem;color:#ffb85c;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:.8rem}#browse-content .b-tagline{margin-top:1rem;color:#cfc5f0;font-style:italic}#browse-content h2{margin:2.6rem 0 1rem;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:#b8abec}#browse-content .b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.8rem}#browse-content .b-card{padding:1rem 1.1rem;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}#browse-content .b-card strong{display:block;margin-bottom:.3rem;color:#fff}#browse-content .b-card span{font-size:.85rem;color:#b8abec;line-height:1.45}#browse-content a.b-card{display:block;text-decoration:none;border-left:4px solid var(--accent, #7b5ce0);transition:background .15s ease}#browse-content a.b-card:hover{background:#ffffff1f}#browse-content .b-card em{display:block;margin-top:.35rem;font-style:normal;font-size:.78rem;color:#ffd166;letter-spacing:.04em}#browse-content ul.b-bio{list-style:none;color:#cfc5f0;line-height:1.7}#browse-content .b-links{display:flex;flex-wrap:wrap;gap:.7rem}#browse-content .b-links a{padding:.65rem 1.3rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-size:.85rem;font-weight:600}#browse-content .b-links a:hover{background:#fff3}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:#191333a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s ease}#modal.visible{opacity:1;pointer-events:auto}#modal-card{position:relative;width:min(30rem,100%);background:#fbf8f1;border-radius:20px;border-top:8px solid #7b5ce0;padding:2rem 2.2rem 2.2rem;text-align:left;box-shadow:0 30px 80px #0a05238c;transform:translateY(16px) scale(.97);transition:transform .25s ease}#modal.visible #modal-card{transform:none}#modal-close{position:absolute;top:.9rem;right:1rem;width:2.1rem;height:2.1rem;border:none;border-radius:50%;background:#2c244714;color:#2c2447;font-size:.85rem;cursor:pointer}#modal-close:hover{background:#2c244729}#modal-tag{display:inline-block;padding:.3rem .85rem;border-radius:999px;background:#7b5ce0;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.18em}#modal-title{margin:.85rem 0 .45rem;color:#2c2447;font-size:1.5rem;line-height:1.2}#modal-shot{display:block;width:100%;margin:.4rem 0 .8rem;border-radius:12px;border:1px solid rgba(44,36,71,.15)}#modal-desc{color:#5a5378;font-size:.95rem;line-height:1.55}#modal-period{display:inline-block;margin-top:.9rem;padding:.35rem .9rem;border-radius:999px;background:#5b48c71a;color:#5b48c7;font-size:.72rem;font-weight:700;letter-spacing:.1em}#modal-link{display:inline-block;margin-top:1.3rem;padding:.75rem 1.5rem;border-radius:999px;background:linear-gradient(180deg,#ffb347,#ff9d2b);color:#3a2300;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-decoration:none;box-shadow:0 8px 24px #ff9d2b59;transition:transform .15s ease}#modal-link:hover{transform:translateY(-2px)}#reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;padding:clamp(.6rem,2.5vh,1.6rem);background:#191333b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease}#reader.visible{opacity:1;pointer-events:auto}#reader-panel{display:flex;flex-direction:column;height:100%;max-width:68rem;margin:0 auto;background:#fbf8f1;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0a05238c;transform:translateY(18px);transition:transform .25s ease}#reader.visible #reader-panel{transform:none}#reader-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .6rem .55rem 1.3rem;background:#241b4d;color:#fff}#reader-title{font-size:.85rem;font-weight:700;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#reader-close{flex-shrink:0;border:none;border-radius:999px;padding:.55rem 1.1rem;background:#ffffff24;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:background .15s ease}#reader-close:hover{background:#ffffff42}#reader-frame{flex:1;width:100%;border:none;background:#fff}#action-hint{position:fixed;bottom:2.1rem;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:.6rem;background:#fffffff0;color:#5b48c7;font-weight:600;font-size:.9rem;padding:.7rem 1.5rem;border-radius:999px;box-shadow:0 10px 30px #32196e4d;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}#action-hint.visible{opacity:1}#action-hint kbd{background:#5b48c7;color:#fff;border:none}#minimap{position:fixed;top:1.2rem;left:1.2rem;z-index:5;width:150px;height:150px;border-radius:18px;background:#28185a80;border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #32196e40}#dash{position:fixed;bottom:1.2rem;left:1.2rem;z-index:5;display:flex;align-items:center;gap:.45rem;padding:.4rem .6rem;border-radius:999px;background:#28185a8c;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #32196e40}#sound-btn,#reset-btn{width:2.3rem;height:2.3rem;border:none;border-radius:50%;background:#ffffffe6;font-size:1rem;cursor:pointer;flex-shrink:0}#reset-btn{color:#5b48c7;font-weight:700}#speedo,#stars,#lap{display:flex;align-items:baseline;gap:.3rem;padding:0 .55rem;color:#fff;font-family:Consolas,JetBrains Mono,monospace;border-left:1px solid rgba(255,255,255,.18)}#speedo #speed-value{font-size:1.1rem;font-weight:700;min-width:2ch;text-align:right}#speedo small,#lap small{font-size:.62rem;letter-spacing:.1em;opacity:.75}#stars{color:#ffd166;font-size:.88rem;font-weight:700}#lap{display:none;color:#8ef0dd;font-size:.88rem;font-weight:700}#lap.active{display:flex}#missions{position:fixed;top:1.2rem;right:1.2rem;z-index:5;min-width:13rem;border-radius:14px;background:#28185a99;border:1px solid rgba(255,255,255,.32);color:#fff;font-family:Consolas,JetBrains Mono,monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #32196e4d;overflow:hidden}#missions.flash{animation:missions-flash .7s ease}@keyframes missions-flash{0%,to{border-color:#ffffff52}35%{border-color:#ffd166;box-shadow:0 0 24px #ffd166a6}}#missions-head{padding:.7rem 1rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;cursor:pointer;display:flex;align-items:center;gap:.5rem}#missions-count{margin-left:auto;background:#ffffff2e;border-radius:999px;padding:.1rem .6rem;font-size:.75rem}#missions-reset{border:none;background:none;color:#ffffff8c;font-size:.85rem;cursor:pointer;padding:0 .1rem}#missions-reset:hover{color:#ffd166}#missions-list{list-style:none;max-height:0;transition:max-height .35s ease;overflow:hidden}#missions:hover #missions-list,#missions.open #missions-list{max-height:16rem}#missions-list li{display:flex;align-items:center;gap:.5rem;padding:.42rem 1rem;font-size:.72rem;letter-spacing:.03em;opacity:.92;border-top:1px solid rgba(255,255,255,.1)}#missions-list li.done{opacity:.55;text-decoration:line-through}#missions-list li.done .m-check{color:#7bf1a8}.m-check{font-weight:700;width:1rem;text-align:center;flex-shrink:0}#toast{position:fixed;top:1.4rem;left:50%;transform:translate(-50%) translateY(-180%);z-index:7;padding:.8rem 1.6rem;border-radius:999px;background:#fffffff2;color:#5b48c7;font-family:Consolas,JetBrains Mono,monospace;font-size:.82rem;font-weight:700;letter-spacing:.06em;box-shadow:0 12px 34px #28145a66;transition:transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toast.visible{transform:translate(-50%) translateY(0)}#jump-btn{position:fixed;bottom:5.2rem;right:1.4rem;z-index:6;width:4rem;height:4rem;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:#ffffff38;color:#fff;font-size:1.7rem;display:none}#act-btn{position:fixed;bottom:10rem;right:1.4rem;z-index:6;width:4rem;height:4rem;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:#ffd166e6;color:#3a2300;font-size:1.5rem;font-weight:800;display:none}@media(hover:none)and (pointer:coarse){#jump-btn,#act-btn.visible{display:block}#key-controls{display:none}#touch-controls{display:flex}}#tips{position:fixed;bottom:1.5rem;right:1.4rem;z-index:5;color:#ffffffe6;font-size:.74rem;letter-spacing:.08em;text-shadow:0 1px 5px rgba(60,40,120,.45)}#joystick{position:fixed;z-index:6;width:130px;height:130px;border:2px solid rgba(255,255,255,.65);border-radius:50%;background:#ffffff14;transform:translate(-50%,-50%);display:none;pointer-events:none}#joystick.visible{display:block}#joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffffc7}@media(max-width:640px){#tips{display:none}#missions{min-width:0}#missions-head{font-size:.7rem;padding:.55rem .8rem}#minimap{width:106px;height:106px;border-radius:14px}#speedo,#stars,#lap,#lap.active{display:none}}