*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #2b1d12;--paper: #fdf6ec;--terracotta: #d4582a;--sea: #1a6f8e;--gold: #f2b134;--font: -apple-system, "Inter", sans-serif}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:#1a2f4a;touch-action:none;user-select:none;-webkit-user-select:none}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#101c30,#1d3045 28%,#41425e 44%,#8e5260 55%,#d3704b 62%,#f5a55f 66%);transition:opacity .9s ease,visibility .9s}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.ls-scene{position:absolute;top:0;right:0;bottom:0;left:0}.ls-sun{position:absolute;left:50%;top:66%;width:30vmin;height:30vmin;transform:translate(-50%,-42%);border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff6d8,#ffd98a 48%,#f59a44);box-shadow:0 0 7vmin 2.4vmin #ffc46e80,0 0 24vmin 8vmin #f3924647;animation:ls-sunrise 2.4s cubic-bezier(.2,.6,.3,1) both}@keyframes ls-sunrise{0%{transform:translate(-50%,16%)}to{transform:translate(-50%,-42%)}}.ls-sea{position:absolute;left:0;right:0;top:66%;bottom:0;background:linear-gradient(180deg,#2a7c9c,#14506b 45%,#0b3046)}.ls-glint{position:absolute;left:50%;top:0;bottom:0;width:17vmin;transform:translate(-50%);background:linear-gradient(180deg,#ffd88c99,#ffd88c00 75%);filter:blur(6px);animation:ls-glint 4s ease-in-out infinite}@keyframes ls-glint{0%,to{opacity:.9;transform:translate(-50%) scaleX(1)}50%{opacity:.55;transform:translate(-50%) scaleX(.72)}}.ls-cloud{position:absolute;border-radius:50%;background:#ffdbb429;filter:blur(12px);animation:ls-drift 26s ease-in-out infinite alternate}.ls-c1{left:8%;top:22%;width:36vmin;height:6vmin}.ls-c2{right:6%;top:34%;width:28vmin;height:5vmin;animation-duration:34s;animation-delay:-12s}.ls-c3{left:26%;top:48%;width:22vmin;height:4vmin;animation-duration:22s;animation-delay:-6s}@keyframes ls-drift{0%{transform:translate(-4vmin)}to{transform:translate(7vmin)}}.ls-wave{position:absolute;left:0;right:0;bottom:0;background-repeat:repeat-x;background-position:bottom}.ls-w1{height:12vh;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 80' preserveAspectRatio='none'><path d='M0 80 V42 Q30 26 60 40 T120 36 T180 44 T240 34 V80 Z' fill='%230e2e44'/></svg>");background-size:240px 100%;animation:ls-roll 17s linear infinite;opacity:.9}.ls-w2{height:8vh;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 60' preserveAspectRatio='none'><path d='M0 60 V34 Q40 20 80 32 T160 28 T240 36 T320 26 V60 Z' fill='%23071d30'/></svg>");background-size:320px 100%;animation:ls-roll 23s linear infinite reverse}@keyframes ls-roll{0%{background-position-x:0}to{background-position-x:480px}}.loader-inner{position:relative;text-align:center;color:var(--paper);padding:0 24px;max-width:760px;width:100%}.loader-inner:before{content:"";position:absolute;top:-8%;right:-14%;bottom:-8%;left:-14%;background:radial-gradient(closest-side,rgba(13,22,38,.62),rgba(13,22,38,.36) 55%,transparent 80%);z-index:-1}.loader-kicker{font-style:italic;font-size:clamp(.8rem,2.2vw,1rem);letter-spacing:.42em;text-indent:.42em;color:#ffd9a0;text-shadow:0 1px 16px rgba(255,170,80,.5);animation:ls-fade 1s .2s both}.loader-title{margin-top:14px;font-size:clamp(2rem,6.5vw,4.2rem);font-weight:700;letter-spacing:.2em;text-indent:.2em;color:var(--paper);text-shadow:0 2px 28px rgba(255,180,90,.4)}.loader-title span{display:inline-block;opacity:0;animation:ls-rise .7s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(.15s + var(--i) * 50ms)}.loader-title .sp{width:.55em;display:inline-block}.loader-title .word{display:inline-block;white-space:nowrap}@keyframes ls-rise{0%{opacity:0;transform:translateY(26px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes ls-fade{0%{opacity:0}to{opacity:1}}.loader-sub{margin-top:10px;font-size:clamp(.75rem,2.4vw,.95rem);letter-spacing:.3em;text-indent:.3em;color:var(--gold);text-shadow:0 1px 12px rgba(13,22,38,.85);animation:ls-fade 1s .9s both}.loader-bar{position:relative;margin:48px auto 12px;width:min(440px,76%);height:5px;border-radius:3px;background:#fdf6ec2e;animation:ls-fade 1s 1.1s both}.loader-bar-fill{width:0%;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--terracotta),var(--gold));box-shadow:0 0 14px #f2b134a6;transition:width .25s ease}.loader-vespa{position:absolute;left:0%;top:50%;font-size:1.9rem;transform:translate(-50%,-62%) scaleX(-1);transition:left .25s ease;filter:drop-shadow(0 5px 7px rgba(10,20,35,.45));animation:ls-putt .45s ease-in-out infinite alternate}@keyframes ls-putt{0%{transform:translate(-50%,-62%) scaleX(-1) rotate(0)}to{transform:translate(-50%,-72%) scaleX(-1) rotate(-4deg)}}.loader-pct{display:inline-block;padding:3px 14px;border-radius:14px;background:#0d162680;font-size:.8rem;letter-spacing:.24em;text-indent:.24em;color:#fdf6ece6;animation:ls-fade 1s 1.1s both}#start-btn{display:block;margin:38px auto 0;padding:16px 52px;font-family:var(--font);font-size:1.02rem;font-weight:700;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:var(--paper);background:linear-gradient(135deg,#d4582a,#e8832e);border:none;border-radius:50px;cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s,scale .15s,box-shadow .3s}#start-btn.ready{opacity:1;transform:translateY(0);animation:ls-pulse 2.2s ease-in-out infinite}#start-btn:hover{scale:1.05}#start-btn:disabled{cursor:default}@keyframes ls-pulse{0%,to{box-shadow:0 8px 26px #d4582a73,0 0 #f2b13459}50%{box-shadow:0 8px 34px #d4582a99,0 0 0 12px #f2b13400}}.loader-hint{margin-top:24px;font-size:.78rem;line-height:1.7;color:#fdf6eccc;text-shadow:0 1px 10px rgba(13,22,38,.9);min-height:2.6em;animation:ls-fade 1s 1.3s both}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}#hud-name{position:absolute;top:18px;left:22px;color:var(--paper);font-weight:700;font-size:.95rem;letter-spacing:.18em;text-shadow:0 1px 8px rgba(20,30,50,.6)}#hud-name span{font-weight:400;font-size:.8rem;letter-spacing:.1em;opacity:.85}#hud-controls{position:absolute;top:14px;right:18px;display:flex;gap:10px;pointer-events:auto}#hud-controls button{width:44px;height:44px;border-radius:50%;border:none;font-size:1.15rem;background:#fdf6eceb;color:var(--ink);cursor:pointer;box-shadow:0 2px 10px #141e3259;transition:scale .15s,background .2s}#hud-controls button:hover{scale:1.08;background:#fff}#hud-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:30px;background:#16263dc7;color:var(--paper);font-size:.85rem;letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity .4s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#hud-hint.show{opacity:1}#panel{position:fixed;z-index:30;right:26px;top:50%;transform:translateY(-50%) translate(16px);width:min(400px,calc(100vw - 40px));max-height:min(76vh,640px);overflow-y:auto;padding:30px 30px 26px;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 14px 50px #0f192a80;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}#panel.show{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}#panel-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;border-radius:50%;background:#2b1d1214;color:var(--ink);font-size:.95rem;cursor:pointer;transition:background .2s}#panel-close:hover{background:#2b1d122e}#panel-tag{display:inline-block;padding:4px 12px;border-radius:20px;background:var(--terracotta);color:var(--paper);font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}#panel h2{margin:14px 0 12px;font-size:1.55rem;line-height:1.15}#panel-body{font-size:.92rem;line-height:1.65}#panel-body p{margin-bottom:10px}#panel-body p:last-child{margin-bottom:0}#panel-body strong{color:var(--terracotta)}#panel-body .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}#panel-body .chip{padding:6px 13px;border-radius:18px;background:#1a6f8e1f;color:var(--sea);font-size:.78rem;font-weight:700}#panel-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#panel-links:empty{margin-top:0}#panel-links a{display:inline-block;padding:10px 20px;border-radius:24px;background:var(--sea);color:var(--paper);font-size:.85rem;font-weight:700;text-decoration:none;letter-spacing:.04em;transition:background .2s,scale .15s}#panel-links a:hover{background:#1f86ab;scale:1.04}#panel-links a.alt{background:var(--terracotta)}#panel-links a.alt:hover{background:#e8693a}#joystick{position:fixed;z-index:25;left:50%;bottom:36px;transform:translate(-50%);width:124px;height:124px;border-radius:50%;background:#fdf6ec24;border:2px solid rgba(253,246,236,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#fdf6ecd9;transform:translate(-50%,-50%);box-shadow:0 2px 10px #141e3266}@media (max-width: 700px){#panel{right:50%;top:auto;bottom:14px;transform:translate(50%) translateY(16px);max-height:58vh;padding:24px 22px 20px}#panel.show{transform:translate(50%) translateY(0)}body.touch #panel{bottom:184px;max-height:min(46vh,calc(100vh - 254px))}#hud-name{font-size:.78rem}#hud-name span{display:none}#hud-hint{bottom:178px;font-size:.78rem}}@media (prefers-reduced-motion: reduce){#panel,#loader,#start-btn{transition:none}.ls-sun,.ls-glint,.ls-cloud,.ls-wave,.loader-vespa,.loader-title span,.loader-kicker,.loader-sub,.loader-bar,.loader-pct,.loader-hint,#start-btn.ready{animation:none;opacity:1}}