.trail2{justify-items:center;gap:28px;display:grid}.island{justify-items:center;gap:8px;width:100%;display:grid}.island-title{background:var(--curtain);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;align-items:center;gap:10px;padding:6px 16px;display:flex}.island-title .display{font-size:24px}.island-title.locked{background:var(--card-high)}.island-stage{max-width:100%;position:relative}.island-svg{display:block;overflow:visible}.node-hit{cursor:pointer;background:0 0;border:0;border-radius:46px;width:92px;height:92px;position:absolute}.node-hit:focus-visible{outline:3px solid var(--gold-light)}.node-label{text-align:center;pointer-events:none;width:160px;font-size:13px;display:grid;position:absolute}.node-label b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.node-label span{color:var(--text-gold);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.node-label.locked b,.node-label.locked span{color:var(--soft)}.node-mascot{pointer-events:none;position:absolute}.node-pop{z-index:5;width:280px;animation:.18s cubic-bezier(.23,1,.32,1) popin;position:absolute}@keyframes popin{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}.pedestal .glow{animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pedestal .glow{opacity:.8;animation:none}}.estilos-entry{justify-items:center;gap:12px;width:100%;max-width:640px;margin-top:8px;display:grid}.estilos{width:100%}.estilos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.genre-card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:16px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.genre-card b{font-weight:900;display:block}.genre-card span{color:var(--ink-muted);font-size:12px;font-weight:700;display:block}.genre-card.locked{background:var(--card-high);color:var(--muted);box-shadow:none;border-color:#00000080}.genre-card.locked span{color:var(--soft)}.unit-wrap{max-width:820px}.unit-name{text-align:center;margin:0 0 8px}.unit-bar{flex:1;gap:5px;display:flex}.unit-bar .seg{background:var(--card-high);border:2px solid var(--ink);border-radius:8px;flex:1;height:14px;overflow:hidden}.unit-bar .seg.k-boss{border-color:var(--gold-deep);flex:1.6}.unit-bar .seg.k-review{background:#3b365e}.unit-bar .seg span{background:var(--gold);height:100%;transition:width .3s cubic-bezier(.23,1,.32,1);display:block}.unit-bar .seg.done span{background:var(--gold-light)}.unit-bar .seg.now{box-shadow:0 0 0 2px var(--gold-light)}.title-card{width:100%;min-height:380px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;align-content:center;justify-items:center;gap:8px;animation:.24s cubic-bezier(.23,1,.32,1) popin;display:grid;position:relative;overflow:hidden}.title-icon{background:var(--curtain);border:4px solid var(--ink);width:104px;height:104px;box-shadow:0 5px 0 var(--ink);z-index:1;border-radius:52px;place-items:center;display:grid;position:relative}.title-name{z-index:1;text-align:center;margin:0;font-size:40px;position:relative}.review-flag{color:var(--ink);border:3px solid var(--ink);background:#a9a1ce;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-weight:900;display:inline-flex}.title-card.boss .title-icon{background:var(--gold);border-radius:70px;width:140px;height:140px;animation:.6s cubic-bezier(.23,1,.32,1) bossin}.title-card.boss .title-name{color:var(--text-gold);text-shadow:0 5px 0 var(--ink);font-size:64px;animation:.5s .3s shake}.rays{background:repeating-conic-gradient(#f5d68e24 0 10deg, transparent 10deg 20deg);animation:12s linear infinite spin;position:absolute;inset:-50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bossin{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-6px)rotate(-2deg)}40%{transform:translate(6px)rotate(2deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.rays,.title-card.boss .title-name,.title-card.boss .title-icon{animation:none}}.boss-tag,.review-tag{color:var(--text-gold);justify-content:center;align-items:center;gap:6px;display:flex}.step-play{gap:14px;margin-top:8px;display:grid}.step-start{justify-items:center;gap:10px;padding:24px 8px;display:grid}.prompt-head{text-align:center;justify-items:center;gap:4px;display:grid}.prompt-label{margin:0;font-size:38px;line-height:1.1}.need{color:var(--text-gold)}.prompt-stage{border-radius:20px;position:relative}.prompt-stage .float{top:40%}.mascot-corner.small{inset:-64px 4px auto auto}.pitch-chip.static{gap:6px;display:inline-flex;position:static}.chord-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:300px;display:flex}.chord-now{background:var(--card);color:var(--text);justify-items:center;display:grid}.chord-next{opacity:.9;justify-items:center;display:grid}.hint{margin:0}.checklist{color:var(--muted);font-weight:800}.summary-list{gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.summary-list li{background:var(--card);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-weight:800;display:flex}.unit-settings{margin-bottom:12px}@media (width<=480px){.prompt-label{font-size:28px}.title-name{font-size:30px}}.chord-stage .float{top:auto;bottom:-18px}.node-label .node-stars{justify-content:center;gap:2px;display:flex}.home{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px;max-width:1240px;margin:0 auto;padding:24px 32px 64px;display:grid}.home-canvas{background:radial-gradient(ellipse 60% 40% at 50% 0%, #f5d68e1f, transparent 70%), radial-gradient(ellipse 50% 60% at 15% 60%, #a9a1ce14, transparent 70%), var(--page);border:1px solid var(--hair-2);border-radius:28px;padding:28px 16px 40px;position:relative;overflow:hidden}.home-head{text-align:center;margin-bottom:20px}.home-head h1{margin:4px 0 0;font-size:clamp(28px,3vw,40px)}.home-panel{gap:18px;max-height:calc(100vh - 112px);padding:2px 4px 8px 2px;display:grid;position:sticky;top:96px;overflow-y:auto}.home-unit .row{margin-top:8px}.home-estilos .estilos-grid{grid-template-columns:minmax(0,1fr)}.home-shortcuts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-shortcut{background:var(--card);border:1px solid var(--hair-2);color:var(--text);transition:transform var(--dur-pop) var(--ease-out), background var(--dur-tap);border-radius:16px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.home-shortcut:hover{background:var(--card-high);transform:translateY(-2px)}.home-shortcut b{font-weight:900;display:block}.home-shortcut small{color:var(--muted);font-weight:700}.node-hit:hover+.node-hit,.node-hit:hover{background:#f5d68e14}.node-hit{cursor:pointer}.node-hit.sel{outline:3px dashed var(--gold-light);outline-offset:2px}@media (width>=1100px){.home .node-pop,.home .estilos-entry{display:none}}@media (width<=1099px){.home{grid-template-columns:minmax(0,1fr);padding:16px 16px 40px}.home-panel{max-height:none;position:static}.home-panel .home-unit,.home-panel .home-estilos{display:none}.home-canvas{padding:20px 4px 28px}}@media (width<=899px){.home-canvas{border-radius:20px;padding:16px 0 20px}}