body:has(.game-intro-hero[data-game=spell-typer]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d0910}.game-intro-hero[data-game=spell-typer]{background:#120c14 url(/images/spell-typer/bg-castle-hall.webp) 50%/cover no-repeat;min-height:min(100vh,56.25vw)}.game-intro-after-hero[data-game=spell-typer]{--gold:#e8c77a;--gold-dark:#8a6a2c;--ink:#f6ead2;--muted:#b9a98c;--panel:#1c1320;--panel-2:#251a2b;--line:#e8c77a38;box-sizing:border-box;max-width:920px;color:var(--ink);background:radial-gradient(80% 40% at 50% 0,#783cb42e,#0000);margin:0 auto;padding:36px 20px 80px;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}.game-intro-after-hero[data-game=spell-typer] .breadcrumb,.game-intro-after-hero[data-game=spell-typer] .breadcrumb a{color:var(--muted)}.game-intro-after-hero[data-game=spell-typer] .title{color:var(--gold);letter-spacing:.06em;text-shadow:0 1px #3a2410;margin:10px 0 14px;font:800 clamp(22px,3vw,28px)/1.3 Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif}.game-intro-after-hero[data-game=spell-typer] .lead{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;margin:0 0 22px;padding:16px 20px;line-height:1.85}.game-intro-after-hero[data-game=spell-typer] .prose{max-width:none}.st-guide-card{--tab:#9a6ad6;background:linear-gradient(var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:16px;margin:0 0 18px;padding:22px 24px 18px;scroll-margin-top:16px;box-shadow:0 6px 18px #00000059}.st-guide-card:nth-of-type(5n+1){--tab:#f0a35e}.st-guide-card:nth-of-type(5n+2){--tab:#7fc9ee}.st-guide-card:nth-of-type(5n+3){--tab:#f2d65c}.st-guide-card:nth-of-type(5n+4){--tab:#c79bf2}.st-guide-card:nth-of-type(5n+5){--tab:#9fd39a}.st-guide-card h2{background:var(--tab);color:#1a1018;letter-spacing:.04em;border:0;border-radius:999px;margin:0 0 14px;padding:5px 16px 4px;scroll-margin-top:16px;font-size:1.05rem;font-weight:800;display:inline-block}.st-guide-card h3{color:var(--gold);margin:18px 0 8px;font-size:1rem}.st-guide-card p,.st-guide-card li{color:var(--ink);line-height:1.8}.st-guide-card p{margin:0 0 10px}.st-guide-card strong{color:#ffe3a6}.st-guide-card a{color:var(--gold)}.st-guide-card ol{counter-reset:step;margin:0 0 12px;padding:0;list-style:none}.st-guide-card ol>li{counter-increment:step;border-bottom:1px solid var(--line);padding:9px 0 9px 42px;position:relative}.st-guide-card ol>li:last-child{border-bottom:0}.st-guide-card ol>li:before{content:counter(step);background:var(--tab);color:#1a1018;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:9px;left:0}.st-guide-card ul{margin:6px 0 12px;padding-left:1.2em}.st-guide-card ul>li::marker{color:var(--tab)}.st-guide-card table{border-collapse:collapse;width:100%;margin:6px 0 14px;font-size:.92rem;display:block;overflow-x:auto}.st-guide-card th,.st-guide-card td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 12px}.st-guide-card th{color:var(--gold);background:#e8c77a24;font-weight:700}.st-guide-card tr:nth-child(2n) td{background:#ffffff06}.game-intro-after-hero[data-game=spell-typer] .faq{background:linear-gradient(var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:16px;padding:22px 24px 14px}.game-intro-after-hero[data-game=spell-typer] .faq h2{color:#1a1018;background:#e8c77a;border:0;border-radius:999px;margin:0 0 14px;padding:5px 16px 4px;font-size:1.05rem;display:inline-block}.game-intro-after-hero[data-game=spell-typer] .faq details{border:1px solid var(--line);background:#00000040;border-radius:10px;margin-bottom:10px;padding:12px 16px}.game-intro-after-hero[data-game=spell-typer] .faq summary{cursor:pointer;color:var(--ink);font-weight:800}.game-intro-after-hero[data-game=spell-typer] .faq details[open] summary{color:var(--gold)}.game-intro-after-hero[data-game=spell-typer] .faq details p{color:var(--muted);margin:10px 0 0;line-height:1.75}@media (width<=600px){.st-guide-card,.game-intro-after-hero[data-game=spell-typer] .faq{padding:18px 16px 12px}}@media (width<=640px){.game-intro-hero[data-game=spell-typer]{min-height:100svh}}