/* Illustrated title screen. Gameplay styling remains in style.css. */
body{background:#e9f7fd}main{max-width:1260px;padding:24px 28px 12px}.title-header{display:none}.compact-logo{width:190px;height:104px;object-fit:contain}.home{position:relative;isolation:isolate;display:block;min-height:720px;border:5px solid #fff;border-radius:32px;overflow:hidden;box-shadow:0 9px 0 #86c6da55,0 20px 60px #407f9a20;background:#b4e8ff}.hero-art{position:absolute;inset:0;display:block;padding:0;min-width:0;height:100%;z-index:-2}.hero-art img{width:66%;height:100%;max-height:none;object-fit:cover;object-position:52% 56%;filter:none}.home:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 38%,#fff8eecd 60%,#fff9effa 77%)}.home-menu{position:relative;margin-left:52%;padding:22px 35px 30px 12px;text-align:center}.menu-logo{margin:0 auto;width:100%;max-width:430px;line-height:0;letter-spacing:0;filter:none}.menu-logo img{display:block;width:100%;height:auto;max-height:285px;object-fit:contain;filter:drop-shadow(0 5px 0 #e4ba8d30)}.title-whisper{font-size:12px;font-weight:800;color:#a46331;letter-spacing:1px;margin:2px 0 23px}.home-menu .select-heading{font-size:13px;font-weight:800;color:#6d6d64;letter-spacing:1px;margin:0 0 12px;line-height:1.5}.stage-list{margin:0;gap:13px}.stage-card{padding:14px 16px;border:2px solid #efc79c;border-radius:20px;background:#fffef8f5;box-shadow:0 5px 0 #ddb68a65;gap:14px}.stage-card:hover{border-color:#fb8a37;background:#fff6da;transform:translateY(-3px)}.stage-card:focus-visible{outline:3px solid #36a4d2;outline-offset:4px}.stage-no{display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:#ffecd3;color:#e97520;font-size:25px;transform:rotate(-5deg)}.stage-card:nth-child(2) .stage-no{background:#ddf4f8;color:#279eb4;transform:rotate(3deg)}.stage-card:nth-child(3) .stage-no{background:#f1e5ff;color:#9b6ac6;transform:rotate(-3deg)}.stage-card b{font-size:15px;color:#6b5036}.stage-card small{font-size:10px}.stage-card em{font-size:11px;color:#b7852e}.stage-card i{display:flex;align-items:center;justify-content:center;background:#ff8b34;border-radius:50%;color:#fff;width:25px;height:25px;flex:0 0 25px}.howto{display:inline-block;text-align:left;padding:10px 19px;border-radius:20px;background:#ffffffad;margin-top:20px;color:#816954}.howto summary{text-align:center;font-size:12px}footer{color:#6e94a3;font-size:9px;margin-top:21px}body:has(#game:not([hidden])){background:#faf5ed}body:has(#game:not([hidden])) .title-header{display:block;padding:0;margin:0 0 10px;height:104px}
@media(max-width:700px){main{padding:10px 9px}.home{border-width:3px;border-radius:25px;min-height:850px}.hero-art{height:620px}.hero-art img{width:100%;height:620px;object-position:50% 59%;object-fit:cover}.home:after{background:linear-gradient(180deg,transparent 0,transparent 345px,#fff8eddd 465px,#fff8ed 560px)}.home-menu{position:static;margin:0;padding:423px 15px 19px}.menu-logo{position:absolute;top:12px;left:50%;transform:translateX(-50%) rotate(-3deg);width:min(87%,330px);max-width:none;z-index:1}.menu-logo img{height:auto;max-height:210px;filter:drop-shadow(0 4px 0 #79512e22)}.title-whisper{position:absolute;top:214px;left:0;right:0;font-size:10px;margin:0;color:#775433;text-shadow:0 1px 4px #fff,0 0 10px #fff;background:#fff8e8c9;border-radius:20px;width:max-content;max-width:95%;padding:5px 12px;margin:auto}.home-menu .select-heading{font-size:12px;margin:0 0 12px}.stage-list{gap:11px}.stage-card{min-height:82px;padding:11px 12px;border-radius:17px;gap:11px}.stage-card b{font-size:13px}.stage-card small{font-size:9px;line-height:1.4}.stage-card em{font-size:10px}.stage-no{width:39px;height:39px;flex-basis:39px;font-size:24px}.stage-card i{width:23px;height:23px;flex-basis:23px}.howto{margin-top:17px;padding:9px 18px}.compact-logo{width:150px;height:76px}body:has(#game:not([hidden])) .title-header{height:76px;margin-bottom:5px}footer{font-size:8px;margin:16px 0 6px}}
@media(prefers-reduced-motion:no-preference){.menu-logo img{animation:title-bob 4s ease-in-out infinite}@keyframes title-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}}

.stage-card:nth-child(4) .stage-no{background:#e0e5ff;color:#5966af}.stage-card:nth-child(5) .stage-no{background:#ffdfda;color:#c75d42}@media(min-width:701px){.home-menu{padding-bottom:26px}.menu-logo img{max-height:240px}.stage-list{gap:10px}.stage-card{padding-top:12px;padding-bottom:12px}.title-whisper{margin-bottom:18px}}