@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,SOFT,WONK,wght@9..144,100,1,600;9..144,100,1,700&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{font-family:'Nunito Sans',Arial,sans-serif;color:#f9f1e8;background:#0a0713;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7ef7f3;outline-offset:4px}button{border:0}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#app{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#100b22;touch-action:none;user-select:none}canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#hud{position:absolute;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.brand{display:flex;flex-direction:column;gap:5px}.brand b{font-size:23px;letter-spacing:6px}.brand span{font-size:8px;letter-spacing:2px;color:#c1afca}.stats{display:flex;gap:22px;align-items:center;background:#150e2cbf;border:1px solid #a580bc30;border-radius:30px;padding:12px 23px;backdrop-filter:blur(12px)}#hearts{color:#ff739c;font-size:19px;letter-spacing:3px;text-shadow:0 0 12px #ff528b88}.energy-score{color:#ffd28a;font-size:18px;white-space:nowrap}.energy-score small{font-size:10px;opacity:.6;margin-left:6px}.purr-meter{width:78px;font-size:8px;letter-spacing:2px;color:#7df8f6}.purr-meter i,#bossbar i{display:block;height:4px;border-radius:8px;background:#ffffff20;margin-top:5px;overflow:hidden}.purr-meter em,#bossbar em{display:block;height:100%;background:#78edf2;width:100%;transition:width .1s}.tools{display:flex;gap:7px;pointer-events:auto}.tools button{background:#1b1237a8;border:1px solid #a580bc40;border-radius:50%;width:34px;height:34px;font-size:18px}.tools button:hover{background:#533175}#mission{position:absolute;top:93px;left:max(25px,env(safe-area-inset-left));font-size:10px;letter-spacing:2px;display:flex;flex-direction:column;gap:7px}#district{color:#e4bc7d}#objective{font-size:9px;letter-spacing:.5px;color:#d0bce0}#progress{height:2px;width:170px;background:#ffffff22;margin-top:2px}#progress i{display:block;height:100%;background:#e4bc7d;width:0}#bossbar{position:absolute;top:100px;left:35%;width:30%;text-align:center;font-size:9px;letter-spacing:2px;color:#ffa1e6}#bossbar i{height:6px}#bossbar em{background:linear-gradient(90deg,#a138d9,#fd83db)}#toast{position:absolute;top:30%;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:4px;color:#f8ddab;background:#180f33df;border:1px solid #e4bc7d66;opacity:0;transition:opacity .2s;text-align:center;font-size:13px;pointer-events:none;max-width:80%;z-index:3}#toast.show{opacity:1}#touch{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.directions,.actions{display:flex;gap:14px;align-items:flex-end;pointer-events:auto}#touch button{width:66px;height:66px;border-radius:50%;border:1px solid #aab5dd69;background:linear-gradient(145deg,#2b274760,#16122c80);backdrop-filter:blur(6px);color:#dfebff;font-size:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.9;touch-action:none}#touch .jump{width:84px;height:84px;border-color:#f2d49b99;background:#5b452b55;color:#ffe1ad}#touch .purr{width:66px;height:66px;border-color:#80f6ff99;color:#80f6ff}#touch button small{font-size:8px;letter-spacing:1px;margin-top:6px}#touch button span{font-size:32px}#touch button.held{background:#b7d7f04f;box-shadow:0 0 24px #78f4ff55;transform:scale(.95)}.screen{position:absolute;inset:0;z-index:5}.screen#start{background:linear-gradient(90deg,#0f0a1a 0%,#100a1cdd 27%,#100a1c44 52%,#100a1c00 72%),url('assets/concept.png') 64% center / cover no-repeat}#start:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100b22 0%,transparent 25%);pointer-events:none}.title-card{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:100%;width:48%;padding:40px 0 65px 7vw;background:linear-gradient(90deg,#100a1cea 70%,transparent)}.eyebrow{font-size:10px;letter-spacing:5px;color:#d7b888;margin-bottom:18px}h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(40px,6.8vw,106px);line-height:.79;letter-spacing:-2px;font-weight:600;margin:0;color:#ffeed5;text-shadow:0 0 40px #ffbd6633}h1 span{font-size:.55em;letter-spacing:8px}.subtitle{font-size:clamp(11px,1.4vw,20px);letter-spacing:5px;color:#8fe6f2;margin:20px 0}.intro{font-size:clamp(11px,1.1vw,15px);line-height:1.65;color:#d0bed5;margin:0 0 13px}.official{font-size:9px;letter-spacing:.6px;color:#cda673;margin:0 0 20px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#f2d3a0;color:#221526;padding:16px 23px;border-radius:3px;font:700 11px 'Nunito Sans',Arial,sans-serif;letter-spacing:1.5px;text-decoration:none;box-shadow:0 4px 25px #e5ae451a;transition:background .2s,transform .2s}.primary:hover{background:#ffe7bd;transform:translateY(-1px)}.primary span{font-size:20px;line-height:12px}.reward-note{font-size:10px;color:#a897b3;line-height:1.8;margin-top:18px}.reward-note b{color:#ddc5ed}#loading{font-size:9px;color:#ad9ab8;margin-top:7px}.start-bottom{position:absolute;bottom:22px;left:7vw;right:30px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#a897b3}.start-bottom button,.text-button{background:none;color:#dfc9a5;font-size:10px;letter-spacing:1px;padding:10px;border-bottom:1px solid #ccb78a66}.modal{display:flex;align-items:center;justify-content:center;background:#090613bb;backdrop-filter:blur(14px)}.panel{padding:32px 40px;border:1px solid #cfa7df33;background:linear-gradient(135deg,#231735,#120e20);max-width:540px;max-height:95%;overflow:auto;border-radius:8px;text-align:center;box-shadow:0 25px 100px #0008}.panel .eyebrow{font-size:9px;margin-bottom:12px}.panel h2,#rotate h2{font:500 44px 'Fraunces',Georgia,serif;color:#ffe4bc;margin:0 0 12px}.panel p{font-size:13px;line-height:1.75;color:#cbbcd6;white-space:pre-line;margin:0 0 22px}.panel button.primary{margin:auto}.panel .text-button{display:block;margin:15px auto 0;font-size:9px}.download-note{font-size:10px!important;margin:13px 0!important;max-width:350px}#win-reward{margin-bottom:10px}#nowplaying{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#ac94c4;pointer-events:none;white-space:nowrap}#nowplaying span{color:#dec4ef}#rotate{display:none;position:absolute;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 25%,#382254,#100b22 65%);align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}#rotate .eyebrow{font-size:8px;letter-spacing:3px;margin-top:30px}#rotate h2{font-size:35px}#rotate p{color:#baabc9;font-size:13px}.rotate-icon{font-size:80px;color:#e9c48c;animation:turn 3s ease-in-out infinite}@keyframes turn{0%,20%{transform:rotate(0deg)}70%,100%{transform:rotate(90deg)}}@media(orientation:portrait){#rotate{display:flex}}@media(max-height:540px){.title-card{padding-top:20px;padding-bottom:45px}h1{font-size:60px}.eyebrow{margin-bottom:12px;font-size:8px}.subtitle{margin:13px 0;font-size:12px}.intro{font-size:11px;margin-bottom:8px}.official{font-size:8px;margin-bottom:12px}.primary{padding:12px 17px;font-size:10px}.reward-note{margin-top:10px;font-size:9px}.start-bottom{bottom:10px;font-size:7px}.stats{padding:9px 15px;gap:12px}#hud{top:12px}#mission{top:72px}#bossbar{top:79px}.panel{padding:20px 30px}.panel h2{font-size:35px}.panel p{font-size:11px;line-height:1.5;margin-bottom:14px}#touch button{width:57px;height:57px}#touch .jump{width:70px;height:70px}#touch .purr{width:57px;height:57px}#touch{bottom:14px}.brand b{font-size:18px}.brand span{font-size:7px}}@media(max-height:360px){h1{font-size:43px}.intro,.official{display:none}.title-card{padding-bottom:35px}.subtitle{font-size:10px}.reward-note{font-size:8px}.panel h2{font-size:28px}.panel{padding:15px 25px}#nowplaying{bottom:8px}.stats{gap:8px;padding:8px 12px}#hearts{font-size:14px}.tools button{width:29px;height:29px}#mission{top:58px}}

/* V2: warm storybook lettering and WVM's permanent menu links. */
h1{font-weight:700;font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-3px;color:#ffe6c6;text-shadow:0 2px 0 #a36e5125,0 0 38px #efb57622;line-height:.88}h1 span{font-size:.48em;letter-spacing:5px}.subtitle{color:#b6e1e2;letter-spacing:4px}.panel h2,#rotate h2{font-weight:600;font-variation-settings:"SOFT" 100,"WONK" 1}.primary{border-radius:13px;font-weight:800;letter-spacing:.8px;background:linear-gradient(135deg,#ffdfb5,#edc497);box-shadow:0 4px 0 #89624745,0 8px 25px #e5ae451a}.eyebrow{color:#e7bf99}.menu-social{position:absolute;z-index:2;right:max(30px,env(safe-area-inset-right));bottom:79px;max-width:42%;text-align:right}.social-caption{display:block;color:#f4d6bc;font-size:8px;letter-spacing:2px;margin:0 3px 11px;text-shadow:0 1px 6px #100b22}.social-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.menu-social .social-links{justify-content:flex-end}.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #d5b3bd59;border-radius:14px;color:#f9e2d2;background:#21152ce0;backdrop-filter:blur(12px);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.25px;transition:background .15s,border-color .15s,transform .15s}.social-links a:hover{background:#4e304d;border-color:#efd0a3;transform:translateY(-2px)}.social-links a span{color:#e7c3a1;font-size:14px}.social-links .support-link{background:#413329e6;border-color:#d9b38399}.social-links .support-link span{color:#f0b299}.panel>.social-links{margin-top:21px;padding-top:17px;border-top:1px solid #d5b3bd26}.panel>.social-links a{min-height:36px;padding:7px 11px;font-size:10px}.title-card{background:linear-gradient(90deg,#100a1cf2 67%,transparent)}
@media(max-height:540px){h1{font-size:56px}.menu-social{bottom:58px;right:max(24px,env(safe-area-inset-right));max-width:43%}.menu-social .social-links{gap:6px}.social-links a{min-height:36px;padding:7px 10px;font-size:10px;border-radius:11px}.social-caption{font-size:7px;letter-spacing:1.5px;margin-bottom:8px}.panel>.social-links{margin-top:15px;padding-top:12px}.title-card{padding-left:max(7vw,env(safe-area-inset-left))}}
@media(max-height:360px){h1{font-size:42px}.menu-social{bottom:50px;max-width:44%}.menu-social .social-links{max-width:290px}.social-caption{display:none}.social-links a{min-height:34px;font-size:9px}.panel>.social-links{margin-top:10px;padding-top:10px}}

/* Ludwig's original artwork is displayed intact, including the WVM emblem. */
.mascot-card{position:absolute;z-index:2;right:max(32px,env(safe-area-inset-right));top:max(28px,env(safe-area-inset-top));width:138px;margin:0;padding:5px;border:1px solid #eeb7cc99;border-radius:14px;background:#1b1029e6;box-shadow:0 0 30px #df82b340,0 14px 40px #100b2277;transform:rotate(2deg)}.mascot-card img{width:100%;aspect-ratio:1;display:block;border-radius:9px}.mascot-card figcaption{padding:9px 2px 5px;text-align:center}.mascot-card b{display:block;font:700 14px 'Fraunces',Georgia,serif;letter-spacing:2px;color:#ffe3c8}.mascot-card span{display:block;font-size:6px;letter-spacing:1px;color:#e7c3d6;margin-top:4px}@media(max-height:540px){.mascot-card{top:17px;right:max(24px,env(safe-area-inset-right));width:100px;padding:4px;border-radius:11px}.mascot-card figcaption{padding:6px 0 3px}.mascot-card b{font-size:11px}.mascot-card span{font-size:5px;letter-spacing:.5px}}@media(max-height:360px){.mascot-card{width:82px;top:12px}.mascot-card span{font-size:4px}}

#claim-status{font-size:12px;color:#ddc4d8}#code-result label{font-size:8px;letter-spacing:2px;color:#e4c39e}.code-line{display:flex;gap:7px;margin:10px auto 15px;max-width:300px}.code-line input{width:100%;min-width:0;background:#130d20;border:1px solid #dfbf9b88;color:#ffe7c0;border-radius:9px;padding:12px;font:700 21px monospace;text-align:center;user-select:text}.code-line button{font-size:9px;letter-spacing:1px;border-radius:9px;background:#4d3455;padding:10px}#view-prize{font-size:9px;margin-top:9px;padding:5px 0}#claim-code{margin-bottom:8px}.panel #win-reward .primary{max-width:100%;font-size:10px}

.title-logo{position:relative;width:170px;height:104px;overflow:hidden;margin:0 0 9px;flex-shrink:0;mix-blend-mode:screen}.title-logo img{position:absolute;left:50%;top:50%;width:850px;height:auto;max-width:none;transform:translate(-50%,-50%)}.title-card>.eyebrow{margin-bottom:14px}
@media(max-height:540px){.title-logo{width:125px;height:62px;margin-bottom:5px}.title-logo img{width:510px}.title-card>.eyebrow{margin-bottom:9px}.title-card .intro{display:none}.title-card .official{font-size:7px;margin-bottom:10px}.title-card h1{font-size:49px}.title-card .subtitle{margin:10px 0}.title-card .reward-note{margin-top:8px}}
@media(max-height:360px){.title-logo{height:44px;width:100px;margin-bottom:3px}.title-logo img{width:365px}.title-card h1{font-size:40px}.title-card>.eyebrow{margin-bottom:7px}.title-card .subtitle{margin:8px 0}}