@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Patrick+Hand&display=swap');
:root{--ink:#252c20;--cream:#fff4c9;--lime:#c6eb79;--yellow:#f6d67f;--green:#304a31}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'Patrick Hand','Comic Sans MS',cursive;color:var(--ink);background:#add5c7}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ff8d4c;outline-offset:3px}[hidden],.hidden{display:none!important}#world{width:100%;height:100%;display:block;touch-action:none}.loading{position:fixed;inset:0;display:grid;place-items:center;background:#8dc99e;font-family:'Bangers',Impact,sans-serif;font-size:30px;letter-spacing:2px;color:#30432a}.game-ui{pointer-events:none;position:fixed;inset:0}.game-ui button,.game-ui a{pointer-events:auto}.hud-header{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.brand{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--cream);border:2px solid var(--ink);border-radius:8px;box-shadow:3px 4px 0 #27301f}.brand-mark{display:grid;place-items:center;border:2px solid #27301f;background:#b8df6d;width:32px;height:32px;font-size:21px;border-radius:50%}.brand strong,.brand span{display:block}.brand strong{font:25px/.8 'Bangers',Impact,sans-serif;letter-spacing:1px}.brand div span{font-size:9px;letter-spacing:1px;margin-top:5px;font-weight:700}.top-right{display:flex;gap:8px;align-items:center}.lawn-stat{height:49px;display:grid;grid-template-columns:100px 33px;grid-template-rows:13px 10px;align-content:center;gap:4px 6px;background:var(--cream);border:2px solid var(--ink);border-radius:7px;padding:6px 8px;box-shadow:3px 4px 0 #27301f}.lawn-stat span{font-size:9px;font-weight:700;letter-spacing:.6px;white-space:nowrap}.lawn-stat strong{font:20px 'Bangers',Impact,sans-serif;grid-column:2;grid-row:1/3;align-self:center;text-align:center}.progress{width:100px;height:8px;border:1.5px solid #28331e;border-radius:10px;background:#dae0a2;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#7aaf50}.small-btn,.x-btn,.back-btn{border:2px solid var(--ink);border-radius:6px;background:var(--cream);padding:10px 12px;color:var(--ink);font-weight:bold;font-size:11px;letter-spacing:.6px;box-shadow:3px 4px 0 #27301f;text-decoration:none;white-space:nowrap}.small-btn:hover,.x-btn:hover,.back-btn:hover{background:#d8ef92}.x-btn{font:bold 18px Arial,sans-serif;padding:7px 11px}.mission-card{position:absolute;top:93px;left:24px;width:252px;padding:12px 15px;background:#fff5c9ea;border:2px solid var(--ink);border-radius:7px;box-shadow:3px 4px 0 #27301f;transform:rotate(-1deg)}.mission-label,.blues-label{display:block;font-size:10px;font-weight:bold;letter-spacing:1px;color:#aa5a32}.mission-card strong{font:24px/1 'Bangers',Impact,sans-serif;letter-spacing:1px;display:block;margin:5px 0}.mission-card p{font-size:14px;line-height:1.2;margin:0;color:#49583b}.bottom-bar{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end}.key-help{display:flex;gap:7px;flex-wrap:wrap}.key-help span,.made-for{background:#fff5c9e8;border:2px solid var(--ink);border-radius:5px;padding:7px 9px;font-size:10px;letter-spacing:.7px;font-weight:bold}.key-help b{color:#a3522f;font-size:12px}.made-for a{color:#50752f}.blues-prompt{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#f8d66e;border:3px solid #263020;border-radius:9px;padding:10px 15px;box-shadow:5px 6px 0 #263020;text-align:left;animation:wiggle 1.4s ease-in-out infinite}.blues-prompt>span:first-child{font-size:28px}.blues-prompt small,.blues-prompt b{display:block}.blues-prompt small{font-size:9px;letter-spacing:1px}.blues-prompt b{font:28px/.95 'Bangers',Impact,sans-serif;letter-spacing:1px}.blues-prompt em{font:bold 12px 'Patrick Hand',cursive;font-style:normal;border:2px solid #263020;border-radius:4px;padding:5px;margin-left:10px;background:#fff2c4}@keyframes wiggle{0%,100%{transform:translateX(-50%) rotate(-1deg)}50%{transform:translateX(-50%) rotate(1deg)}}
.touch-controls{display:none;position:absolute;bottom:63px;left:16px;right:16px;justify-content:space-between}.touch-controls>div{display:flex;gap:8px}.touch-controls button{width:54px;height:54px;background:#fff4c9e8;border:2px solid #25301f;box-shadow:3px 4px 0 #25301f;border-radius:10px;font-size:21px;touch-action:none}.touch-controls button.pressed{background:#b9e772;transform:translateY(3px);box-shadow:1px 1px 0 #25301f}
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#172b1bba;padding:25px}.intro-card{width:min(1120px,96vw);min-height:min(630px,85vh);position:relative;overflow:hidden;border:3px solid #1e2b1c;border-radius:12px;background:#aac58b;box-shadow:10px 10px 0 #1c2b1b}.intro-art{position:absolute;inset:0;background:url('mower-poster.png') center/cover no-repeat}.intro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eff0baeF 0%,#edf0bae8 31%,#e9edac45 57%,transparent 80%)}.intro-content{position:relative;padding:clamp(35px,5vw,66px);max-width:590px}.eyebrow,.intro-tag{font-size:11px;letter-spacing:1.4px;font-weight:bold;color:#a54e2e}.intro-tag{position:absolute;top:25px;right:-300px;color:#314a2f}.intro h1{font:clamp(48px,6.5vw,83px)/.87 'Bangers',Impact,sans-serif;letter-spacing:1px;margin:19px 0 22px;color:#263a25;text-shadow:3px 3px 0 #fff7ce}.intro h1 em{font-style:normal;color:#5b8d33}.intro h1 span{color:#db783f}.intro p{font-size:22px;font-weight:bold;margin:0;line-height:1.2;max-width:380px}.intro .intro-description{font-size:16px;line-height:1.35;font-weight:normal;color:#40583a;margin-top:12px;max-width:350px}.big-btn{background:#c4e876;border:2px solid #26331f;border-radius:5px;box-shadow:4px 5px 0 #26331f;font-weight:bold;letter-spacing:1px;padding:15px 21px;color:#25311e;font-size:15px;margin-top:25px}.big-btn:hover{background:#ddf596;transform:translateY(-2px);box-shadow:4px 7px 0 #26331f}.big-btn:active{transform:translateY(2px);box-shadow:2px 2px 0 #26331f}.big-btn span{margin-left:15px}.intro-controls{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:10px;font-weight:bold;letter-spacing:.8px}.intro-controls b{color:#a54e2e}
.blues-screen{position:fixed;inset:0;overflow:auto;background:#253d2d;color:#fff1c3;padding:18px 24px 20px;background-image:radial-gradient(circle at 15% 40%,#476142 0,transparent 35%),linear-gradient(140deg,#263e2c,#182d23)}.blues-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.back-btn{background:#fceabb}.blues-brand{font:24px 'Bangers',Impact,sans-serif;letter-spacing:1px}.blues-brand span{color:#c3e978}.blues-layout{width:min(1150px,100%);height:calc(100% - 65px);min-height:570px;margin:13px auto 0;display:grid;grid-template-columns:.86fr 1.14fr;gap:35px;align-items:center}.blues-info{align-self:center}.blues-label{color:#e3a06d}.blues-info h2{font:clamp(45px,6vw,76px)/.86 'Bangers',Impact,sans-serif;letter-spacing:1px;margin:15px 0}.blues-info h2 em{color:#c2e875;font-style:normal}.blues-info>p{color:#e0eacb;font-size:16px;line-height:1.35;max-width:320px}.guitar-art-wrap{height:min(30vh,240px);max-width:320px;margin-top:-2px;position:relative}.guitar-art{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(5px 6px 0 #16271d66)}.score-box{display:flex;gap:35px;border-top:1px solid #6f8060;padding-top:15px;width:min(320px,100%)}.score-box span,.score-box strong{display:block}.score-box span{font-size:10px;letter-spacing:1.3px;color:#cad6b3}.score-box strong{font:34px 'Bangers',Impact,sans-serif;color:#e8ef9f}.rhythm-panel{height:min(730px,100%);min-height:500px;background:#f2d991;border:3px solid #17261a;border-radius:10px;box-shadow:7px 8px 0 #16251a;display:flex;flex-direction:column;overflow:hidden;color:#25301e}.rhythm-top,.rhythm-footer{height:43px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-size:10px;letter-spacing:.9px;font-weight:bold}.rhythm-top small{font-size:9px;color:#65734d}.record-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d5754f;margin-right:5px}.rhythm-stage{position:relative;flex:1;min-height:0;border-top:2px solid #233021;border-bottom:2px solid #233021;background:#223c2a}.rhythm-stage canvas{width:100%;height:100%;display:block}.rhythm-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#203b2ce8;color:#fff3c7;padding:20px}.rhythm-overlay>span{font-size:11px;letter-spacing:1.6px;color:#d7eaa6;font-weight:bold}.rhythm-overlay h3{font:clamp(45px,6vw,72px)/.9 'Bangers',Impact,sans-serif;letter-spacing:2px;margin:12px 0}.rhythm-overlay p{font-size:17px;line-height:1.35;margin:0;color:#eef0d1}.rhythm-overlay .big-btn{margin-top:20px}.note-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:#f3d994}.note-keys button{height:45px;border:2px solid #25301d;border-radius:6px;font:27px 'Bangers',Impact,sans-serif;color:#273320;background:#feeeb7;box-shadow:2px 3px 0 #25301d;touch-action:manipulation}.note-keys button:nth-child(2){background:#cee89c}.note-keys button:nth-child(3){background:#eed488}.note-keys button:nth-child(4){background:#efb9a1}.note-keys button.active{transform:translateY(3px);box-shadow:none;filter:brightness(1.16)}.rhythm-footer{height:33px;font-size:9px;color:#66714f}
@media(pointer:coarse){.touch-controls{display:flex}.key-help{display:none}.blues-prompt{bottom:137px}}
@media(max-width:800px){.hud-header{left:12px;right:12px;top:12px}.brand strong{font-size:20px}.brand div span{font-size:8px}.brand-mark{width:28px;height:28px}.lawn-stat{grid-template-columns:70px 30px}.progress{width:70px}.lawn-stat span{font-size:7px}.small-btn{font-size:9px;padding:10px 7px}.x-btn{font-size:15px}.mission-card{top:76px;left:12px;width:210px;padding:9px 12px}.mission-card strong{font-size:21px}.mission-card p{font-size:12px}.bottom-bar{left:12px;right:12px;bottom:12px}.made-for{font-size:8px}.intro-card{min-height:unset;max-height:88vh}.intro-content{padding:40px 25px}.intro h1{font-size:clamp(49px,10vw,70px)}.intro p{font-size:19px}.intro .intro-description{font-size:15px}.intro-tag{display:none}.intro-art{background-position:58% center}.intro-art:after{background:linear-gradient(90deg,#eff0baf2 0%,#eff0badb 48%,#e9edac40 100%)}.blues-screen{padding:12px}.blues-header{gap:5px}.blues-brand{font-size:18px}.back-btn,.blues-header .small-btn{font-size:9px;padding:8px 7px}.blues-layout{height:auto;min-height:0;grid-template-columns:1fr;gap:12px;margin-top:15px}.blues-info{display:grid;grid-template-columns:1fr 90px;grid-template-rows:auto auto auto auto;align-items:center}.blues-label{font-size:8px}.blues-info h2{font-size:40px;margin:6px 0;grid-column:1}.blues-info>p{font-size:13px;margin:0;grid-column:1}.guitar-art-wrap{height:130px;grid-column:2;grid-row:1/5;margin:0}.score-box{grid-column:1/3;gap:25px;padding-top:7px;margin-top:8px}.score-box strong{font-size:23px}.rhythm-panel{height: min(70vh,650px);min-height:400px}.rhythm-footer{font-size:7px}.rhythm-top{font-size:8px}.rhythm-top small{font-size:7px}}
@media(max-width:480px){.hud-header .brand div span{display:none}.hud-header .brand{padding:7px}.brand-mark{width:25px;height:25px}.brand strong{font-size:17px}.lawn-stat{height:40px}.top-right{gap:5px}.top-right .small-btn{font-size:0;padding:8px;width:35px;height:40px}.top-right .small-btn:before{font-size:17px}.top-right #cameraBtn:before{content:'↻'}.top-right #soundBtn:before{content:'♪'}.x-btn{height:40px}.mission-card{width:175px}.mission-card p{font-size:11px}.intro-card{width:100%;}.intro-content{padding:28px 21px}.intro h1{font-size:47px}.intro .intro-description{max-width:245px}.intro-art{background-position:62% center}.intro-controls{gap:10px}.blues-brand{font-size:15px}.blues-header .small-btn{font-size:0;width:30px}.blues-header .small-btn:before{content:'♪';font-size:15px}.rhythm-panel{min-height:380px}.rhythm-top small{display:none}}
@media(prefers-reduced-motion:reduce){.blues-prompt{animation:none}}

.share-result{margin-top:13px;border:2px solid #293423;background:#ffe7a6;border-radius:5px;box-shadow:3px 4px 0 #18291c;padding:9px 13px;font-weight:bold;font-size:12px;letter-spacing:.5px}.loading{z-index:20;text-align:center;padding:24px}

.brand-portrait{width:36px;height:36px;border:2px solid #27301f;border-radius:50%;object-fit:cover;object-position:center 30%}
@media(max-width:480px){.brand-portrait{width:28px;height:28px}}

@media(max-width:800px){
.intro-card{display:flex;flex-direction:column;overflow-y:auto;max-height:90vh}.intro-art{position:relative;inset:auto;width:100%;height:170px;flex:none;background-position:70% 45%}.intro-art:after{background:linear-gradient(0deg,#eff0ba55,transparent 55%)}.intro-content{padding:20px 24px 23px}.intro h1{font-size:clamp(45px,9vw,65px);margin:12px 0 15px}.intro .intro-description{margin-top:8px}.intro .big-btn{margin-top:15px}.intro-controls{margin-top:16px}
.blues-screen.is-playing .blues-info{display:flex;min-height:55px;justify-content:space-between;gap:12px}.blues-screen.is-playing .blues-info .blues-label,.blues-screen.is-playing .blues-info h2,.blues-screen.is-playing .blues-info>p{display:none}.blues-screen.is-playing .guitar-art-wrap{height:58px;width:62px;order:2}.blues-screen.is-playing .score-box{border:0;margin:0;padding:0;gap:25px}.blues-screen.is-playing .rhythm-panel{height:calc(100dvh - 152px);min-height:0}.blues-screen.is-playing .blues-layout{gap:4px;margin-top:9px}
}

.trip-layer{position:fixed;inset:-15%;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 15% 20%,#ff8db2 0,transparent 34%),radial-gradient(ellipse at 82% 50%,#c293ff 0,transparent 35%),radial-gradient(ellipse at 35% 85%,#96ffdb 0,transparent 40%);filter:blur(45px);animation:tripMotion 12s linear infinite;transition:opacity .3s}@keyframes tripMotion{50%{transform:rotate(12deg) scale(1.12)}}.effect-meters{display:flex;gap:12px;margin-top:10px}.effect-meters>div{display:flex;align-items:center;gap:5px}.effect-meters span{font-size:9px;letter-spacing:.4px;font-weight:bold;white-space:nowrap}.effect-meters i{display:block;width:37px;height:6px;border:1px solid #293322;background:#dcdba9;border-radius:5px;overflow:hidden}.effect-meters i b{display:block;width:0;height:100%;background:#d88c46}.effect-meters>div:last-child i b{background:#b777db}.action-row{position:absolute;right:24px;bottom:75px;display:flex;gap:8px}.action-row button{background:#fff4c9ed;border:2px solid #293322;border-radius:6px;box-shadow:3px 4px 0 #293322;padding:9px 11px;font-size:11px;letter-spacing:.5px;font-weight:bold}.action-row button b{display:inline-block;background:#304a31;color:#fff6ca;border-radius:3px;padding:1px 5px}.action-row button:hover{background:#d9ee9b}.guitar-art-wrap{height:min(29vh,240px);max-width:400px;width:100%;margin:12px 0 15px;border:2px solid #a8b681;border-radius:8px;overflow:hidden;background:#345039;box-shadow:4px 5px 0 #14271a}.guitar-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;filter:none}.blues-screen.is-playing .guitar-art{animation:gentleJam 1.2s ease-in-out infinite alternate}@keyframes gentleJam{to{transform:scale(1.035) rotate(.5deg)}}.note-keys button{position:relative}.note-keys button.hit{background:#81ed98!important;box-shadow:0 0 0 4px #a7f8a3;transform:translateY(3px)}.note-keys button.miss{background:#f57e6e!important;box-shadow:0 0 0 4px #ffb0a5;transform:translateY(3px)}.note-keys button[data-feedback]::after{content:attr(data-feedback);font:20px sans-serif;position:absolute;right:10px;top:10px}
@media(max-width:800px){.guitar-art-wrap{height:130px;width:95px;margin:0}.guitar-art{object-position:50% 50%}.blues-screen.is-playing .guitar-art-wrap{height:58px;width:70px}.action-row{right:12px;bottom:65px}.action-row button{font-size:9px;padding:7px}}
@media(pointer:coarse){.action-row{top:200px;bottom:auto;left:12px;right:auto;flex-direction:column;align-items:flex-start}.action-row button{font-size:10px}.blues-prompt{bottom:137px}}
@media(max-width:480px){.mission-card{top:75px}.effect-meters{gap:6px}.effect-meters span{font-size:8px}.effect-meters i{width:26px}.action-row{top:190px}.guitar-art-wrap{height:130px;width:90px}}

/* Porch Blues is a window in the yard, never a separate scene or browser page. */
.blues-screen{position:fixed;inset:0;background:none;background-image:none;padding:0;overflow:visible;pointer-events:none;color:#27301e;z-index:5}.blues-window{position:absolute;right:clamp(16px,3vw,48px);top:50%;transform:translateY(-50%);width:min(430px,38vw);height:min(700px,85dvh);display:flex;flex-direction:column;background:#f5dda0;border:3px solid #25301f;border-radius:11px;box-shadow:7px 8px 0 #263020aa,0 12px 35px #1d2e2066;overflow:hidden;pointer-events:auto}.blues-window-header{height:48px;display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#ffedb5;border-bottom:2px solid #27301e;font-size:12px;letter-spacing:.8px}.blues-window-header b{font:22px 'Bangers',Impact,sans-serif;letter-spacing:1px}.blues-window-header small{font-size:9px;color:#687451}.blues-window-actions{display:flex;gap:6px}.sound-compact,.close-blues{min-width:32px;height:32px;border:2px solid #293423;border-radius:5px;background:#d8ed9d;font-weight:bold;font-size:15px;box-shadow:2px 2px 0 #27301e}.close-blues{background:#ffd8a4}.blues-scoreline{display:flex;align-items:center;gap:16px;min-height:38px;padding:5px 12px;font-size:9px;letter-spacing:.8px;font-weight:bold}.blues-scoreline strong{font:22px 'Bangers',Impact,sans-serif;margin-left:4px}.blues-scoreline #rhythmStatus{margin-left:auto;color:#6c7851;text-align:right}.blues-window .rhythm-panel{width:100%;height:auto;flex:1;min-height:0;border:0;border-top:2px solid #25301f;border-radius:0;box-shadow:none}.blues-window .rhythm-stage{border-top:0}.blues-window .rhythm-footer{height:26px}.blues-window .note-keys{padding:7px;gap:7px}.blues-window .note-keys button{height:38px;font-size:23px}.blues-window .rhythm-overlay h3{font-size:clamp(38px,4vw,60px)}.blues-window .rhythm-overlay p{font-size:15px}.blues-window .rhythm-overlay .big-btn{margin-top:12px}.blues-window .share-result{margin-top:9px}
@media(max-width:800px){.blues-window{width:min(390px,74vw);height:min(610px,78dvh);right:12px}.blues-window-header small{display:none}.blues-scoreline{gap:9px}.blues-window .rhythm-panel{height:auto;min-height:0}.blues-screen.is-playing .rhythm-panel{height:auto;min-height:0}}
@media(max-width:480px){.blues-window{width:min(340px,87vw);height:min(560px,73dvh);right:10px;top:53%}.blues-window-header{height:39px}.blues-window-header b{font-size:19px}.blues-scoreline{min-height:30px;font-size:8px}.blues-scoreline strong{font-size:18px}.blues-window .note-keys button{height:35px}.blues-window .rhythm-overlay{padding:10px}.blues-window .rhythm-overlay h3{font-size:40px}.blues-window .rhythm-overlay p{font-size:13px}.blues-window .rhythm-overlay .big-btn{padding:10px 12px}.blues-window .share-result{font-size:10px;padding:6px 10px}}

/* On portrait phones the yard remains visible above the guitar window. */
@media(max-width:600px) and (orientation:portrait){.blues-window{left:50%;right:auto;top:auto;bottom:8px;transform:translateX(-50%);width:calc(100% - 20px);height:min(460px,52dvh)}.blues-window .rhythm-overlay h3{font-size:36px}.blues-window .rhythm-overlay p{font-size:12px}.blues-window .rhythm-overlay .big-btn{margin-top:8px;padding:8px 10px}.blues-window .rhythm-footer{height:20px}.blues-window .note-keys button{height:32px}.blues-window .note-keys{padding:5px}.blues-window-header{height:36px}.blues-scoreline{min-height:27px}}

/* Keep game controls responsive to multi-touch and prevent iOS selection/callouts. */
.touch-controls,.touch-controls button,.action-row button,.note-keys button,.blues-prompt{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}
.touch-controls button,.note-keys button{-webkit-appearance:none;appearance:none}
@media(max-width:800px){.action-row{top:auto;bottom:135px;left:12px;right:auto;flex-direction:row;align-items:center}}
@media(pointer:coarse){.action-row{top:auto;bottom:calc(135px + env(safe-area-inset-bottom));left:12px;right:auto;flex-direction:row;align-items:center}.blues-prompt{bottom:calc(185px + env(safe-area-inset-bottom))}}

/* Sassy Universe: community links and the mower-to-moon reward. */
.dex-btn{border:2px solid var(--ink);border-radius:6px;background:#d4e994;padding:11px 10px;color:var(--ink);font:bold 11px Arial,sans-serif;box-shadow:3px 4px 0 #27301f;text-decoration:none;white-space:nowrap}.dex-btn:hover{background:#e6f7b9}
.intro-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.intro-links a{border:2px solid #30432a;background:#fff4c9d9;border-radius:5px;padding:7px 10px;text-decoration:none;color:#30432a;font:bold 11px Arial,sans-serif;letter-spacing:.2px}.intro-links a:hover{background:#d8ef92}
.rocket-prompt{display:block;margin-top:9px;padding:6px 9px;border:2px solid #25301f;border-radius:5px;background:#f9d883;box-shadow:2px 2px 0 #25301f;font-size:10px;font-weight:bold;letter-spacing:.5px}
.launch-panel{position:absolute;right:24px;bottom:24px;width:min(390px,calc(100vw - 40px));padding:20px 23px;background:#fff2c9f5;border:3px solid #27301f;border-radius:10px;box-shadow:6px 7px 0 #27301f;color:#27301f}.launch-panel>span{font-size:10px;font-weight:bold;letter-spacing:1.3px;color:#b45b37}.launch-panel h2{font:clamp(30px,3vw,43px)/.95 'Bangers',Impact,sans-serif;letter-spacing:1px;margin:10px 0}.launch-panel h2 em{font-style:normal;color:#608e34}.launch-panel p{font-size:15px;line-height:1.2;margin:0;color:#49583b}.launch-panel .big-btn{margin-top:15px}.moon-actions{display:flex;gap:8px;flex-wrap:wrap}.moon-actions .big-btn{font-size:11px;padding:11px}.moon-actions .secondary{background:#fff2c9}
@media(max-width:800px){.launch-panel{right:12px;bottom:12px;padding:15px 17px}.launch-panel h2{font-size:31px}.launch-panel .big-btn{padding:11px 13px}.intro-links{margin-top:12px}.intro-links a{font-size:10px;padding:6px 8px}}
@media(max-width:480px){.hud-header{gap:6px}.hud-header .brand div{display:none}.top-right{gap:4px}.dex-btn{height:40px;padding:11px 6px;font-size:10px}.x-btn{padding:7px}.launch-panel{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));width:auto}.launch-panel h2{font-size:30px}.launch-panel p{font-size:13px}.launch-panel .big-btn{margin-top:10px}}