/* © 2026 Saurusverse™. All rights reserved. Copying or re-hosting is not allowed. https://saurusverse.com */
:root{--bg: #0b0418;--panel: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .14);--text: #f6f1ff;--muted: #b7a9d6;--accent: #ff4fd8;--accent2: #3de0ff;--ink: #1a0830;--round: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at top,#33135e,var(--bg) 62%) fixed var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,.btn,.char-name,.now-label,.judgement,.score,.countdown{font-family:var(--round)}.screen{display:none}.screen.active{display:block}#home,#results{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.brand{text-align:center;margin:4px 0 24px}.title-dino svg,.soon-art svg{display:block;width:100%;height:auto;overflow:visible}.wordmark img{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.wordmark img{animation:none}}.wordmark{margin:0;line-height:0;position:relative;display:inline-block}.wordmark picture{display:block}.wordmark img{width:min(620px,94vw);height:auto;display:block}.brand h1 .tm{position:absolute;right:-.6em;bottom:18%;line-height:1;font-size:16px;font-weight:700;vertical-align:super;margin-left:.1em;color:var(--muted);text-shadow:none}.brand p{color:var(--muted);margin:10px 0 0;font-family:var(--round);font-weight:700;font-size:17px}.game-title{text-align:center;margin:32px 0 4px}.title-dino{display:block;width:clamp(90px,22vw,130px);margin:0 auto -6px}.game-title h2{margin:0;font-size:clamp(30px,7vw,48px);font-weight:900;letter-spacing:.02em;color:var(--c1);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink),0 0 24px color-mix(in srgb,var(--c1) 45%,transparent)}.game-title h2 .new-badge{-webkit-text-stroke:0;text-shadow:none;color:#fff;vertical-align:middle}.game-title p{margin:6px 0 0;color:#ddd3f5;font-size:15px}.game-title.lime{--c1: #8dff5a}.game-title.sky{--c1: #7cf0ff}.soon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(118px,100%),1fr));gap:10px}.soon-card{background:var(--panel);border:2px dashed var(--line);border-radius:20px;padding:10px;text-align:center}.soon-art{width:100%;max-width:130px;margin:0 auto 4px}.soon-name{font-family:var(--round);font-weight:900;font-size:16px}.soon-what{color:var(--muted);font-size:12px;margin-top:2px;min-height:2.4em}.soon-badge{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px;background:#ffe14d2e;color:#ffe14d}h2{font-size:20px;margin:28px 0 12px}.challenge-banner{background:linear-gradient(90deg,#ff4fd840,#3de0ff33);border:1px solid var(--accent);border-radius:14px;padding:14px 16px;text-align:center}.demo-note{text-align:center;color:var(--accent2)}.field{display:grid;gap:6px;max-width:360px;margin:0 auto}.field span{color:var(--muted);font-size:14px}.field input{font:inherit;font-size:18px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.char-card{font:inherit;color:inherit;text-align:center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 22%,transparent),var(--panel) 70%);border:2px solid var(--line);border-radius:24px;padding:12px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.char-card:hover{transform:translateY(-3px)}.char-card[aria-pressed=true]{border-color:var(--c);box-shadow:0 0 24px color-mix(in srgb,var(--c) 45%,transparent)}.char-fig{width:100%;height:auto;max-width:140px}.char-name{font-weight:800;font-size:17px;margin-top:4px}.char-tag{color:var(--muted);font-size:13px;margin-top:4px;min-height:2.6em}.char-song{font-size:12px;margin-top:6px;font-weight:700;font-style:italic}.char-meta{color:var(--c);font-size:12px;margin-top:4px;font-weight:700}.difficulty{display:flex;justify-content:center;gap:8px;margin:24px 0 16px}.difficulty input{position:absolute;opacity:0}.difficulty span{display:block;padding:10px 22px;border-radius:999px;border:1px solid var(--line);cursor:pointer}.difficulty input:checked+span{background:var(--accent);border-color:var(--accent);color:#1a0430;font-weight:800}.difficulty input:focus-visible+span{outline:2px solid var(--accent2)}.btn{font:inherit;font-weight:700;color:var(--text);background:#ffffff1f;border:1px solid var(--line);border-radius:14px;padding:12px 18px;cursor:pointer}.btn:hover{filter:brightness(1.15)}.btn.primary{background:linear-gradient(90deg,var(--accent),#a46bff);border:0;color:#fff}.btn.big{display:block;margin:0 auto;font-size:22px;padding:16px 40px;border-radius:999px}.btn.ghost{background:transparent}.btn.small{padding:6px 12px}.btn.fb{background:#1877f2;border:0}.btn.insta{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888);border:0}.privacy{text-align:center;color:var(--muted);font-size:13px}#game.active{display:flex;flex-direction:column;height:100dvh}.stage{position:relative;flex:1;min-height:0;overflow:hidden}#stageCanvas{position:absolute;inset:0;width:100%;height:100%}.lane{width:100%;height:clamp(90px,16vh,150px);background:#00000080;border-top:1px solid var(--line)}.hud{position:absolute;top:12px;left:12px;display:flex;gap:12px;align-items:flex-start}.score{font-size:clamp(28px,6vw,44px);font-weight:900;text-shadow:0 2px 10px #000}.combo{color:var(--accent2);font-weight:800;text-shadow:0 2px 8px #000}.now{position:absolute;top:12px;right:12px;width:clamp(130px,26vw,270px);background:#0a021999;border:2px solid var(--line);border-radius:24px;padding:10px;text-align:center;backdrop-filter:blur(6px)}.now-title{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}#nowCanvas{width:100%;aspect-ratio:5 / 6;display:block}.now-label{font-weight:900;font-size:clamp(16px,3vw,24px)}.next-label{color:var(--muted);font-size:13px}.judgement{position:absolute;top:38%;left:0;right:0;text-align:center;font-size:clamp(36px,9vw,80px);font-weight:900;opacity:0;pointer-events:none;text-shadow:0 0 30px currentColor}.judgement.pop{animation:pop .7s ease-out}.judgement.perfect{color:#3dffa2}.judgement.great{color:#3de0ff}.judgement.good{color:#ffd23d}.judgement.miss{color:#ff4d6d}@keyframes pop{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1) translateY(-20px)}}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(90px,25vw,200px);font-weight:900;text-shadow:0 0 40px var(--accent);pointer-events:none}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(90%,460px);background:#0a0219d9;border:1px solid var(--line);border-radius:16px;padding:16px 20px;text-align:center;font-size:18px;font-weight:600}.status.error{border-color:#ff4d6d}.meter{position:absolute;left:12px;right:12px;bottom:12px;height:10px;border-radius:99px;background:#ffffff26;overflow:hidden}#meterFill{height:100%;width:0;transition:width .1s linear}#video{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}#results h2{text-align:center;font-size:clamp(24px,5vw,36px)}.results-layout{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;align-items:start}.card-preview{width:100%;border-radius:18px;box-shadow:0 12px 40px #00000080;background:var(--panel);aspect-ratio:9 / 16}.result-score{font-size:clamp(56px,12vw,96px);font-weight:900;line-height:1}.result-rank{color:var(--muted);margin:8px 0 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:var(--panel);border-radius:12px;padding:10px;text-align:center}.stat b{display:block;font-size:24px}.stat span{font-size:11px;letter-spacing:.08em}.stat.perfect{color:#3dffa2}.stat.great{color:#3de0ff}.stat.good{color:#ffd23d}.stat.miss{color:#ff4d6d}.challenge-result{margin-top:16px;padding:12px 14px;border-radius:12px;font-weight:700}.challenge-result.win{background:#3dffa226;border:1px solid #3dffa2}.challenge-result.lose{background:#ff4d6d26;border:1px solid #ff4d6d}.share{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.share .video-share{grid-column:1 / -1;font-size:18px;padding:14px 18px}.share .video-share:disabled{opacity:.6;cursor:progress}video.card-preview{object-fit:cover}.row{display:flex;gap:10px;margin-top:12px}.row .btn{flex:1}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:calc(100% - 32px);background:#fff;color:#1a0430;font-weight:700;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0006;z-index:10}#creator{max-width:640px;margin:0 auto;padding:24px 16px 48px}#creator h3{margin:24px 0 10px;font-size:16px;color:var(--muted)}#creator .field{max-width:none}.creator-controls{flex-wrap:wrap}.creator-controls select{min-width:0}.creator-hint{color:var(--muted);font-size:13px;margin:-4px 0 10px}.routine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px}.move-card{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 4px 6px;cursor:pointer;text-align:center}.move-card:hover{border-color:var(--c, var(--accent))}.move-card canvas{width:100%;aspect-ratio:1;display:block}.move-card .move-num{font-size:10px;color:var(--muted)}.move-card .move-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-tools{margin-top:12px}#creator .btn.big{margin-top:24px;width:100%}.pose-picker{max-width:min(560px,calc(100% - 32px));background:#160830;color:var(--text);border:1px solid var(--line);border-radius:20px;padding:16px}.pose-picker::backdrop{background:#0009}.pose-picker h3{margin:0 0 12px}.picker-grid{max-height:60vh;overflow:auto;margin-bottom:12px}.banner-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.melody-maker h3{margin-top:20px}.tempo{display:flex;align-items:center;gap:8px;flex:1;font-weight:700;font-size:14px}.tempo input{flex:1;accent-color:var(--accent)}.melody-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;margin-top:12px;padding:8px;background:#0000004d;border:1px solid var(--line);border-radius:14px}.melody-cell{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:4px;background:#ffffff12;cursor:pointer}.melody-cell.bar-start{margin-left:3px}.melody-cell.on{background:var(--c);box-shadow:0 0 10px var(--c)}.melody-cell.playhead{outline:2px solid rgba(255,255,255,.7);outline-offset:-2px}.yoga{border-color:#3dffa266}.new-badge{font-size:11px;vertical-align:middle;background:#3dffa2;color:#06281a;padding:2px 8px;border-radius:99px;letter-spacing:.08em}.yoga-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin-top:8px}.hold-timer{position:absolute;left:0;right:0;top:18%;text-align:center;pointer-events:none;text-shadow:0 0 24px rgba(0,0,0,.8)}.hold-seconds{font-size:clamp(64px,16vw,140px);font-weight:900;font-variant-numeric:tabular-nums}.hold-seconds.holding{color:#3dffa2;text-shadow:0 0 30px rgba(61,255,162,.7)}.hold-seconds.wobble{color:#ffd23d}.hold-best{font-weight:700;color:var(--muted)}.camera-check-btn{display:block;margin:10px auto 0}.home-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.setup-panel{position:absolute;right:12px;top:12px;width:min(320px,calc(100% - 24px));background:#0a0219d1;border:1px solid var(--line);border-radius:18px;padding:14px;backdrop-filter:blur(6px)}.setup-panel h3{margin:0 0 8px}.setup-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.setup-checks li{font-weight:700;font-size:14px;color:var(--muted)}.setup-checks li.ok{color:#3dffa2}.setup-tip{font-weight:800;font-size:16px;margin:10px 0 4px}.setup-info{font-size:12px;color:var(--muted);margin:0 0 8px}.camera-picker{display:grid;gap:4px;font-size:13px;color:var(--muted);margin-bottom:10px}.camera-picker select{font:inherit;padding:8px;border-radius:10px;border:1px solid var(--line);background:#0000004d;color:var(--text)}.setup-panel .btn{width:100%}@media(max-width:640px){.setup-panel{inset:auto 8px 12px;width:auto;padding:8px 10px;background:#0a0219b3}.setup-panel h3{display:none}.setup-checks{grid-template-columns:repeat(3,1fr);gap:2px 8px}.setup-checks li{font-size:12px}.setup-tip{font-size:14px;margin:6px 0 2px}.setup-info{margin-bottom:6px}.setup-panel .btn{padding:8px 12px;font-size:14px}}.daily-card{max-width:560px;margin:0 auto 24px;text-align:center;background:linear-gradient(135deg,#ff4fd82e,#3de0ff24);border:1px solid rgba(255,79,216,.5);border-radius:20px;padding:16px}.daily-head{display:flex;justify-content:space-between;align-items:center}.daily-tag{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--accent2)}.daily-streak{font-weight:800}.daily-card h2{margin:6px 0 4px;font-size:24px}.daily-desc{color:var(--muted);margin:0 0 12px;font-size:14px}.daily-status{margin:10px 0 0;font-weight:700;font-size:14px;min-height:1em}.link-btn{font:inherit;color:var(--accent2);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}@media(max-height:500px)and (orientation:landscape){.lane{height:64px}.now{width:110px;padding:6px}.now-title,.next-label{display:none}.hold-timer{top:8%}.setup-panel{inset:8px 8px auto auto;width:300px;max-height:calc(100% - 16px);overflow:auto}}.name-row{display:flex;gap:8px}.name-row input{flex:1;min-width:0}.name-row input[readonly]{opacity:.85;cursor:default}.kid-note{color:#9dffcf}.age-gate{text-align:center;max-width:min(420px,calc(100% - 32px))}.age-gate p{margin:0 0 14px}.age-gate select{width:100%;font:inherit;font-size:17px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);margin-bottom:14px}.age-gate .btn{width:100%;margin-bottom:12px}.legal-footer a,.legal a{color:var(--accent2)}.legal{max-width:720px;margin:0 auto;padding:24px 16px 64px;line-height:1.6}.legal h1{font-size:28px}.legal h2{font-size:18px;margin-top:28px}.legal p{color:#ddd3f5}.legal li{color:#ddd3f5;margin-bottom:6px}.legal-updated{color:var(--muted)!important;font-size:14px}.copy-notice{min-height:100vh;display:grid;place-content:center;text-align:center;gap:16px;padding:24px}.copy-notice h1{margin:0;font-size:44px;font-weight:900}.multi{margin:40px auto 0;max-width:560px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px 16px}.multi h2{margin:0 0 4px}.multi-sub{color:var(--muted);margin:0 0 16px;font-size:14px}.multi-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.join-form{display:flex;gap:8px}.join-form input,.host-controls select{font:inherit;font-weight:700;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0000004d;color:var(--text)}.join-form input{width:9em;text-transform:uppercase;letter-spacing:.15em}#lobby{max-width:560px;margin:0 auto;padding:24px 16px 48px}.lobby-title{text-align:center;font-size:28px}.room-code{text-align:center;color:var(--muted)}.room-code strong{display:block;font-size:clamp(44px,12vw,64px);letter-spacing:.2em;color:var(--text);text-shadow:0 0 24px rgba(61,224,255,.6)}.lobby-invite{margin:16px 0 8px}#lobby h3{margin:24px 0 10px;font-size:16px;color:var(--muted)}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.player-list li{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--c);border-radius:12px;padding:10px 14px;font-weight:700}.player-list .tag{margin-left:auto;font-size:13px;color:var(--muted);font-weight:600}.player-list .tag.ready{color:#3dffa2}.host-controls{display:flex;gap:8px}.host-controls select{flex:1}.room-settings{font-weight:700;font-size:18px}#lobby .btn.big{margin-top:24px;width:100%}#lobby .btn.big:disabled{opacity:.45;cursor:not-allowed;filter:none}.leave{display:block;margin:16px auto 0}.friends{position:absolute;left:12px;top:clamp(80px,14vh,110px);display:grid;gap:8px;width:clamp(92px,16vw,150px)}.friend{background:#0a021999;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:14px;padding:6px;text-align:center;backdrop-filter:blur(6px)}.friend canvas{width:100%;aspect-ratio:1;display:block}.friend .f-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend .f-score{font-size:16px;font-weight:900}.friend .f-grade{font-size:11px;font-weight:800;min-height:1.2em}.friend.gone{opacity:.35}.place{color:var(--accent2);font-weight:800;text-shadow:0 2px 8px #000}.video-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}.video-tiles:empty{display:none}.tile{position:relative;border-radius:14px;overflow:hidden;border:3px solid var(--c);background:#000}.tile video,.friend video{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#000}.mirror{transform:scaleX(-1)}.tile span{position:absolute;left:6px;bottom:6px;font-size:12px;font-weight:800;background:#0009;padding:2px 8px;border-radius:99px}.video-toggle{display:block;width:100%;margin-top:12px}.video-toggle.on{border-color:#3dffa2;color:#3dffa2}.friends.with-video{width:clamp(110px,22vw,200px)}.friend video{border-radius:10px}.room-results{margin-top:16px;background:var(--panel);border-radius:14px;padding:12px 16px}.room-results h3{margin:0 0 8px}.room-results ol{margin:0;padding-left:1.4em;display:grid;gap:6px}.room-results li{font-weight:700}.room-results li span{color:var(--muted);font-weight:500}.room-results li.me{color:var(--accent2)}.frame-hint{position:absolute;left:50%;top:12px;transform:translate(-50%);max-width:calc(100% - 24px);background:#ffd23df2;color:#1a0430;font-weight:800;font-size:14px;padding:8px 14px;border-radius:99px;text-align:center;pointer-events:none}@media(max-width:640px){.now{top:auto;bottom:30px;width:124px;padding:6px}.now-title{display:none}.friends,.friends.with-video{top:auto;bottom:30px;left:12px;width:auto;max-width:calc(100% - 140px);grid-auto-flow:column}.friend{width:76px}.frame-hint{top:auto;bottom:200px}.results-layout{grid-template-columns:1fr}.card-preview{max-width:260px;margin:0 auto;display:block}.share{grid-template-columns:1fr}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#tv{max-width:760px;margin:0 auto;padding:24px 16px 48px}.tv-guide h2{text-align:center;margin:8px 0}.tv-intro{text-align:center;color:var(--muted)}.tv-pickers{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin:18px 0}.tv-pickers .field{max-width:none;margin:0}.tv-pickers select{font:inherit;padding:10px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--text)}.tv-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:14px}.tv-card h3{margin:4px 0 10px}.tv-card ol{margin:0;padding-left:22px;line-height:1.55}.tv-card li{margin-bottom:8px}.tv-card .delay{font-size:13px;color:var(--muted)}.tv-card .note{font-size:14px;color:#ffd98a;margin:6px 0 0}.tv-pill{text-align:center;color:var(--accent2);font-size:14px;margin:8px 0 0}@media(max-width:560px){.tv-pickers{grid-template-columns:1fr}}body.tv-mode .score{font-size:9vh}body.tv-mode .combo{font-size:4vh}body.tv-mode .now{top:12px;bottom:auto;width:30vh;padding:1.2vh}body.tv-mode .now-title{display:block;font-size:2.4vh}body.tv-mode .now-label{font-size:4.5vh}body.tv-mode .next-label{font-size:3vh}body.tv-mode .judgement{font-size:16vh}body.tv-mode .countdown{font-size:4vh}.show-me label{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.show-me input{width:18px;height:18px;accent-color:var(--accent)}.share-hint{text-align:center;margin-top:10px}.group-board{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin:14px 0;text-align:center}.group-board h3{margin:4px 0 10px}.group-board ol,.banner-board{list-style:none;padding:0;margin:0 auto 12px;max-width:360px;text-align:left}.group-board li,.banner-board li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:10px}.group-board li.me,.banner-board li.me{background:#ff4fd82e;font-weight:800}.group-board li b,.banner-board li b{font-variant-numeric:tabular-nums}.my-dino{max-width:560px;margin:0 auto 20px;display:flex;align-items:center;gap:14px;background:radial-gradient(circle at 20% 40%,#8dff5a2e,#ffffff0d 70%);border:2px solid rgba(141,255,90,.45);border-radius:24px;padding:12px 16px}.my-dino-art{width:130px;height:150px;flex:none}.my-dino-info{flex:1;min-width:0}.my-dino-tag{font-size:12px;font-weight:800;letter-spacing:.15em;color:#8dff5a}.my-dino h2{margin:2px 0;font-size:24px}.my-dino-stage,.my-dino-next{margin:2px 0;color:var(--muted);font-size:14px}.my-dino-next{color:var(--text);font-weight:700}.my-dino-bar{height:10px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin:8px 0 4px}.my-dino-bar>div{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ffe14d,#8dff5a);transition:width .6s}.my-dino .banner-actions{justify-content:flex-start;margin-top:6px}#hatchBtn{animation:wiggle 1.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.hatch-dialog,.dress-dialog{text-align:center;width:min(460px,calc(100% - 24px))}.hatch-dialog canvas{display:block;width:min(320px,70vw);height:auto;margin:0 auto}.hatch-dialog p{margin:4px 0 8px;font-size:18px}.dress-dialog canvas{display:block;width:130px;height:auto;margin:0 auto 6px}.dress-dialog h4{margin:14px 0 8px;text-align:left}.dress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dress-item{font:inherit;color:inherit;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:14px;border:2px solid var(--line);background:var(--panel);cursor:pointer}.dress-item[aria-pressed=true]{border-color:#8dff5a;box-shadow:0 0 14px #8dff5a66}.dress-item:disabled{opacity:.45;cursor:default}.dress-emoji{font-size:26px;line-height:1}.dress-swatch{width:28px;height:28px;border-radius:50%;background:var(--sw);border:2px solid var(--ink)}.dress-label{font-size:12px;font-weight:700}.dress-dialog .btn.primary{margin-top:16px}.dino-reward{margin:12px 0;padding:10px 14px;border-radius:14px;background:#ffe14d1f;border:1px solid rgba(255,225,77,.5);text-align:center}.dino-event{color:#8dff5a;font-weight:800;margin-top:4px}.dino-goal{color:var(--muted);font-size:13px;margin-top:4px}@media(max-width:640px){.my-dino-art{width:104px;height:124px}.my-dino h2{font-size:20px}}.char-stars{font-size:15px;letter-spacing:2px;margin-top:4px;color:#ffe14d}.char-lock{font-size:12px;font-weight:800;margin-top:6px;color:#ffe14d}.char-card.locked{border-style:dashed}.char-card.locked .char-fig{filter:grayscale(.85) brightness(.7)}.char-card.locked:hover{transform:none}.song-stars{font-weight:800;color:#ffe14d;margin-bottom:6px}.event-banner{max-width:560px;margin:0 auto 20px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:24px;border:2px solid #ff8c1a;background:radial-gradient(circle at 15% 50%,rgba(255,140,26,.3),transparent 60%),linear-gradient(135deg,#2a0b4d,#1a0830);box-shadow:0 0 30px #ff8c1a40}.event-dino{width:110px;height:auto;flex:none}.event-info{flex:1;min-width:0}.event-tag{font-size:12px;font-weight:800;letter-spacing:.12em;color:#ffb347}.event-banner h2{margin:4px 0;font-size:22px}.event-banner p{margin:0 0 10px;color:#ddd3f5;font-size:14px}@media(max-width:640px){.event-dino{width:84px}.event-banner h2{font-size:19px}}.quest-card{max-width:560px;margin:0 auto 20px;padding:12px 16px;border-radius:24px;border:2px solid rgba(61,224,255,.45);background:radial-gradient(circle at 85% 20%,#3de0ff29,#ffffff0a 70%)}.quest-head{font-size:12px;font-weight:800;letter-spacing:.15em;color:#3de0ff;margin-bottom:6px}.quest-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.quest-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#ffffff0f;font-weight:700}.quest-list li.done{background:#8dff5a24}.quest-list li.done .quest-text{text-decoration:line-through;text-decoration-color:#ffffff80;color:var(--muted)}.quest-check{font-size:18px}.quest-text{flex:1;font-size:15px}.quest-prog{font-size:13px;color:#ffe14d;white-space:nowrap}.quest-foot{margin:8px 0 0;color:var(--muted);font-size:13px;text-align:center}.squad-dialog{width:min(560px,calc(100% - 24px));text-align:center}.squad-sub{color:var(--muted);margin:-4px 0 12px;font-size:14px}.squad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:62vh;overflow:auto;margin-bottom:14px}.squad-card{border-radius:18px;padding:8px 6px 10px;background:var(--panel);border:2px solid var(--line)}.squad-card.got{border-color:var(--c);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 22%,transparent),var(--panel) 75%)}.squad-card svg{display:block;width:100%;height:auto;overflow:visible}.squad-card.missing svg{filter:brightness(0) opacity(.35)}.squad-name{font-family:var(--round);font-weight:900;font-size:14px}.squad-role{font-size:11px;color:var(--c, var(--muted));font-weight:800}.squad-card .squad-fact{font-size:11px;color:#ddd3f5;margin:4px 0 0}.squad-lock{font-size:11px;color:#ffe14d;font-weight:800;margin-top:2px}.squad-reveal{width:min(260px,64vw);margin:0 auto;animation:squadPop .7s cubic-bezier(.2,1.6,.4,1)}.squad-reveal svg{display:block;width:100%;height:auto;overflow:visible}@keyframes squadPop{0%{transform:scale(.2) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.squad-fact{color:#ddd3f5;font-size:15px;margin:4px 0 10px}@media(max-width:480px){.squad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.how-to{max-width:640px;margin:12px auto 4px;padding:10px 16px;border-radius:24px;border:2px solid rgba(255,79,216,.45);background:radial-gradient(circle at 15% 20%,#ff4fd824,#ffffff0a 70%)}.how-to summary{cursor:pointer;text-align:center;font-family:var(--round);font-weight:800;font-size:18px;list-style:none}.how-to summary::-webkit-details-marker{display:none}.how-to summary:after{content:" \25be";color:var(--muted)}.how-to[open] summary:after{content:" \25b4"}.how-steps{list-style:none;margin:12px 0 6px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:step}.how-steps li{counter-increment:step;display:grid;justify-items:center;gap:4px;padding:12px 10px;border-radius:18px;background:var(--panel);text-align:center;font-size:14px;color:var(--muted)}.how-steps strong{color:var(--text);font-family:var(--round);font-size:16px}.how-steps strong:before{content:counter(step) ". ";color:var(--accent)}.how-icon{font-size:34px;line-height:1.1}.how-more{text-align:center;color:var(--muted);font-size:14px;margin:8px 0 4px}.how-more a,.demo-note a{color:var(--accent2);font-weight:700}@media(max-width:560px){.how-steps{grid-template-columns:1fr}.how-steps li{grid-template-columns:44px 1fr;justify-items:start;text-align:left;column-gap:10px}.how-icon{grid-row:span 2;align-self:center}}.teach-logo{display:block;width:min(420px,100%);height:auto;margin:8px auto 0}.teach h1{text-align:center;font-size:clamp(24px,5vw,34px);line-height:1.2}.teach h3{margin:0 0 6px;font-size:17px}.teach-lead{text-align:center;font-size:17px}.teach-promises{list-style:none;padding:14px 18px;margin:18px 0;border-radius:20px;background:var(--panel);border:1px solid var(--line)}.teach-promises li{margin:4px 0;color:#ddd3f5}.teach-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 8px}.teach-buttons .btn{text-decoration:none}.teach-ways{display:grid;grid-template-columns:1fr 1fr;gap:12px}.teach-ways section{padding:14px 16px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}.teach-ways p{margin:0}.teach-steps li,.teach ul li{margin:6px 0;color:#ddd3f5}@media(max-width:560px){.teach-ways{grid-template-columns:1fr}}