@font-face{font-family:'Jua';src:url(assets/fonts/Jua-sub.woff2) format('woff2'),url(assets/fonts/Jua-Regular.ttf) format('truetype');font-display:swap}
:root{--pink:#ff7eb6;--pink2:#ffc2dc;--yellow:#ffd84d;--mint:#6ee7d8;--sky:#8fd3ff;--ink:#5a2d6e;--cream:#fff8ee;/* 글자용 진한 분홍(밝은 배경 대비 확보): 큰 제목 3:1↑, 본문 4.5:1↑ */--pink-title:#e0468c;--pink-ink:#c2306f;--pink-deep:#b8336f;--ink-soft:#6f4a80;--shadow-pink:#f0bcd4;--tap:44px}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#ffe3f0;color:var(--ink);font-family:'Jua',system-ui,'Malgun Gothic',sans-serif}
button{font:inherit;cursor:pointer;border:0;border-radius:18px;padding:12px 18px;color:var(--ink);background:#fff;box-shadow:0 5px 0 #e7b7d0;transition:transform .12s,box-shadow .12s;touch-action:manipulation}
button:hover{transform:translateY(-2px)}button:active{transform:translateY(3px);box-shadow:0 2px 0 #e7b7d0}button:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}button:disabled{opacity:.6;cursor:wait}
main{height:100dvh;min-height:560px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}
.veil{position:absolute;inset:0;background:linear-gradient(120deg,#fff5fbdd,#fff5fb99 45%,#fff5fb22);pointer-events:none}body.playing .veil{display:none}
header{position:absolute;left:calc(3% + env(safe-area-inset-left));right:calc(3% + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;z-index:3}header>div{display:flex;gap:8px;align-items:center}
.wordmark{background:none;box-shadow:none;padding:0;font-size:32px;color:var(--pink);text-shadow:0 3px 0 #fff,0 5px 0 #f5a7c9;letter-spacing:-1px}.wordmark span{color:#ffb020}.wordmark small{display:block;text-align:left;font-size:13px;color:var(--ink);text-shadow:none;letter-spacing:4px}
.chip{background:#fff;border-radius:99px;padding:8px 14px;font-size:16px;box-shadow:0 4px 0 #e7b7d0;display:inline-block}
.menu{position:absolute;inset:90px 5% 30px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%}
h1{font-size:clamp(38px,5vw,74px);line-height:1.15;margin:0 0 14px;color:var(--ink);font-weight:400}h1 em{font-style:normal;color:var(--pink);text-shadow:0 4px 0 #fff}
.sub{font-size:18px;line-height:1.6;margin:0 0 22px}
.primary{display:block;width:100%;max-width:420px;font-size:26px;padding:18px;background:linear-gradient(#ff9cc8,var(--pink));color:#fff;box-shadow:0 7px 0 #d9508e;text-shadow:0 2px 0 #d9508e}.primary:hover,.primary:active{transform:none;box-shadow:0 7px 0 #d9508e}.primary:active{background:linear-gradient(#ff86ba,#f0609f)}
.primary:disabled{animation:none}@keyframes pulse{50%{transform:scale(1.035)}}
.secondary{display:block;width:100%;margin-top:12px;font-size:18px}.gold{display:block;width:100%;margin-bottom:12px;font-size:20px;background:linear-gradient(#ffe98a,var(--yellow));box-shadow:0 6px 0 #d9a520}
#loading{font-size:14px;margin:10px 0}.menu-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;max-width:420px}.menu-links button{flex:1;font-size:17px;padding:12px 8px;white-space:nowrap}body.playing #wallet{display:none}
.selection{background:#ffffffd9;border-radius:30px;padding:22px;box-shadow:0 10px 0 #f3bcd6,0 20px 40px #d0609020}.selection h2{margin:0 0 14px;font-size:26px;font-weight:400;text-align:center}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cat-card{padding:8px 4px 12px;border-radius:22px;background:#fff4fa;box-shadow:0 5px 0 #f0c4da;border:4px solid transparent;position:relative}
.cat-card[aria-pressed=true]{border-color:var(--pink);background:#ffe5f1}.cat-card[aria-pressed=true] img{animation:hop .6s ease-in-out infinite alternate}@keyframes hop{to{transform:translateY(-8px) rotate(-3deg)}}
.cat-card img{width:100%;height:170px;object-fit:contain;pointer-events:none}.cat-card b{display:block;font-size:19px;font-weight:400}.cat-card small{display:block;font-size:12px;margin-top:4px;opacity:.8}.cat-card.locked img{filter:grayscale(1) brightness(1.1);opacity:.55}.cat-card .price{position:absolute;top:8px;right:8px;background:var(--yellow);border-radius:99px;padding:3px 8px;font-size:13px}
.note{font-size:13px;text-align:center;margin:12px 0 0;opacity:.8}
#hud{position:absolute;top:calc(78px + env(safe-area-inset-top));left:calc(3% + env(safe-area-inset-left));right:calc(3% + env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}
.hearts{font-size:30px;color:#ff5c93;text-shadow:0 3px 0 #fff;letter-spacing:2px}.hearts .off{color:#ffffff99}
.scorebox{text-align:center;background:#ffffffcc;border-radius:22px;padding:6px 22px;box-shadow:0 5px 0 #f0bcd4}.scorebox b{display:block;font-size:34px;font-weight:400}.scorebox small{font-size:14px}
.fishbox{text-align:right}.fishbox b{font-size:26px;font-weight:400;background:#fff;border-radius:99px;padding:4px 14px;box-shadow:0 4px 0 #f0bcd4;display:inline-block}.fishbox small{display:block;margin-top:8px;font-size:20px;color:#fff;text-shadow:0 2px 0 var(--pink),0 0 8px var(--pink)}
.powers{grid-column:1/-1;min-height:34px;display:flex;gap:8px;margin-top:10px}.power{background:#fff;border-radius:99px;padding:4px 12px 4px 6px;font-size:15px;box-shadow:0 3px 0 #f0bcd4;display:flex;align-items:center;gap:6px}.power i{display:block;width:26px;height:26px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#eee 0)}
.pop{animation:pop .25s ease-out}@keyframes pop{50%{transform:scale(1.35)}}
#toast{position:absolute;top:calc(318px + env(safe-area-inset-top));left:0;right:0;text-align:center;font-size:24px;color:#fff;pointer-events:none;text-shadow:0 3px 0 var(--ink),0 0 12px var(--pink);margin:0}
nav{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:8px}nav button{white-space:nowrap;min-height:56px;min-width:64px;font-size:18px;background:#ffffffdd}
.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92%);border-radius:32px;padding:26px 26px 22px;background:#fffaf5;text-align:center;box-shadow:0 12px 0 #f3bcd6,0 30px 60px #9e3a7040;animation:bounceIn .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes bounceIn{from{transform:translate(-50%,-50%) scale(.5);opacity:0}}
.overlay h2{font-size:34px;margin:0 0 8px;font-weight:400;color:var(--pink)}.overlay img.face{width:130px;height:130px;object-fit:contain;margin:-90px auto 4px;display:block;filter:drop-shadow(0 6px 0 #fff);animation:hop .6s ease-in-out infinite alternate}
.stat-big{font-size:48px;margin:4px 0}.stats{display:flex;justify-content:center;gap:16px;font-size:18px;margin:6px 0 10px}.newrec{display:inline-block;background:var(--yellow);border-radius:99px;padding:4px 14px;animation:pulse .8s infinite}
.mdone{background:#e9fff9;border-radius:14px;padding:6px 10px;margin:6px 0;font-size:15px}
dialog{width:min(500px,92%);border:0;border-radius:28px;background:#fffaf5;color:var(--ink);padding:26px;max-height:86dvh;box-shadow:0 10px 0 #f3bcd6}dialog::backdrop{background:#5a2d6e55;backdrop-filter:blur(4px)}dialog h2{margin:0 0 14px;font-weight:400;font-size:28px;color:var(--pink)}dialog .primary{margin-top:18px;animation:none;max-width:none}
.row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:10px 12px;margin:8px 0;box-shadow:0 4px 0 #f0c9dc}.row img{width:48px;height:48px;object-fit:contain}.row div{flex:1}.row small{display:block;opacity:.75;font-size:13px}.row button{padding:8px 12px;font-size:15px;background:var(--yellow);box-shadow:0 4px 0 #d9a520}.row button:disabled{background:#eee;box-shadow:0 4px 0 #ccc;cursor:default}
.lv{display:flex;gap:3px;margin-top:4px}.lv i{width:16px;height:8px;border-radius:4px;background:#eee}.lv i.on{background:var(--pink)}
.bar{height:10px;background:#f3e3ec;border-radius:9px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#43c9b8)}
dl{display:grid;grid-template-columns:100px 1fr;gap:10px;font-size:16px}dd{margin:0}.hint{font-size:13px;opacity:.8}.record-value{font-size:32px;color:var(--pink)}
.zonebar{grid-column:1/-1;justify-self:center;width:min(420px,70vw);margin-top:-2px;text-align:center}.zonebar small{display:inline-block;font-size:13px;color:#fff;background:rgba(90,45,110,.55);border-radius:99px;padding:2px 12px;margin-bottom:6px;min-height:18px}.zonebar small:empty{visibility:hidden}.letters{display:flex;justify-content:center;gap:8px;margin-top:12px}.letters i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:rgba(255,255,255,.55);color:rgba(90,45,110,.45);border:2px solid rgba(90,45,110,.2);transition:transform .2s,background .2s}.letters i.on{color:#fff;border-color:#fff;transform:scale(1.12);box-shadow:0 3px 0 rgba(90,45,110,.25)}.letters i.on:nth-child(1){background:#ff5ca8}.letters i.on:nth-child(2){background:#ffb020}.letters i.on:nth-child(3){background:#27c7d9}.letters i.on:nth-child(4){background:#a86bff}.letters.bonus i{animation:pulse .5s infinite}
.coach{position:absolute;left:0;right:0;margin:0 auto;width:max-content;max-width:90%;top:40%;background:rgba(90,45,110,.82);color:#fff;font-size:26px;padding:14px 26px;border-radius:22px;text-align:center;pointer-events:none;box-shadow:0 6px 0 rgba(0,0,0,.18);animation:pulse .7s infinite;white-space:nowrap}.coach small{display:block;font-size:15px;opacity:.85;margin-top:4px}
.menu-best{margin:10px 0 0;font-size:15px;color:var(--ink);opacity:.85}.menu-best:empty{display:none}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.summary div{background:#fff4fa;border-radius:12px;padding:6px 4px;font-size:13px}.summary b{display:block;font-size:18px}.chase{font-size:13px;margin:4px 0 8px}.chase .bar{margin-top:4px}.mlist{text-align:left;margin-top:8px}.mlist .row{padding:4px 0}.mlist b{font-size:14px}.mlist small{font-size:12px;opacity:.7}.track{position:relative;height:12px;background:#ffffffaa;border-radius:9px;margin-top:4px;box-shadow:0 3px 0 #f0bcd4}.track i{position:absolute;left:0;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,var(--mint),var(--pink))}.track b{position:absolute;top:-8px;transform:translateX(-50%);font-size:13px;font-weight:400;color:var(--ink);background:#fff;border-radius:99px;padding:0 5px;line-height:18px}
[hidden]{display:none!important}
@media(max-width:760px){.menu{inset:70px 4% 16px;display:flex;flex-direction:column;gap:14px;overflow:auto}.selection{order:-1;padding:14px}.cat-card img{height:92px}.cat-card small{display:none}h1{font-size:34px}.sub{font-size:15px;margin-bottom:14px}.primary{font-size:22px;padding:15px}.wordmark{font-size:24px}#hud{top:66px}.menu-links button{font-size:14px;padding:10px 4px}.scorebox b{font-size:26px}.hearts{font-size:22px}.fishbox b{font-size:19px}#toast{top:calc(300px + env(safe-area-inset-top));font-size:19px}.coach{font-size:21px;padding:12px 18px}.letters i{width:26px;height:26px;font-size:15px}nav{width:96%;justify-content:center}nav button{padding:10px;flex:1;min-width:0;font-size:15px}.veil{background:#fff5fbcc}}

.bgi{display:inline-block;width:1.25em;height:1.25em;background:url(assets/cute-v2/icon-bungeo.png) center/contain no-repeat;vertical-align:-.25em}
.tuna{display:flex;align-items:center;gap:4px;background:#e6f6ff!important}.tuna b{font-weight:400;font-size:15px}.tuna .can{display:inline-block;width:26px;height:26px;background:url(assets/cute-v3/icon-tuna.png) center/contain no-repeat;filter:grayscale(1) opacity(.35)}.tuna .can.on{filter:none}.tuna.ready{animation:pulse .8s infinite;background:#bfe8ff!important}
@media(max-width:760px){nav#controls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:96%;bottom:calc(10px + env(safe-area-inset-bottom))}nav#controls button{min-width:0;min-height:52px;padding:6px 2px;font-size:14px;white-space:nowrap;overflow:hidden}.tuna{justify-content:center;flex-wrap:wrap;gap:1px}.tuna b{width:100%;font-size:12px;text-align:center}.tuna .can{width:15px;height:15px}}

/* ── V2 (2026-09-27) ── */
.chip.icon{padding:8px 11px;min-width:44px;min-height:44px}
.hud-left{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.hud-mission{font-size:13px;background:#ffffffcc;border-radius:99px;padding:3px 10px;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 0 #f0bcd4}.hud-mission:empty{display:none}
.scorebox b{font-size:32px}.scorebox small{display:block;font-size:14px;opacity:.8}.fishbox small{font-size:15px}
.power.ending{animation:blink .35s steps(2) infinite;outline:2px solid #ff5c93}@keyframes blink{50%{opacity:.45}}
.tut-bar{position:absolute;right:calc(3% + env(safe-area-inset-right));top:calc(250px + env(safe-area-inset-top));display:flex;gap:8px;align-items:center;z-index:4}.tut-bar span{background:rgba(90,45,110,.75);color:#fff;border-radius:99px;padding:6px 12px;font-size:14px}.tut-bar button{padding:8px 12px;font-size:14px;min-height:44px}
.coach{top:42%}.coach.now{background:#ff5ca8;animation:none;transform:scale(1.06)}.gesture{display:block;margin:0 auto 4px;width:34px;height:34px;border-radius:50%;background:#fff;position:relative}.gesture::after{content:'☝';position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:var(--ink)}.g-lane::after{animation:gl 1s infinite}.g-jump::after{animation:gj .9s infinite}.g-slide::after{animation:gs .9s infinite}@keyframes gl{50%{transform:translateX(14px)}}@keyframes gj{50%{transform:translateY(-12px)}}@keyframes gs{50%{transform:translateY(12px)}}
.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;color:#fff;text-shadow:0 6px 0 var(--pink),0 0 30px #ff7eb6;pointer-events:none;z-index:6}
.skip-death{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(40px + env(safe-area-inset-bottom));z-index:5;font-size:18px;min-height:48px}
.menu-status{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;font-size:16px}.menu-status span{background:#ffffffcc;border-radius:14px;padding:7px 12px;width:fit-content;box-shadow:0 3px 0 #f0bcd4}.menu-status b{color:var(--pink);font-weight:400}
.hero{display:flex;flex-direction:column;align-items:center}.hero-stage{position:relative;width:min(340px,70vw);aspect-ratio:1}.hero-stage img{position:absolute;inset:6% 10% 12%;width:80%;height:82%;object-fit:contain;transform-origin:50% 90%;animation:idle 3.2s ease-in-out infinite;filter:drop-shadow(0 8px 0 #fff)}@keyframes idle{0%,100%{transform:rotate(-2deg) translateY(0)}25%{transform:rotate(1.5deg) translateY(-6px) scaleY(1.02)}50%{transform:rotate(2deg) translateY(0)}75%{transform:rotate(-1deg) translateY(-3px)}}
.hero-shadow{position:absolute;left:25%;right:25%;bottom:8%;height:8%;border-radius:50%;background:#5a2d6e22;animation:shadow 3.2s ease-in-out infinite}@keyframes shadow{25%,75%{transform:scaleX(.9)}}
.hero .float{position:absolute;width:44px;height:44px;background:url(assets/cute-v2/icon-bungeo.png) center/contain no-repeat;animation:floaty 4s ease-in-out infinite;opacity:.9}.f1{left:0;top:18%}.f2{right:2%;top:8%;animation-delay:-1.3s!important;transform:scale(.8)}.f3{right:8%;bottom:26%;animation-delay:-2.6s!important}@keyframes floaty{50%{transform:translateY(-14px) rotate(12deg)}}
.hero-name{font-size:18px;margin:0;background:#ffffffcc;border-radius:99px;padding:6px 16px;box-shadow:0 4px 0 #f0bcd4}
.overlay{max-height:calc(100dvh - 24px);overflow:auto;padding-top:70px}.overlay img.face{margin:-40px auto 4px;width:110px;height:110px}
.overlay .cause{font-size:14px;background:#fff0f6;border-radius:12px;padding:6px 10px;margin:4px 0}.scoreline{font-size:16px;margin:4px 0}.scoreline small{opacity:.75;font-size:13px}
.extra .choice{display:flex;gap:8px;margin-top:12px}.extra .choice button{flex:1;font-size:15px;padding:12px 8px;min-height:48px}.extra button:disabled{opacity:.5}.extra .hint{margin:6px 0 0}
button.ad{background:#eef3ff;box-shadow:0 5px 0 #b9c6ea;color:#3b3f7a}button.ad.wide{display:block;width:100%;margin-top:10px;font-size:15px;min-height:48px}
.recgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recgrid div{background:#fff;border-radius:14px;padding:10px;box-shadow:0 3px 0 #f0c9dc}.recgrid small{display:block;font-size:12px;opacity:.75}.recgrid b{font-size:22px;color:var(--pink);font-weight:400}
.char{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:8px 10px;margin:8px 0;box-shadow:0 4px 0 #f0c9dc;border:3px solid transparent}.char.sel{border-color:var(--pink)}.char canvas{width:84px;height:84px;background:#fff4fa;border-radius:14px}.char div{flex:1}.char b{display:block;font-size:18px;font-weight:400}.char small{display:block;font-size:12px;opacity:.75}.char.locked canvas{filter:grayscale(1);opacity:.6}.char button{padding:8px 10px;font-size:14px;background:var(--yellow);box-shadow:0 4px 0 #d9a520;min-height:44px}.char button:disabled{background:#ffe5f1;box-shadow:none}
dialog h3{margin:16px 0 6px;font-weight:400;color:var(--pink)}
.demos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.demos figure{margin:0;text-align:center;font-size:12px}.demos video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;background:#ffe5f1}.demos figure.novideo video{display:none}
table.rides{width:100%;border-collapse:collapse;font-size:14px}.rides th,.rides td{padding:4px;border-bottom:1px solid #f3dce8;text-align:center}.rides td:first-child{text-align:left}
.opt{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 12px;margin:8px 0;min-height:44px}.opt small{display:block;font-size:12px;opacity:.7}.opt input{width:26px;height:26px;accent-color:var(--pink)}.opt select{font:inherit;padding:6px;border-radius:10px}
.mock-ad{position:fixed;inset:0;z-index:99;background:#222e;color:#fff;display:grid;place-content:center;text-align:center;gap:10px}.mock-ad i{font-size:60px;font-style:normal}
body.dead #controls{display:none}
@media(max-width:760px){.menu{inset:calc(64px + env(safe-area-inset-top)) 4% 12px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;overflow:auto}.hero{order:-1}.hero-stage{width:min(210px,52vw)}.hero-name{font-size:15px;padding:4px 12px}h1{font-size:26px;margin:4px 0 8px}.menu-status{font-size:14px;margin-bottom:10px;align-items:center}.intro{text-align:center}.intro .primary{margin:0 auto}.menu-links{margin:10px auto 0}.hud-mission{max-width:46vw;font-size:12px}.tut-bar{top:calc(228px + env(safe-area-inset-top))}.overlay{padding:62px 18px 16px}.overlay h2{font-size:28px}.stat-big{font-size:40px}}
@media(max-height:700px) and (max-width:760px){.hero-stage{width:min(150px,40vw)}h1{display:none}}
@media(prefers-reduced-motion:reduce){.hero-stage img,.hero .float,.hero-shadow,.letters.bonus i,.coach,.tuna.ready,.newrec{animation:none!important}}

/* ── 디자인 점검 반영(2026-09-28): 대비·터치 크기·플레이 화면 정리 ── */
dialog h2,.overlay h2{color:var(--pink-title)}dialog h3,.record-value,.recgrid b,.menu-status b{color:var(--pink-ink)}
.opt small,.recgrid small,.char small,.hint{opacity:1;color:var(--ink-soft)}
.menu-links button,[data-up],.opt select,.chip.icon{min-height:var(--tap)}.chip.icon{min-width:var(--tap)}
.primary{background:linear-gradient(#ff8fc0,#e8579a);text-shadow:0 2px 0 var(--pink-deep);box-shadow:0 7px 0 var(--pink-deep)}.primary:hover,.primary:active{box-shadow:0 7px 0 var(--pink-deep)}.primary:active{background:linear-gradient(#ff7ab4,#d9468a)}
.coach{background:#c93a7d}.coach.now{background:#b8306f}.coach small{color:#fff}
body.playing #help,body.playing #settings{display:none}
@media (max-width:600px){body.playing .wordmark{visibility:hidden}}
.hearts .off{color:#fff;opacity:.95;-webkit-text-stroke:2px #d9a3c0;text-shadow:0 2px 0 #d9a3c0}
.fishbox small{color:#fff;text-shadow:0 2px 0 var(--pink-deep),0 0 6px var(--pink-deep)}
.char img{width:84px;height:84px;object-fit:contain;background:#fff4fa;border-radius:14px;flex:none}.char.locked img{filter:grayscale(1);opacity:.6}.char.sel img{animation:hop .6s ease-in-out infinite alternate}
.extra #rv-fish:disabled{opacity:1;background:#f4eef6;color:var(--ink-soft);box-shadow:none;cursor:not-allowed}
.duo{display:flex;gap:8px}.duo .secondary{flex:1}
.ridelist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ridelist li{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 3px 0 #f0c9dc}.ridelist .re{font-size:26px;line-height:1.2}.ridelist b{font-weight:400;font-size:17px}.ridelist small{font-size:13px;color:var(--ink-soft)}.ridelist p{margin:2px 0 0;font-size:14px;line-height:1.35}
@media(prefers-reduced-motion:reduce){.char.sel img{animation:none}}
@media (max-width:600px){body.playing #hud{top:calc(14px + env(safe-area-inset-top));right:calc(3% + 56px + env(safe-area-inset-right))}}
main:has(#overlay:not([hidden])) #tut-bar,main:has(#overlay:not([hidden])) #coach{display:none}
.scorebox b{white-space:nowrap}@media (max-width:600px){body.playing .scorebox{padding:6px 14px}body.playing .scorebox b{font-size:30px}.hud-left{min-width:0}.hud-mission{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:600px){.hud-mission{white-space:normal;line-height:1.25;border-radius:12px;display:inline-block}}
.char small.perk{color:var(--pink-ink);opacity:1;font-size:12.5px;margin-top:2px}
.daily{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:10px 0}.dday{background:#fff;border-radius:12px;padding:6px 2px;text-align:center;box-shadow:0 3px 0 #f0c9dc;font-size:13px;opacity:.55}.dday small{display:block;font-size:11px;color:var(--ink-soft)}.dday b{display:block;font-weight:400}.dday.got{opacity:1;background:#fff4c9}.dday.now{outline:3px solid var(--pink-title);transform:scale(1.06)}
.top10{list-style:none;padding:0;margin:6px 0;display:grid;gap:5px}.top10 li{display:grid;grid-template-columns:34px 1fr;align-items:center;background:#fff;border-radius:12px;padding:6px 10px;box-shadow:0 3px 0 #f0c9dc}.top10 li span{grid-row:span 2;font-size:18px;text-align:center}.top10 li b{font-weight:400;font-size:18px;color:var(--pink-ink)}.top10 small{font-size:12px;color:var(--ink-soft)}
.toprank{margin:4px 0;font-size:18px;color:var(--pink-ink)}
#info-title:focus:not(:focus-visible){outline:none}