:root{--wine:#6f3041;--navy:#24324a;--rose:#d98c91;--pink:#f4c9c4;--cream:#f4eedf;--paper:#fffaf0;--mint:#9bc5b9;--ink:#27242a;--line:#332d32;--shadow:5px 5px 0 var(--line)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.65;overflow-x:hidden}img,video{display:block;width:100%}a{color:inherit}.skip{position:fixed;top:-80px;left:12px;z-index:100;background:#fff;padding:8px}.skip:focus{top:8px}.site-header{height:68px;display:flex;align-items:center;gap:18px;padding:7px max(14px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:50;background:rgba(255,250,240,.97);border-bottom:2px solid var(--line)}.logo{text-decoration:none;display:flex;flex-direction:column;line-height:1}.logo b{font-size:25px;letter-spacing:-.08em;color:var(--wine);font-weight:1000}.logo small{font-size:8px;letter-spacing:.2em;margin-top:5px;font-weight:900}.desktop-nav{margin-left:auto;display:flex;gap:24px;font-size:13px;font-weight:800}.desktop-nav a{text-decoration:none}.header-cta{background:var(--wine);color:#fff;text-decoration:none;border:2px solid var(--line);padding:8px 13px;font-size:13px;font-weight:900;box-shadow:2px 2px 0 var(--line)}.mobile-nav{display:none}.hero{height:calc(100svh - 68px);min-height:610px;max-height:860px;position:relative;background:#261c25;overflow:hidden}.hero>img{height:100%;object-fit:cover;object-position:center 20%}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,19,25,.82) 0,rgba(26,19,25,.28) 58%,rgba(26,19,25,.05)),linear-gradient(0deg,rgba(26,19,25,.75),transparent 40%)}.hero-copy{position:absolute;left:max(5vw,calc((100% - 1120px)/2));top:50%;transform:translateY(-50%);color:#fff;max-width:660px}.save-label{display:inline-block;margin:0;padding:4px 9px;background:var(--navy);color:#fff;border:1px solid currentColor;font:900 10px/1.3 monospace;letter-spacing:.15em}.hero h1{font-size:clamp(46px,6.3vw,82px);line-height:1.17;letter-spacing:-.06em;margin:14px 0 18px}.hero h1 em{font-style:normal;color:#ffd7d7}.hero-copy>p:not(.save-label){font-size:clamp(14px,1.6vw,19px);font-weight:700}.pixel-button,.outline-button{display:inline-flex;gap:18px;justify-content:center;align-items:center;border:2px solid var(--line);box-shadow:var(--shadow);padding:14px 18px;background:var(--rose);color:#1e1820;text-decoration:none;font-weight:1000;cursor:pointer}.hero-copy .pixel-button{margin-top:16px;background:#f0d78f}.hero-status{position:absolute;right:18px;bottom:18px;display:flex;gap:12px;align-items:center;background:rgba(255,250,240,.92);border:2px solid var(--line);padding:8px 12px;font-size:11px}.hero-status i{color:#397866;font-style:normal;font-weight:900}.ticker{overflow:hidden;background:var(--navy);color:#fff;border-block:2px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.09em;white-space:nowrap}.ticker div{padding:9px;min-width:max-content;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translateX(-35%)}}.section{max-width:960px;margin:auto;padding:88px 22px}.section-kicker{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-kicker span{background:var(--wine);color:#fff;border:2px solid var(--line);padding:4px 8px;font:900 11px/1 monospace;letter-spacing:.12em;box-shadow:2px 2px 0 var(--line)}.section-kicker small{font-size:12px;font-weight:900;color:#665d64}.section h2{font-size:clamp(34px,5vw,58px);line-height:1.25;letter-spacing:-.055em;margin:12px 0 30px}.big-photo{margin:0;border:2px solid var(--line);box-shadow:8px 8px 0 var(--line);background:#fff}.big-photo img{height:min(68vh,660px);object-fit:cover}.big-photo figcaption{padding:10px 13px;font-size:12px;font-weight:800}.message-card{max-width:720px;margin:-44px 28px 0 auto;position:relative;display:grid;grid-template-columns:115px 1fr;align-items:end;background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);padding:15px 20px 15px 0}.message-card img{height:130px;object-fit:contain}.message-card b{font-size:20px}.message-card p{font-size:13px;margin:6px 0}.home-scene{max-width:1060px}.home-photo img{object-position:center}.tiny-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.tiny-grid div{background:var(--paper);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);padding:15px}.tiny-grid strong,.tiny-grid b,.tiny-grid small{display:block}.tiny-grid strong{font:900 11px monospace;color:var(--wine)}.tiny-grid b{font-size:17px}.tiny-grid small{font-size:11px}.quest{max-width:none;background:var(--navy);color:#fff;border-block:2px solid var(--line)}.quest>*{max-width:900px;margin-left:auto;margin-right:auto}.section-kicker.light small{color:#d9dee8}.quest-list{list-style:none;padding:0;margin-top:30px}.quest-list li{display:grid;grid-template-columns:105px 1fr;border-top:1px dashed #aeb9cb;padding:18px 0}.quest-list li>span{font:900 12px monospace;color:#f1c4c9}.quest-list b{font-size:20px}.quest-list p{font-size:13px;color:#dce2eb;margin:4px 0}.outline-button{margin-top:20px;background:transparent;color:#fff;border-color:#fff;box-shadow:4px 4px 0 #b6c2d4}.trial{max-width:860px}.video-shell{border:2px solid var(--line);background:var(--paper);box-shadow:8px 8px 0 var(--line)}.video-top{height:34px;padding:8px 11px;border-bottom:2px solid var(--line);display:flex;align-items:center;gap:6px}.video-top i{width:10px;height:10px;border:1px solid var(--line);border-radius:50%;background:var(--rose)}.video-top i:nth-child(2){background:#f0d78f}.video-top i:nth-child(3){background:var(--mint)}.video-top b{margin-left:8px;font:700 10px monospace}.video-shell video{aspect-ratio:16/9;object-fit:cover;background:#111}.video-shell>p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:11px 14px;font-size:12px}.video-shell>p span{color:#6e6268}.songs{max-width:1100px}.song-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.song-rail article{border:2px solid var(--line);background:var(--paper);box-shadow:4px 4px 0 var(--line);overflow:hidden}.song-rail img{aspect-ratio:4/5;object-fit:cover}.song-rail article>div{padding:12px}.song-rail small{font:900 10px monospace;color:var(--wine)}.song-rail h3{font-size:17px;line-height:1.35;margin:5px 0}.song-rail p{font-size:11px;margin:0}.swipe{display:none;text-align:center;font-size:11px}.score-demo{max-width:860px}.result-card{display:grid;grid-template-columns:210px 1fr;align-items:center;background:var(--pink);border:2px solid var(--line);box-shadow:var(--shadow);padding:24px;margin-bottom:28px}.score small{display:block;font:900 10px monospace}.score strong{font:1000 82px/1 Arial;color:var(--wine)}.score span{font-weight:900}.result-card>div:last-child b{font-size:22px}.result-card p{font-size:13px}.compact{max-width:620px;margin:auto}.start{max-width:720px;text-align:center;padding-bottom:120px}.start>img{width:150px;height:150px;object-fit:contain;margin:auto}.start h2{margin-bottom:12px}.start>p:not(.save-label){font-size:14px}.start>.save-label{margin-top:-18px}.start .pixel-button{margin:15px auto;min-width:290px}.start>small{display:block;font-size:10px;color:#6f656a}footer{background:#25242b;color:#fff;padding:42px max(22px,calc((100% - 1100px)/2));display:grid;gap:18px}footer .logo b{color:#f1c4c9}footer nav{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}footer p{font-size:10px;color:#aaa}.mobile-bar{display:none}dialog{width:min(520px,calc(100% - 28px));background:var(--paper);border:3px solid var(--line);box-shadow:8px 8px 0 var(--line);padding:28px}dialog::backdrop{background:#171319bb}.dialog-close{position:absolute;right:10px;top:10px;border:2px solid var(--line);background:#fff;width:36px;height:36px;font-size:20px}dialog>button:last-child{width:100%;padding:12px;border:2px solid var(--line)}
@media(max-width:760px){.site-header{height:60px;padding:6px 10px}.logo b{font-size:21px}.desktop-nav{display:none}.header-cta{margin-left:auto;font-size:12px;padding:7px 9px}.mobile-nav{display:block}.hero{height:calc(100svh - 60px);min-height:630px;max-height:820px}.hero>img{object-position:58% center}.hero-fade{background:linear-gradient(0deg,rgba(25,18,24,.91) 0,rgba(25,18,24,.25) 61%,rgba(25,18,24,.06))}.hero-copy{left:20px;right:20px;top:auto;bottom:48px;transform:none}.hero h1{font-size:40px;margin:10px 0 12px}.hero-copy>p:not(.save-label){font-size:13px;margin:8px 0}.hero-copy .pixel-button{margin-top:9px;padding:12px 14px;font-size:13px}.hero-status{right:10px;bottom:8px;padding:5px 8px;font-size:9px;gap:7px}.section{padding:62px 16px}.section h2{font-size:34px;margin:10px 0 23px}.big-photo img{height:auto;aspect-ratio:4/5}.message-card{grid-template-columns:80px 1fr;margin:-28px 8px 0 25px;padding:12px 13px 12px 0}.message-card img{height:96px}.message-card b{font-size:16px}.message-card p{font-size:11px;line-height:1.55}.tiny-grid{gap:6px}.tiny-grid div{padding:10px 8px}.tiny-grid b{font-size:13px}.tiny-grid small{font-size:9px}.quest-list li{grid-template-columns:78px 1fr;gap:8px}.quest-list li>span{font-size:10px}.quest-list b{font-size:16px}.quest-list p{font-size:11px}.video-shell{box-shadow:5px 5px 0 var(--line)}.song-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:0 8px 10px 0}.song-rail article{min-width:78%;scroll-snap-align:start}.song-rail img{aspect-ratio:1/1}.swipe{display:block}.result-card{grid-template-columns:110px 1fr;padding:16px}.score strong{font-size:58px}.result-card>div:last-child b{font-size:16px}.result-card p{font-size:11px}.start>img{width:120px;height:120px}.mobile-bar{display:flex;position:fixed;z-index:45;bottom:0;left:0;right:0;background:var(--paper);border-top:2px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center}.mobile-bar span{display:flex;align-items:baseline;gap:4px}.mobile-bar b{font-size:20px;color:var(--wine)}.mobile-bar a{background:var(--wine);color:#fff;border:2px solid var(--line);text-decoration:none;padding:9px 15px;font-size:13px;font-weight:900}footer{padding-bottom:100px}}