body:has(.tiny-title-screen){min-width:320px}body:has(.tiny-title-screen)>:is(.hud-bg-pattern,.noise-overlay){display:none}.tiny-title-screen{--title-ink:#26261e;isolation:isolate;min-height:max(800px,100svh);color:var(--title-ink);background:#f6efdb;flex-direction:column;display:flex;position:relative;overflow:clip}.title-world,.title-world-shade{z-index:-2;pointer-events:none;position:absolute;inset:0}.title-world img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.title-world-shade{z-index:-1;background:linear-gradient(#f8f0d52e,#0000 22% 82%,#1b241a6b)}.title-skip{z-index:10;background:#fff3d4;border:2px solid;padding:14px;position:absolute;top:-100px;left:20px}.title-skip:focus{top:15px}.title-header{justify-content:space-between;align-items:center;gap:20px;padding:25px 36px;display:flex}.title-brand{background:#fff8e9ed;border:2px solid;align-items:center;gap:8px;padding:10px 15px 10px 10px;display:flex;transform:rotate(-3deg);box-shadow:3px 3px #26261e}.title-brand>span{font:700 20px/.95 var(--font-oswald), sans-serif;letter-spacing:-.7px}.title-header nav{align-items:center;gap:14px;display:flex}.title-help,.title-return{min-height:44px;font:600 16px var(--font-oswald), sans-serif;background:#fff7e6eb;border:2px solid;justify-content:center;align-items:center;gap:10px;padding:9px 15px;display:inline-flex;box-shadow:2px 3px #26261e}.title-help>span{border:1.5px solid;border-radius:50%;place-items:center;width:21px;height:21px;font-size:14px;display:grid}.title-return{background:#eec656;transform:rotate(2deg)}.title-main{text-align:center;width:min(580px,48vw);margin:auto;padding:10px 0 60px}.title-main:focus{outline:none}.title-overline{font:600 10px/1.4 var(--font-mono), monospace;letter-spacing:1px;background:#fff9e6b8;padding:7px 13px;display:inline-block;transform:rotate(-2deg)}.title-wordmark{font:700 clamp(104px, 10.5vw, 158px)/.82 var(--font-oswald), sans-serif;letter-spacing:-5px;filter:drop-shadow(4px 6px #f9efd6);flex-direction:column;align-items:center;margin:23px 0 17px;display:flex;transform:rotate(-4deg)}.title-wordmark span:first-child{padding-right:9px}.title-wordmark span:last-child{margin-top:14px;font-size:.79em}.title-tagline{font:600 clamp(16px, 1.45vw, 22px)/1.2 var(--font-oswald), sans-serif;letter-spacing:1.7px;margin:9px 0 22px;display:inline-block;position:relative;transform:rotate(-3deg)}.title-tagline:after{content:"";background:#d95635;height:4px;position:absolute;bottom:-10px;left:-12px;right:-12px;transform:rotate(-1deg)}.title-pitch{text-shadow:0 1px 8px #fff9e6,0 0 12px #fff9e6;margin:10px 0 25px;font-size:15px;font-weight:550;line-height:1.65}.title-actions{flex-direction:column;align-items:center;gap:17px;display:flex}.title-play{color:#fff9e9;border:3px solid var(--title-ink);width:min(360px,100%);box-shadow:5px 6px 0 var(--title-ink);font:600 27px/1.15 var(--font-oswald), sans-serif;text-transform:uppercase;text-shadow:1px 2px #872f1b;background:#d74f2f;justify-content:center;align-items:center;gap:22px;padding:17px 24px;transition:transform .14s,box-shadow .14s,background .14s;display:flex;position:relative;transform:rotate(-2deg)}.title-play:before{content:"";pointer-events:none;border:1px solid #ffe5ca8c;position:absolute;inset:5px}.title-play .game-icon{flex:none;width:30px;height:30px}.title-play:hover{box-shadow:6px 9px 0 var(--title-ink);background:#c34428;transform:rotate(-1deg)translateY(-3px)}.title-play:active{box-shadow:1px 2px 0 var(--title-ink);transform:translate(4px,4px)}.title-watch{width:min(308px,90%);min-height:48px;font:500 20px var(--font-oswald), sans-serif;background:#fff6dfee;border:2px solid;justify-content:center;align-items:center;gap:13px;transition:transform .15s;display:flex;transform:rotate(1deg);box-shadow:3px 3px #26261e}.title-watch:hover{transform:rotate(-1deg)translateY(-2px)}.title-watch .game-icon{width:25px;height:25px}.title-access{text-underline-offset:4px;background:#fff7e1bd;margin-top:19px;padding:6px 9px;font-size:10px;font-weight:600;text-decoration:underline;display:inline-block}.title-footer{justify-content:space-between;align-items:center;gap:24px;padding:20px 36px 25px;display:flex;position:relative}.title-sound{min-height:43px;box-shadow:2px 3px 0 var(--title-ink);font:500 14px var(--font-oswald), sans-serif;background:#fff7e6ed;border:2px solid;align-items:center;gap:8px;padding:8px 12px;display:flex}.title-sound .game-icon{width:23px;height:23px}.title-world-note{font:500 13px var(--font-oswald), sans-serif;letter-spacing:2px;color:#fff9e8;text-shadow:1px 2px 1px #182216}.title-footer-links{font:500 12px var(--font-oswald), sans-serif;background:#fff7e6ed;border:1px solid #26261e;gap:18px;padding:9px 13px;display:flex}.title-footer-links a:hover{text-underline-offset:3px;text-decoration:underline}.title-audio-error{background:#fff7e6;padding:10px;font-size:12px;position:absolute;bottom:75px;left:36px}.title-guide{width:min(560px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--title-ink);background:#fff4d9;border:3px solid;margin:auto;padding:0;overflow:auto;box-shadow:8px 8px #26261e}.title-guide::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#202619b3}.title-guide-paper{padding:36px;position:relative}.title-guide-close{background:#edcb72;border:1.5px solid;width:38px;height:38px;padding:7px;position:absolute;top:13px;right:13px}.title-guide-close .game-icon{width:100%;height:100%}.title-guide-kicker{font:9px var(--font-mono), monospace;letter-spacing:1px;padding-right:25px}.title-guide h2{font:600 42px/1.08 var(--font-oswald), sans-serif;margin:20px 0 28px}.title-guide ol{gap:23px;display:grid}.title-guide li{gap:16px;display:flex}.title-guide li>.game-icon{flex-shrink:0;width:40px;height:40px}.title-guide h3{font:600 22px var(--font-oswald), sans-serif;margin-bottom:5px}.title-guide li p{font-size:13px;line-height:1.65}.title-guide-access{border-top:1px dashed #8f8261;margin:23px 0;padding-top:18px;font-size:11px;line-height:1.7}.title-guide-access a{font-weight:650;text-decoration:underline}.title-guide .title-play{width:100%;margin-bottom:8px;font-size:24px}@media (min-width:1700px){.title-main{padding-bottom:100px}}@media (min-width:701px) and (max-height:800px){.tiny-title-screen{min-height:730px}.title-main{padding-bottom:20px}.title-wordmark{margin-top:15px;font-size:110px}.title-pitch{margin-bottom:18px}}@media (min-width:701px) and (max-width:1050px){.title-main{width:52vw}.title-wordmark{font-size:110px}.title-world img{-o-object-fit:cover;object-fit:cover}.title-header,.title-footer{padding-inline:24px}.title-world-note{display:none}}@media (max-width:700px){.tiny-title-screen{min-height:max(810px,100svh)}.title-world img{-o-object-fit:contain;object-fit:contain;height:auto;position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 24%);mask-image:linear-gradient(#0000,#000 24%)}.title-world-shade{background:linear-gradient(#fff4dc20,#0000 60%,#18251942)}.title-header{gap:12px;padding:18px 18px 12px}.title-brand{gap:5px;padding:7px 10px 7px 7px}.title-brand img{width:25px;height:32px}.title-brand>span{font-size:16px}.title-header nav{gap:9px}.title-help,.title-return{gap:6px;min-height:40px;padding:7px 10px;font-size:13px}.title-help>span{display:none}.title-main{width:calc(100% - 44px);margin:28px auto auto;padding:0 0 160px}.title-overline{letter-spacing:.7px;padding:5px 7px;font-size:8px}.title-wordmark{letter-spacing:-4px;margin:19px 0 16px;font-size:clamp(99px,27vw,139px)}.title-wordmark span:last-child{margin-top:10px}.title-tagline{letter-spacing:1px;margin-bottom:19px;font-size:16px}.title-pitch{margin:7px 0 21px;font-size:13px;line-height:1.5}.title-play{width:min(320px,95%);padding:15px 19px;font-size:23px}.title-watch{width:min(275px,86%);min-height:43px;font-size:17px}.title-actions{gap:15px}.title-access{margin-top:13px;font-size:9px}.title-footer{gap:15px;padding:15px 18px 20px}.title-world-note{display:none}.title-footer-links{gap:12px;padding:10px;font-size:11px}.title-sound{padding:7px 9px;font-size:12px}.title-sound .game-icon{width:20px;height:20px}.title-guide-paper{padding:32px 23px 25px}.title-guide h2{font-size:37px}.title-guide li{gap:12px}.title-guide li>.game-icon{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.tiny-title-screen *{transition:none!important}}
