@font-face{font-family:DM;src:url('../play-lab/fonts/dm-sans-700.ttf');font-weight:700;font-display:swap}:root{--navy:#1a365d;--orange:#ed8936;--teal:#319795;font-family:DM,'Hiragino Kaku Gothic ProN',system-ui,sans-serif;color:var(--navy);background:#f5eee2}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;color:inherit;font:inherit}button{border:0;cursor:pointer}a{text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.app{height:100svh;display:flex;flex-direction:column}header{height:50px;flex-shrink:0;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header>a{display:flex;align-items:center;gap:20px}header img{width:124px}header span{font-size:9px;letter-spacing:2px;border-left:1px solid #ffffff55;padding-left:20px}nav{display:flex;align-items:center;gap:16px;font-size:11px}nav button{min-height:40px;min-width:32px;background:none;color:white}.hud{display:flex;align-items:center;justify-content:space-between;padding:13px 28px 10px;flex-shrink:0}.hud p{font-size:9px;color:var(--teal);letter-spacing:2px;margin:0 0 4px}h1{font-size:27px;margin:0;letter-spacing:-1px}h1 span{color:var(--orange)}.score{display:flex;align-items:baseline;gap:7px}.score>b{font-size:36px;line-height:1}.score>span{font-size:11px}.score small{font-size:9px;color:#77868b;margin-left:18px}.score strong{font-size:15px;color:var(--navy)}main{position:relative;min-height:0;flex:1;margin:0 14px;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#faf7ec,#e8d4b3);border:1px solid #dccbb2}canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}.chapter{position:absolute;top:20px;left:23px;font-size:12px;pointer-events:none;color:#637a79}.combo{position:absolute;right:22px;top:18px;font-size:11px;color:var(--teal);pointer-events:none}.combo b{font-size:25px;margin-left:5px}.toast{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:10px 17px;border-radius:30px;color:white;background:#1a365ded;font-size:12px;text-align:center;white-space:nowrap;pointer-events:none;margin:0}.cover{position:absolute;inset:0;padding:clamp(24px,5vh,70px) clamp(26px,6vw,85px);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;background:linear-gradient(90deg,#f5eee2f9 0%,#f5eee2e0 24%,#f5eee210 60%)}.cover-top>p{font-size:12px;color:var(--teal);letter-spacing:2px;margin:0 0 16px}.cover h2{font-size:clamp(58px,7vw,100px);line-height:1;letter-spacing:-5px;margin:0}.cover h2 em{font-style:normal;color:var(--orange)}.cover h2 small{font-size:11px;letter-spacing:0;display:block;margin-top:15px;font-weight:400;color:#7b857a}.cover-bottom{max-width:360px;pointer-events:auto}.cover-bottom>p{font-size:12px;line-height:1.8;margin:0 0 12px}.primary{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border-radius:9px;min-height:52px;font-size:15px;font-weight:700}.primary span{color:#8ed3c8}.cover-bottom>small{display:block;font-size:9px;color:#7d857b;margin-top:10px}footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 22px;font-size:10px;color:#6c7b77}footer button{min-height:36px;font-size:11px;background:none}.app[data-playing="false"] .chapter,.app[data-playing="false"] #restart,.app[data-playing="false"] .toast{visibility:hidden}dialog{width:min(92vw,420px);border:0;padding:30px;border-radius:18px;color:var(--navy);background:#faf7ef;box-shadow:0 30px 100px #1a365d55}dialog::backdrop{background:#142a50a0;backdrop-filter:blur(5px)}#close{position:absolute;right:9px;top:7px;min-width:36px;min-height:36px;font-size:24px;background:none}dialog h2{font-size:32px;line-height:1.3;margin:15px 0}dialog p{font-size:13px;line-height:1.9}.eyebrow{color:var(--teal);font-size:10px!important;letter-spacing:2px}.big{color:var(--orange);font-size:76px;font-weight:bold;letter-spacing:-3px}.big small{font-size:14px;color:#788880;letter-spacing:0}.result-stats{display:flex;justify-content:space-between;border-block:1px solid #d9dfd4;padding:12px 0;margin:12px 0 23px;font-size:12px}#error{position:absolute;inset:0;display:grid;place-items:center;background:white;padding:25px;z-index:9}
@media(max-width:600px){header{height:46px;padding:0 15px}header img{width:103px}header span{display:none}nav{gap:9px}.hud{padding:10px 15px 9px}h1{font-size:23px}.hud p{font-size:8px}.score>b{font-size:29px}.score small{margin-left:10px;font-size:8px}.score strong{font-size:12px}main{margin:0 6px;border-radius:12px}.chapter{left:13px;top:13px;font-size:10px}.combo{right:13px;top:10px;font-size:9px}.combo b{font-size:20px}.toast{font-size:10px;bottom:12px;max-width:95%;white-space:normal;width:max-content}.cover{padding:22px 25px;background:linear-gradient(90deg,#f5eee2e5,#f5eee230 75%)}.cover-top>p{font-size:10px;margin-bottom:12px}.cover h2{font-size:58px;letter-spacing:-3px}.cover h2 small{font-size:9px;margin-top:9px}.cover-bottom>p{font-size:11px;background:#f5eee2c0;border-radius:5px;padding:6px 0}.cover-bottom{max-width:none}.cover-bottom>small{font-size:9px;margin-top:8px}.primary{min-height:49px;font-size:14px}footer{padding:0 12px;min-height:36px;font-size:9px}footer button{font-size:10px}.score>span{font-size:10px}}
@media(max-height:560px){header{height:40px}.hud{padding:5px 14px}.hud p{display:none}h1{font-size:19px}.score>b{font-size:24px}.cover{padding:15px 25px;flex-direction:row;align-items:center;gap:20px}.cover h2{font-size:48px}.cover-top>p{margin-bottom:8px}.cover-bottom{max-width:280px}.cover-bottom>p{font-size:10px}.primary{min-height:42px;padding:10px 15px}footer{min-height:30px}}