:root{--night-0:#070a14;--night-1:#0c1122;--night-2:#141a30;--line:#ffffff17;--line-strong:#ffffff2e;--text:#e9ecf5;--text-dim:#9aa3b8;--text-faint:#6b7389;--gold:#e8c98a;--gold-dim:#e8c98a24;--jade:#8fd3b6;--rose:#e39a9a;--font-body:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-title:"Songti SC", "Noto Serif SC", "Source Han Serif SC", STSong, SimSun, serif;--font-number:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--night-0);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.sky{z-index:-1;background:radial-gradient(1px 1px at 12% 18%, #ffffffb3, transparent 60%), radial-gradient(1px 1px at 31% 62%, #ffffff73, transparent 60%), radial-gradient(1.5px 1.5px at 47% 9%, #e8c98acc, transparent 60%), radial-gradient(1px 1px at 63% 41%, #ffffff80, transparent 60%), radial-gradient(1px 1px at 78% 77%, #fff6, transparent 60%), radial-gradient(1.5px 1.5px at 88% 23%, #ffffffb3, transparent 60%), radial-gradient(1px 1px at 22% 88%, #ffffff59, transparent 60%), radial-gradient(1px 1px at 94% 56%, #e8c98a80, transparent 60%), radial-gradient(120% 70% at 50% -10%, #1a2247 0%, transparent 60%), linear-gradient(180deg, var(--night-1), var(--night-0));position:fixed;inset:0}.page{width:100%;max-width:1080px;padding:calc(40px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));margin:0 auto}.masthead{margin-bottom:28px}.eyebrow{letter-spacing:.2em;color:var(--gold);font-size:13px}.masthead h1{font-family:var(--font-title);letter-spacing:.06em;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:fit-content;margin:6px 0 12px;font-size:clamp(40px,9vw,64px);font-weight:600;line-height:1.15}.lede{max-width:34em;color:var(--text-dim)}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:14px;flex-direction:column;gap:10px;height:100%;padding:18px 18px 20px;text-decoration:none;display:flex}a.card{border-color:#e8c98a59;transition:transform .15s,border-color .15s,background-color .15s}a.card:hover,a.card:focus-visible{border-color:var(--gold);background-color:#e8c98a0d;outline:none;transform:translateY(-2px)}.card.is-idle .card-name,.card.is-idle .card-loop{opacity:.72}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-numeral{border:1px solid var(--line-strong);width:32px;height:32px;font-family:var(--font-title);color:var(--gold);border-radius:50%;place-items:center;font-size:16px;display:grid}.pill{border:1px solid var(--line-strong);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px}.pill[data-status=in-progress]{color:var(--gold);border-color:#e8c98a80}.pill[data-status=playable]{color:#0c1122;background:var(--gold);border-color:var(--gold);font-weight:600}.pill[data-status=cut]{color:var(--text-faint);text-decoration:line-through}.card-name{font-family:var(--font-title);letter-spacing:.04em;font-size:28px;font-weight:600;line-height:1.25}.card-genre{letter-spacing:.08em;color:var(--gold);font-size:13px}.card-loop{color:var(--text-dim);font-size:15px}.card-go{color:var(--gold);margin-top:auto;padding-top:6px;font-size:14px}.foot{color:var(--text-faint);margin-top:36px;font-size:13px}.debug{z-index:10;overscroll-behavior:contain;background:var(--night-0);padding:calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));position:fixed;inset:0;overflow-y:auto}.debug-inner{flex-direction:column;gap:18px;max-width:760px;margin:0 auto;display:flex}.debug-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.debug h2{font-size:20px}.debug h3{color:var(--gold);margin-bottom:6px;font-size:14px;font-weight:600}.debug-note{color:var(--text-dim);font-size:13px}.debug-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line-strong);background:#ffffff0d;border-radius:10px;align-items:center;min-height:40px;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{border-color:var(--gold);outline:none}.btn.is-danger{color:var(--rose)}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.debug table{border-collapse:collapse;width:100%;font-size:13px}.debug th,.debug td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);padding:8px 10px}.debug tr:last-child td{border-bottom:0}.debug th{color:var(--text-dim);font-weight:500}.debug td.num,.debug th.num{text-align:right;font-family:var(--font-number);font-variant-numeric:tabular-nums}.debug-empty{color:var(--text-faint);padding:14px;font-size:13px}.debug textarea{border:1px solid var(--line);background:var(--night-1);width:100%;min-height:140px;color:var(--text-dim);font-family:var(--font-number);border-radius:10px;padding:10px;font-size:12px}