:root{color-scheme:light;font-family:Arial,"Helvetica Neue",sans-serif;background:#edf6e9}
html,body,.game-shell,#game-container canvas{background:#edf6e9}
.game-shell::before{display:none}
button{font-family:inherit}
.screen-layer{background:rgba(234,243,224,.88)}
#start-screen{background:linear-gradient(90deg,rgba(246,249,238,.99) 0%,rgba(246,249,238,.94) 43%,rgba(237,246,233,.42) 100%);padding:52px 6%;overflow:hidden}
.start-copy{width:52%;position:relative;z-index:2;color:#24382d}
.eyebrow{color:#5b7653;letter-spacing:1.8px;font-size:10px;margin-bottom:22px}
h1{font-family:Arial,"Helvetica Neue",sans-serif;font-size:64px;line-height:1.02;font-weight:800;letter-spacing:-3px;color:#24382d;text-shadow:none}
h1 span{font-size:.9em;color:#648e34;text-shadow:none}
.mission{color:#607363;font-size:14px;line-height:1.75;max-width:365px;margin:24px 0 22px}
.mode-selector{border:1px solid #d2dec8;background:#e7eedf;border-radius:16px;padding:4px;gap:4px;margin-bottom:20px}
.mode-option{color:#617659;border-radius:12px;font-size:12px;min-height:37px}
.mode-option+.mode-option{border-left:0}
.mode-option.is-active{background:#fff;color:#32472d;box-shadow:0 3px 8px #2c472f10}
.mode-option span,.mode-button span,.agent-title span{width:6px;height:6px;margin-right:6px;background:#8fc648;box-shadow:none}
.mode-option.is-active span,.mode-button.is-active span,.agent-title span{background:#8fc648;box-shadow:none}
.primary-button{background:linear-gradient(#c8f16a,#ace149);border:1px solid #a6d345;border-radius:18px;color:#2c3d25;min-height:52px;min-width:215px;font-size:12px;letter-spacing:.6px;box-shadow:0 6px 0 #86b72d,0 12px 22px #537c2925;transition:transform .15s,box-shadow .15s}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #86b72d,0 14px 26px #537c2925}
.primary-button:active{transform:translateY(3px);box-shadow:0 3px 0 #86b72d}
.start-mascot{position:absolute;right:7%;top:12%;width:34%;height:78%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.start-mascot img{position:relative;width:100%;max-height:95%;object-fit:contain;filter:drop-shadow(0 24px 16px #53634720);transform:rotate(-5deg);animation:mascot-float 4s ease-in-out infinite}
.mascot-halo{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f8ffd8,#ddedb7 68%,#cadba6);box-shadow:inset 0 4px 15px #ffffffb0,0 30px 40px #5d784418}
.mascot-label{position:absolute;bottom:1%;background:#ffffffdf;color:#647a50;border:1px solid #e7efd7;padding:11px 18px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:1.5px;transform:rotate(5deg)}
@keyframes mascot-float{50%{transform:translateY(-9px) rotate(-2deg)}}
.icon-button,.mode-button,.touch-button{color:#40573b;background:#ffffffeb;border:1px solid #d4dfc7;box-shadow:0 4px 0 #cbd8bf;border-radius:14px}
.mode-button.is-active{color:#426227;border-color:#bad787;background:#e1f3c6}
.agent-panel{color:#31492b;background:#fffffff0;border:1px solid #d8e5cd;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #425f2d0b}
.agent-title{color:#476137;border-bottom:1px solid #e6eedf;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.5px;padding:12px}
.agent-panel dl div{border-bottom-color:#eef2e9;font-family:Arial,sans-serif;line-height:1.3}
.agent-panel dt{color:#81936f;font-size:9px;font-weight:700}
.agent-panel dd{color:#47613b}
.touch-button.jump{background:#c7ef7c;color:#365122}
.touch-button.dash{background:#ffe899;color:#6a591f}
.result-panel{background:#fafcf3;border:1px solid #d8e4c8;border-radius:28px;color:#314b2e;box-shadow:0 22px 55px #3853281a}
.result-panel h2{color:#314b2e;font-family:Arial,sans-serif;font-size:38px;letter-spacing:-1px}
.result-stats{border:0;gap:10px;background:transparent}
.result-stats span{background:#eaf2df;color:#748463;border-radius:14px;font-size:11px}
.result-stats b{color:#4b6a32;margin-bottom:5px}
.result-panel .primary-button{margin:auto}
@media(max-width:900px){#start-screen{padding:36px 28px 105px}.start-copy{width:60%}h1{font-size:47px;letter-spacing:-2px}h1 span{font-size:.9em}.mission{font-size:12px;margin:16px 0;max-width:290px}.eyebrow{font-size:8px;margin-bottom:16px}.start-mascot{right:3%;width:34%;top:15%;height:69%}.mode-selector{margin-bottom:18px;grid-template-columns:repeat(2,minmax(92px,1fr))}.mascot-label{font-size:8px;letter-spacing:1px;padding:8px 10px}.agent-panel{width:194px}}
@media(max-width:540px){#start-screen{padding:28px 20px 98px}.start-copy{width:70%}h1{font-size:38px}.mission{max-width:220px;font-size:11px;line-height:1.65}.eyebrow{max-width:220px;font-size:7px;letter-spacing:1px}.start-mascot{right:-8%;width:45%;top:18%;height:70%;opacity:.96}.mascot-label{display:none}.primary-button{min-width:185px;min-height:48px}.mode-option{font-size:11px}.agent-panel{width:164px}}
@media(max-height:560px){#start-screen{align-items:center;padding-top:24px;padding-bottom:25px}.start-copy{transform:scale(.84);transform-origin:left center}.start-mascot{top:8%;height:82%}}
@media(prefers-reduced-motion:reduce){.start-mascot img{animation:none}}
.game-shell:has(#start-screen.is-visible) .agent-panel,.game-shell:has(#start-screen.is-visible) .utility-buttons,.game-shell:has(#start-screen.is-visible) .touch-controls{visibility:hidden}