:root{color-scheme:dark light;--bg: #0f1117;--card: #181b24;--border: #2a2f3e;--text: #e8eaf0;--muted: #9aa1b2;--accent: #6ea8fe;--down: #ff6b6b;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:light){:root{--bg: #f5f6f8;--card: #ffffff;--border: #dde1e8;--text: #1c1f26;--muted: #5c6370;--accent: #2563eb}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}main{max-width:480px;margin:0 auto;padding:2rem 1.2rem 3rem}h1{margin:0 0 1.4rem;font-size:1.3rem;letter-spacing:.03em;text-align:center;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem 1rem;justify-items:center}.tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:inherit;transition:transform .12s ease}.tile:active{transform:scale(.94)}@media(hover:hover){.tile:hover{transform:translateY(-3px)}}.tile-icon-wrap{position:relative;display:block}.tile-icon{display:block;width:88px;height:88px;border-radius:22px;box-shadow:0 6px 18px #0000004d}.tile-name{font-size:.95rem;font-weight:600}.down-badge{position:absolute;right:-6px;top:-6px;background:var(--down);color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;padding:.15rem .5rem;box-shadow:0 2px 6px #00000059}.status-error{margin:1.2rem 0 0;text-align:center;font-size:.8rem;color:var(--muted)}.status-error button{margin-left:.6rem;background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.2rem .7rem;font-size:.8rem;cursor:pointer;min-height:32px}.rest{margin-top:2.4rem;border-top:1px solid var(--border);padding-top:1rem}.rest summary{cursor:pointer;font-size:.85rem;color:var(--muted);list-style-position:inside;padding:.3rem 0}.rest ul{list-style:none;margin:.6rem 0 0;padding:0}.row{font-size:.9rem}.row,.row-link{display:flex;align-items:center;gap:.7rem}.row{padding:.45rem .2rem}.row-link{flex:1;min-height:44px;text-decoration:none;color:inherit;border-radius:8px}@media(hover:hover){.row-link:hover .row-name{color:var(--accent)}}.row-down{color:var(--down);font-weight:700}.row-emoji{flex:none;width:1.6em;text-align:center}.row-name{flex:none}.row-phase{margin-left:auto;font-size:.75rem;color:var(--muted);text-align:right}