.st-app{--st-gold:#e8c77a;--st-gold-dark:#8a6a2c;--st-ink:#f6ead2;--st-muted:#b9a98c;--st-red:#e0473c;--st-bar-top:3rem;min-height:100vh;color:var(--st-ink);background:radial-gradient(circle at 50% 30%,#2a1d33,#0d0910 70%);flex-direction:column;align-items:center;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,Georgia,serif;display:flex}.st-topbar{width:100%;height:var(--st-bar-top);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.st-topbar a{color:var(--st-muted);text-decoration:none}.st-topbar a:hover{color:var(--st-ink)}.st-stage{width:min(100vw, calc((100vh - var(--st-bar-top)) * 16 / 9));aspect-ratio:16/9;user-select:none;background:#120c14 50%/cover no-repeat;position:relative;overflow:hidden;container-type:inline-size}.st-canvas,.st-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.st-loading{place-items:center;margin:0;font-size:2cqw;display:grid;position:absolute;inset:0}.st-button{color:var(--st-ink);font:inherit;cursor:pointer;text-shadow:0 .15cqw .3cqw #000;background:0 0;border:0 solid;border-width:0 3cqw;border-image:url(/images/spell-typer/ui/button.webp) 0 90 fill/0 3cqw;place-items:center;min-height:4.4cqw;padding:0 1cqw;font-size:1.5cqw;font-weight:700;text-decoration:none;transition:transform .12s,filter .12s;display:inline-grid}.st-button:hover:not(:disabled),.st-button:focus-visible{filter:brightness(1.25)drop-shadow(0 0 .6cqw #e8c77a99);outline:none;transform:translateY(-.15cqw)}.st-button:disabled{filter:grayscale(.7)brightness(.6);cursor:default}.st-button-quiet{filter:brightness(.8)}.st-plate{color:var(--st-gold);font:inherit;white-space:nowrap;text-shadow:0 .1cqw .2cqw #000;background:0 0;border:0 solid;border-width:0 2.2cqw;border-image:url(/images/spell-typer/ui/title-plate.webp) 0 110 fill/0 2.2cqw;place-items:center;min-height:2.6cqw;padding:0 .6cqw;font-size:1.15cqw;font-weight:700;display:inline-grid;position:relative;overflow:hidden}.st-plate-button{cursor:pointer}.st-plate-button:hover{filter:brightness(1.2)}.st-medal{aspect-ratio:409/459;filter:drop-shadow(0 .3cqw .4cqw #0009);background:url(/images/spell-typer/ui/level-medal.webp) 50%/contain no-repeat;flex:none;width:9cqw;position:relative}.st-medal-face{flex-direction:column;justify-content:center;align-items:center;width:59.2%;height:50.5%;display:flex;position:absolute;top:28.1%;left:20.3%}.st-medal small,.st-medal strong{color:var(--st-gold);font-variant-numeric:lining-nums;text-shadow:0 .1cqw .2cqw #000;font-family:Georgia,serif;line-height:1}.st-medal small{font-size:1.1cqw}.st-medal strong{font-size:3cqw}.st-hp{aspect-ratio:1459/223;background:url(/images/spell-typer/ui/hp-frame.webp) 50%/100% 100% no-repeat;width:27cqw;position:relative}.st-hp-groove{border-radius:.2cqw;position:absolute;inset:37% 5.8% 34% 14.2%;overflow:hidden}.st-hp-groove i{position:absolute;top:0;bottom:0;left:0}.st-hp-fill{background:linear-gradient(#ff8a7a, var(--st-red) 55%, #8f1d1d);transition:width .12s ease-out}.st-hp-lag{background:#fff6e8;transition:width .5s ease-in .45s}.st-hp-enemy .st-hp-fill{background:linear-gradient(#d7a6ff,#9a4ce0 55%,#4f1c7c)}.st-hp-number{font-variant-numeric:lining-nums;text-shadow:0 0 .3cqw #000,0 0 .3cqw #000;font-family:Georgia,serif;font-size:1.25cqw;font-weight:700;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.st-status{align-items:center;gap:.4cqw;display:flex;position:absolute;top:1cqw;left:1.2cqw}.st-status-side{flex-direction:column;align-items:flex-start;gap:.3cqw;display:flex}.st-status .st-plate{border-width:0 2.7cqw;border-image-width:0 2.7cqw;min-height:3.2cqw;padding:0 .8cqw;font-size:1.45cqw}.st-enemy-status{flex-direction:column;align-items:flex-end;gap:.3cqw;display:flex;position:absolute;top:1.4cqw;right:1.5cqw}.st-enemy-name{text-shadow:0 .1cqw .3cqw #000;font-size:1.75cqw;font-weight:700}.st-enemy-status .st-hp{width:25cqw;transform:scaleX(-1)}.st-enemy-status .st-hp-number{transform:translateY(-50%)scaleX(-1)}.st-gauge{border:.12cqw solid var(--st-gold-dark);background:#0000008c;border-radius:1cqw;width:16cqw;height:.7cqw;overflow:hidden}.st-gauge i{background:linear-gradient(90deg,#f0b04a,#ff6a3a);height:100%;display:block}.st-warned .st-gauge i{background:#ff2a2a;animation:.25s ease-in-out infinite alternate st-pulse}@keyframes st-pulse{0%{opacity:.55}to{opacity:1;box-shadow:0 0 1cqw #ff2a2a}}.st-combo{text-align:center;pointer-events:none;position:absolute;top:6.4cqw;left:50%;transform:translate(-50%)}.st-combo strong{color:var(--st-ink);text-shadow:0 0 1cqw #ffc87880,0 .2cqw .3cqw #000;font-family:Georgia,serif;font-size:4cqw;line-height:1;display:block}.st-combo small{color:var(--st-gold);letter-spacing:.1em;font-size:1.1cqw}.st-combo-hot strong{color:#ffd37a;text-shadow:0 0 1.4cqw #ff8c28e6,0 .2cqw .3cqw #000}.st-chain-count{color:#ffcf6a;white-space:nowrap;text-shadow:0 0 1.4cqw #ff781ef2,0 .2cqw #6a2400;margin-bottom:.3cqw;font-family:Georgia,serif;font-weight:900;line-height:1}.st-score{pointer-events:none;align-items:baseline;gap:.6cqw;display:flex;position:absolute;top:.8cqw;left:50%;transform:translate(-50%)}.st-score small{color:var(--st-muted);letter-spacing:.15em;font-size:1.1cqw}.st-score strong{color:#fff4d0;text-shadow:0 0 1cqw #ffc85ab3,0 .2cqw .3cqw #000;font-family:Georgia,serif;font-size:3cqw;display:inline-block}.st-combo-break{white-space:nowrap;color:#ff8a7a;opacity:0;text-shadow:0 .1cqw .3cqw #000;font-size:1.3cqw;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.st-incant{text-align:center;pointer-events:none;z-index:1;background:radial-gradient(closest-side,#08030e94,#08030e80 45%,#08030e47 70%,#08030e1a 87%,#08030e00);flex-direction:column;align-items:center;gap:.5cqw;width:62cqw;margin-left:-31cqw;padding:3.7cqw 0 3.9cqw;display:flex;position:absolute;top:12cqw;left:50%}.st-incant-word{white-space:nowrap;color:#fff6e2;letter-spacing:.06em;text-shadow:0 0 1.2cqw var(--st-glow), 0 .15cqw 0 #000, 0 0 .4cqw #000;line-height:1.15}.st-incant-reading{white-space:nowrap;color:#f6ead2bf;letter-spacing:.12em;text-shadow:0 .1cqw .3cqw #000}.st-incant-reading b{color:var(--st-typed);font-weight:700}.st-incant-romaji{white-space:pre;letter-spacing:.06em;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;line-height:1.2}.st-incant-romaji .st-rest{color:#fffaf0;text-shadow:0 .12cqw #000,0 0 .5cqw #000}.st-incant-romaji .st-typed span{color:var(--st-typed);text-shadow:0 0 .8cqw var(--st-glow), 0 .12cqw 0 #000}.st-incant-romaji .st-next{text-decoration:underline;text-decoration-color:var(--st-typed);text-underline-offset:.18em;text-decoration-thickness:.22em}.st-incant-failed{z-index:2}.st-incant-failed .st-incant-word,.st-incant-failed .st-incant-romaji span,.st-incant-failed .st-incant-reading,.st-incant-failed b{color:#ff7a6a!important;text-shadow:0 0 1cqw #ff2814e6,0 .12cqw #000!important}.st-cards{pointer-events:none;perspective:60cqw;justify-content:center;align-items:flex-end;gap:1.4cqw;display:flex;position:absolute;bottom:1cqw;left:0;right:0}.st-cards-chain{bottom:1cqw}.st-card{--st-frame:#0000;--st-frame-size:0cqw;aspect-ratio:398/576;width:13cqw;filter:drop-shadow(0 0 var(--st-frame-size) var(--st-frame)) drop-shadow(0 .4cqw .6cqw #000000b3);background:url(/images/spell-typer/ui/card-frame.webp) 50%/100% 100% no-repeat;font-size:1.3cqw;transition:translate .18s ease-out,filter .18s;position:relative}.st-cards-chain .st-card{width:11cqw;font-size:1.1cqw}.st-card-current{translate:0 -.6cqw}.st-cards-chain .st-card-current{translate:0 -1.2cqw}.st-card-waiting{filter:brightness(.5)drop-shadow(0 .4cqw .6cqw #000000b3);translate:0 .4cqw}.st-card-done{filter:brightness(.75)saturate(.6)drop-shadow(0 0 .8cqw #ffd27899);translate:0 1.6cqw}.st-card-upgrade{--st-frame-size:3cqw!important}.st-el-fire{--st-glow:#ff8a3a;--st-accent:#ffb36b;--st-typed:#ff9a3c}.st-el-ice{--st-glow:#7fd4ff;--st-accent:#c9f0ff;--st-typed:#4fc8ff}.st-el-thunder{--st-glow:#ffe14d;--st-accent:#fff07a;--st-typed:#ffd21f}.st-el-light{--st-glow:#fff1b8;--st-accent:#fff8d8;--st-typed:#ffc94a}.st-step-basic{--st-frame:#c8beaa59;--st-frame-size:.4cqw}.st-step-mid{--st-frame:#6eb4ffcc;--st-frame-size:.9cqw}.st-step-high{--st-frame:#c882fff2;--st-frame-size:1.4cqw}.st-step-ultimate{--st-frame:#ffc846;--st-frame-size:1.8cqw;animation:.7s ease-in-out infinite alternate st-gold-pulse}.st-step-chain{--st-frame:#ff6e32;--st-frame-size:1.4cqw}.st-step-chain.st-card-current{animation:.45s ease-in-out infinite alternate st-chain-pulse}@keyframes st-gold-pulse{0%{--st-frame-size:1.2cqw}to{--st-frame-size:2.6cqw}}@keyframes st-chain-pulse{0%{--st-frame-size:1cqw}to{--st-frame-size:2.2cqw}}@property --st-frame-size{syntax:"<length>";inherits:true;initial-value:0}.st-emblem{pointer-events:none;width:34%;position:absolute;top:-3.6%;left:33%}.st-card-current .st-emblem{animation:1.2s ease-in-out infinite alternate st-spin-glow}@keyframes st-spin-glow{0%{filter:drop-shadow(0 0 .3cqw var(--st-glow))}to{filter:drop-shadow(0 0 1.2cqw var(--st-glow))}}.st-card-tier{text-align:center;letter-spacing:.3em;color:var(--st-frame);text-shadow:0 0 .6em var(--st-frame), 0 .1em .2em #000;font-size:.85em;font-weight:700;position:absolute;top:27%;left:0;right:0}.st-step-basic .st-card-tier{color:var(--st-muted)}.st-card-body{text-align:center;flex-direction:column;align-items:center;gap:.7em;display:flex;position:absolute;top:40%;left:9%;right:9%}.st-word{max-width:100%;color:var(--st-ink);text-shadow:0 .1em .2em #000;text-wrap:balance;line-break:strict;overflow-wrap:anywhere;font-size:1.5em;line-height:1.2}.st-card-progress{background:#0000008c;border-radius:1em;width:82%;height:.35em;display:block;overflow:hidden;box-shadow:inset 0 0 0 .06em #e8c77a66}.st-card-progress i{background:var(--st-accent);height:100%;box-shadow:0 0 .6em var(--st-glow);transition:width 80ms linear;display:block}.st-typed span{display:inline-block}.st-cards-broken{z-index:2}.st-card-shattered{filter:drop-shadow(0 0 1cqw #ff3020);background:0 0}.st-shard{background:url(/images/spell-typer/ui/card-frame.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.st-shard .st-card-body{top:40%}.st-spark{pointer-events:none;mix-blend-mode:screen;border-radius:50%;width:.5cqw;height:.5cqw;position:absolute;box-shadow:0 0 .8cqw}.st-hints{color:var(--st-muted);text-shadow:0 .1cqw .2cqw #000;flex-direction:column;gap:.2cqw;font-size:.95cqw;display:flex;position:absolute;bottom:.8cqw;left:1.2cqw}.st-pause-button{font:inherit;color:var(--st-ink);border:.1cqw solid var(--st-gold-dark);cursor:pointer;background:#00000073;border-radius:.4cqw;align-self:flex-start;margin-top:.3cqw;padding:.2cqw .8cqw;font-size:.95cqw}.st-banner{text-align:center;pointer-events:none;font-family:Georgia,serif;font-weight:900;position:absolute;top:36%;left:0;right:0}.st-banner-clear{color:#fff2c4;text-shadow:0 0 2cqw #ffd278e6,0 .3cqw #6a3a00;font-size:7cqw}.st-banner-defeat{color:#d9c4c4;text-shadow:0 .3cqw 1cqw #000;font-size:5cqw}.st-overlay{z-index:5;background:#08040c8c;place-items:center;display:grid;position:absolute;inset:0}.st-panel{box-sizing:border-box;border:.18cqw solid var(--st-gold-dark);outline-offset:-.6cqw;background:linear-gradient(#24181ef5,#120c10f5);border-radius:.6cqw;outline:.1cqw solid #e8c77a59;flex-direction:column;align-items:center;gap:1cqw;min-width:30cqw;max-width:56cqw;max-height:88%;padding:2cqw 2.4cqw;font-size:1.2cqw;display:flex;overflow:auto;box-shadow:0 1cqw 3cqw #000000b3}.st-panel h2{color:var(--st-gold);letter-spacing:.06em;margin:0;font-family:Georgia,serif;font-size:2.4cqw}.st-panel h3{color:var(--st-muted);margin:0;font-size:1.3cqw}.st-pause-menu>.st-button{align-self:stretch}.st-note{color:var(--st-muted);text-align:center;margin:0;font-size:1.1cqw}.st-note-error{color:#ffb0a0}.st-note small{opacity:.8;display:block}.st-result-layer{background:#08040c59}.st-result{max-width:74cqw}.st-result-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.4cqw;width:100%;display:grid}.st-result-col{flex-direction:column;align-items:center;gap:1cqw;min-width:0;display:flex}.st-score-breakdown{flex-direction:column;align-items:center;gap:.5cqw;width:100%;display:flex}.st-score-total{align-items:baseline;gap:.8cqw;display:flex}.st-score-total small{color:var(--st-muted);font-size:1.1cqw}.st-score-total strong{color:#fff4d0;text-shadow:0 0 1.2cqw #ffc85ab3;font-family:Georgia,serif;font-size:3.4cqw}.st-score-breakdown table{border-collapse:collapse;width:100%;font-size:1.05cqw}.st-score-breakdown th,.st-score-breakdown td{text-align:right;border-bottom:.08cqw dashed #e8c77a33;padding:.2cqw .6cqw}.st-score-breakdown thead th{color:var(--st-muted);font-weight:400}.st-score-breakdown tbody th{text-align:left;color:var(--st-frame);font-weight:700}.st-score-breakdown .st-step-basic th{color:var(--st-ink)}.st-score-breakdown td{font-family:Georgia,serif}.st-score-extra{color:var(--st-muted);gap:1.6cqw;margin:0;font-size:1cqw;display:flex}.st-score-extra b{color:var(--st-gold)}.st-result{transition:opacity .3s,transform .3s}.st-result-hidden{opacity:0;pointer-events:none;transform:scale(.94)}.st-stats{grid-template-columns:repeat(3,1fr);gap:.6cqw 2cqw;margin:0;display:grid}.st-stats div{text-align:center}.st-stats dt{color:var(--st-muted);font-size:.95cqw}.st-stats dd{margin:0;font-family:Georgia,serif;font-size:1.8cqw;font-weight:700}.st-reward{width:100%;max-width:26cqw;margin:0;padding:0;list-style:none}.st-reward li{border-bottom:.08cqw dashed #e8c77a33;justify-content:space-between;padding:.15cqw 0;font-size:1.15cqw;display:flex}.st-reward b{color:var(--st-gold);font-family:Georgia,serif}.st-reward-total{font-size:1.4cqw!important}.st-exp{align-items:center;gap:.8cqw;width:100%;max-width:30cqw;display:flex}.st-exp-level{color:var(--st-gold);white-space:nowrap;font-family:Georgia,serif;font-size:1.4cqw;font-weight:700}.st-exp-bar{border:.12cqw solid var(--st-gold-dark);background:#0009;border-radius:1cqw;flex:1;min-width:10cqw;height:.9cqw;overflow:hidden}.st-exp-bar i{background:linear-gradient(90deg,#6fd2ff,#b98cff,#ffe08a);height:100%;display:block;box-shadow:0 0 .8cqw #b98cffcc}.st-actions{flex-wrap:wrap;justify-content:center;gap:.8cqw;display:flex}.st-result-nav{z-index:8;flex-direction:column;align-items:center;gap:.6cqw;display:flex;position:absolute;bottom:2cqh;left:50%;transform:translate(-50%)}.st-result-nav>small,.st-result-skip-hint{color:var(--st-ink);text-shadow:0 .1cqw .3cqw #000;font-size:1cqw}.st-result-skip-hint{z-index:8;pointer-events:none;position:absolute;bottom:1.4cqw;right:1.6cqw}.st-result-titles{flex-wrap:wrap;justify-content:center;gap:.4cqw .8cqw;max-width:30cqw;display:flex}.st-result-titles small{text-align:center;width:100%;color:var(--st-muted)}.st-result-titles b{color:var(--st-gold);font-size:1cqw}.st-levelup{pointer-events:none;z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:.6cqw;display:flex;position:absolute;inset:0}.st-levelup-title{color:#fff4cc;letter-spacing:.08em;text-shadow:0 0 2cqw #ffc85af2,0 .3cqw #7a4a00;opacity:0;font-family:Georgia,serif;font-size:7cqw;font-weight:900}.st-levelup-number{color:var(--st-gold);text-shadow:0 .2cqw .4cqw #000;font-family:Georgia,serif;font-size:3cqw}.st-levelup-number span{color:#fff;font-size:4.4cqw;display:inline-block}.st-levelup-unlocked{opacity:0}.st-levelup-unlocked p{text-shadow:0 .1cqw .3cqw #000;align-items:center;gap:.6cqw;margin:0;font-size:1.6cqw;display:flex}.st-levelup-unlocked img{filter:drop-shadow(0 0 1cqw #ffdc8ce6);width:4cqw}.st-title-get{pointer-events:none;z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:.8cqw;display:flex;position:absolute;inset:0}.st-title-get small{color:var(--st-muted);letter-spacing:.2em;font-size:1.4cqw}.st-title-get p{color:var(--st-ink);text-shadow:0 .1cqw .3cqw #000;margin:0;font-size:1.2cqw}.st-plate-large{border-width:0 4.4cqw;border-image-width:0 4.4cqw;min-height:5.4cqw;padding:0 1.4cqw;font-size:2.4cqw}.st-shine-clip{pointer-events:none;clip-path:inset(18% 3% round .6cqw);mix-blend-mode:plus-lighter;position:absolute;inset:0;overflow:hidden}@supports ((-webkit-mask-box-image:none)){.st-shine-clip{clip-path:none;-webkit-mask-box-image:url(/images/spell-typer/ui/title-plate.webp) 0 110 fill/0 4.4cqw}}.st-shine{background:linear-gradient(100deg,#fff0 0%,#fffae1d9 50%,#fff0 100%);width:18%;position:absolute;top:0;bottom:0;left:0;transform:skew(-18deg)}.st-titles ul{grid-template-columns:repeat(2,1fr);gap:.5cqw;width:100%;margin:0;padding:0;list-style:none;display:grid}.st-title-option{text-align:left;width:100%;font:inherit;color:var(--st-ink);cursor:pointer;background:#00000059;border:.1cqw solid #e8c77a40;border-radius:.4cqw;flex-direction:column;padding:.5cqw .8cqw;display:flex}.st-title-option strong{color:var(--st-gold);font-size:1.15cqw}.st-title-option small{color:var(--st-muted);font-size:.85cqw}.st-title-option:disabled{cursor:default;opacity:.55}.st-title-option:hover:not(:disabled),.st-title-current{border-color:var(--st-gold);background:#e8c77a1f}.st-select{box-sizing:border-box;background-size:cover;flex-direction:column;gap:1cqw;padding:1.6cqw 2.4cqw;display:flex}.st-select:before{content:"";background:linear-gradient(#0a060e59,#0a060ecc);transition:background .4s;position:absolute;inset:0}.st-select>*{position:relative}.st-select>.st-overlay{position:absolute}.st-select-head{align-items:center;gap:1cqw;display:flex}.st-select-head h1{color:var(--st-gold);text-shadow:0 .2cqw .4cqw #000;margin:0 0 0 auto;font-family:Georgia,serif;font-size:2.6cqw}.st-select-profile{flex-direction:column;gap:.5cqw;min-width:22cqw;display:flex}.st-stage-list{grid-template-columns:repeat(6,1fr);gap:1cqw;margin:auto 0 0;padding:0;list-style:none;display:grid}.st-stage-card{box-sizing:border-box;width:100%;height:22cqw;font:inherit;color:var(--st-ink);text-align:left;border:.15cqw solid var(--st-gold-dark);cursor:pointer;background:linear-gradient(#0000 30%,#08040ceb 75%),#140c1899;border-radius:.6cqw;flex-direction:column;justify-content:flex-end;gap:.2cqw;padding:.8cqw;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.st-stage-card img{object-fit:contain;filter:drop-shadow(0 .3cqw .5cqw #000);height:13cqw;transition:transform .25s;position:absolute;top:.6cqw;left:50%;transform:translate(-50%)}.st-stage-boss img{height:15cqw;top:-.6cqw}.st-stage-card>:not(img){text-shadow:0 .1cqw .3cqw #000,0 0 .6cqw #000;position:relative}.st-stage-card:hover:not(:disabled),.st-stage-focus:not(:disabled){border-color:var(--st-gold);transform:translateY(-.6cqw);box-shadow:0 0 1.4cqw #e8c77a73}.st-stage-focus:not(:disabled) img{transform:translate(-50%)scale(1.06)}.st-stage-card:disabled{cursor:default;filter:grayscale(.85)brightness(.55)}.st-stage-number{color:var(--st-gold);letter-spacing:.1em;font-size:.95cqw}.st-stage-card strong{font-size:1.5cqw}.st-stage-card small{color:var(--st-muted);font-size:.85cqw}.st-stage-card em{color:#ffb0a0;font-size:.85cqw;font-style:normal}.st-stage-card em.st-cleared{color:#9fe6a8}.st-stage-card em.st-best-score{color:#ffd98a}.st-coins{color:var(--st-muted);align-items:center;gap:.5cqw;font-size:1.1cqw;display:inline-flex}.st-coins b{color:#bfe8ff;text-shadow:0 0 .6cqw #78c8ff99;font-family:Georgia,serif;font-size:1.6cqw}.st-coin{clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);filter:drop-shadow(0 0 .4cqw #78c8ffcc);background:linear-gradient(135deg,#e6f7ff,#6cc4ff 45%,#2a6bd1);width:1.2cqw;height:1.5cqw;display:inline-block}.st-coins-earned{color:#bfe8ff;align-items:center;gap:.6cqw;margin:0;font-size:1.2cqw;display:flex}.st-coins-earned small{color:var(--st-muted)}.st-book-button{min-height:3.8cqw;font-size:1.3cqw}.st-select-hint{color:var(--st-muted);text-align:center;text-shadow:0 .1cqw .2cqw #000;margin:0;font-size:1.05cqw}.st-mobile{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:640px;padding:0 16px 32px;display:flex}.st-mobile-sample{aspect-ratio:16/9;background:50%/cover no-repeat;border-radius:8px;width:100%;position:relative;overflow:hidden}.st-mobile-hero{height:70%;position:absolute;bottom:4%;left:12%}.st-mobile-enemy{height:45%;position:absolute;bottom:4%;right:12%}.st-mobile h1{color:var(--st-gold);margin:8px 0 0;font-size:1.4rem}.st-mobile p{margin:0;line-height:1.7}.st-mobile-howto{color:var(--st-muted);font-size:.9rem}.st-mobile .st-button{border-width:0 28px;border-image-width:0 28px;min-height:48px;padding:0 12px;font-size:1rem}@media (prefers-reduced-motion:reduce){.st-warned .st-gauge i,.st-card-current .st-emblem,.st-step-ultimate,.st-step-chain.st-card-current,.st-chain-count{animation:none}.st-hp-lag{transition-duration:.2s}}.st-prompt-setting{max-width:60rem;color:var(--st-ink);margin:1rem auto;padding:0 1rem}.st-prompt-setting label{margin-bottom:.4rem;display:block}.st-prompt-setting select{max-width:100%;font:inherit;color:var(--st-ink);border:1px solid var(--st-gold-dark);background:#18101f;border-radius:.4rem;padding:.5rem}.st-prompt-setting p{color:var(--st-muted);margin-top:.5rem}.mc{height:var(--mc-height,24cqw);aspect-ratio:var(--mc-aspect);perspective:900px;--rx:0deg;--ry:0deg;--mx:50%;--my:30%;flex:none;position:relative;container-type:size}.mc-tilt{position:absolute;inset:0}.mc-tilting .mc-tilt{transform:rotateX(var(--ry)) rotateY(var(--rx));transition:transform .12s ease-out}.mc img{user-select:none;-webkit-user-drag:none}.mc-bg{left:calc(var(--win-l) - var(--bleed));top:calc(var(--win-t) - var(--bleed));width:calc(var(--win-w) + var(--bleed) * 2);height:calc(var(--win-h) + var(--bleed) * 2);object-fit:cover;position:absolute}.mc-window{left:var(--win-l);top:var(--win-t);width:var(--win-w);height:var(--win-h);position:absolute;overflow:hidden}.mc-window-free{overflow:visible}.mc-art{width:calc(96% * var(--over));height:calc(92% * var(--over));transform-origin:50% 100%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.mc-art img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;position:absolute;inset:0}.mc-frame{width:100%;height:100%;position:absolute;inset:0}.mc-over{pointer-events:none;clip-path:polygon(-30% -30%, 130% -30%, 130% var(--win-b), var(--win-r) var(--win-b), var(--win-r) var(--win-t), var(--win-l) var(--win-t), var(--win-l) var(--win-b), -30% var(--win-b));position:absolute;inset:0}.mc-name{left:12%;right:12%;top:var(--band-t);height:var(--band-h);color:#f6e6c4;letter-spacing:.08em;white-space:nowrap;text-shadow:0 .3cqh .4cqh #000;place-items:center;font-size:5.2cqh;font-weight:700;display:grid;position:absolute}.mc-count{color:#ffe6a8;background:linear-gradient(#3a2412,#1a0e06);border:.4cqh solid #d8b15a;border-radius:99px;padding:.4cqh 2.5cqh;font-family:Georgia,serif;font-size:5cqh;font-weight:900;position:absolute;bottom:3%;right:-4%;box-shadow:0 .6cqh 1cqh #0009}.mc-fx{pointer-events:none;-webkit-mask:url(/images/spell-typer/cards/frame-common.webp) center / 100% 100% no-repeat, linear-gradient(#000, #000) var(--win-mx) var(--win-my) / var(--win-w) var(--win-h) no-repeat;mask:url(/images/spell-typer/cards/frame-common.webp) center / 100% 100% no-repeat, linear-gradient(#000, #000) var(--win-mx) var(--win-my) / var(--win-w) var(--win-h) no-repeat;mix-blend-mode:plus-lighter;position:absolute;inset:0}.mc-common .mc-fx{display:none}.mc-rare .mc-fx{-webkit-mask-image:url(/images/spell-typer/cards/frame-rare.webp),linear-gradient(#000,#000);mask-image:url(/images/spell-typer/cards/frame-rare.webp),linear-gradient(#000,#000)}.mc-super .mc-fx{-webkit-mask-image:url(/images/spell-typer/cards/frame-super.webp),linear-gradient(#000,#000);mask-image:url(/images/spell-typer/cards/frame-super.webp),linear-gradient(#000,#000)}.mc-secret .mc-fx{-webkit-mask-image:url(/images/spell-typer/cards/frame-secret.webp),linear-gradient(#000,#000);mask-image:url(/images/spell-typer/cards/frame-secret.webp),linear-gradient(#000,#000)}.mc-rare .mc-fx{background:linear-gradient(115deg,#0000 44%,#ffffffd9 50%,#0000 56%) 0 0/260% 100% no-repeat;animation:3.4s ease-in-out infinite mc-sweep}@keyframes mc-sweep{0%{background-position:140% 0}28%{background-position:-40% 0}to{background-position:-40% 0}}.mc-super .mc-fx{background:radial-gradient(circle at var(--mx) var(--my), #ffffff8c, transparent 38%), repeating-linear-gradient(120deg, #ff464638, #ffd23c38 7%, #3cff8c38 14%, #3caaff38 21%, #c850ff38 28%, #ff464638 35%);background-size:100% 100%,280% 280%;animation:7s linear infinite mc-rainbow}.mc-super .mc-fx:after,.mc-secret .mc-fx:after{content:"";background-image:radial-gradient(circle,#fffffff2 0 .45cqh,#0000 .7cqh),radial-gradient(circle,#fff0c8e6 0 .3cqh,#0000 .55cqh);background-position:0 0,5cqh 7cqh;background-size:11cqh 13cqh,17cqh 19cqh;animation:1.8s ease-in-out infinite alternate mc-twinkle;position:absolute;inset:0}@keyframes mc-rainbow{0%{background-position:0 0,0 0}to{background-position:0 0,280% 280%}}@keyframes mc-twinkle{0%{opacity:.15;transform:translateY(0)}to{opacity:.9;transform:translateY(-1.5cqh)}}.mc-secret .mc-fx{background:radial-gradient(circle at var(--mx) var(--my), #ffffff80, transparent 36%), linear-gradient(100deg, transparent 38%, #ffd66e66 46%, #ffffff8c 50%, #ffd66e66 54%, transparent 62%) no-repeat, repeating-linear-gradient(135deg, #ff50c833, #7878ff33 10%, #50ffdc33 20%, #ffdc5a33 30%, #ff50c833 40%);background-size:100% 100%,300% 100%,260% 260%;animation:4.5s ease-in-out infinite mc-gold,9s linear infinite mc-rainbow}@keyframes mc-gold{0%{background-position:0 0,150% 0,0 0}45%{background-position:0 0,-50% 0,130% 130%}to{background-position:0 0,-50% 0,260% 260%}}.mc-art-alive{animation:2.6s ease-in-out infinite mc-breathe}.mc-art-swap .mc-art-idle{animation:6s ease-in-out infinite mc-pose-idle}.mc-art-swap .mc-art-attack{opacity:0;animation:6s ease-in-out infinite mc-pose-attack}.mc-art-pulse{animation:2.6s ease-in-out infinite mc-breathe,6s ease-in-out infinite mc-roar}@keyframes mc-breathe{0%,to{scale:1}50%{scale:1.015 1.035}}@keyframes mc-pose-idle{0%,52%{opacity:1}58%,82%{opacity:0}88%,to{opacity:1}}@keyframes mc-pose-attack{0%,52%{opacity:0;translate:0}58%{opacity:1;translate:-3%}82%{opacity:1;translate:-3%}88%,to{opacity:0;translate:0}}@keyframes mc-roar{0%,52%,to{filter:brightness();translate:0}58%{filter:brightness(1.5)drop-shadow(0 0 2cqh #ff2828cc);translate:-2% -1%}70%{filter:brightness(1.2);translate:-1%}}.mc-particles{left:var(--win-l);top:var(--win-t);width:var(--win-w);height:var(--win-h);pointer-events:none;position:absolute;overflow:hidden}.mc-particles i{mix-blend-mode:plus-lighter;background:radial-gradient(circle,#fff,#ffd278e6 40%,#0000 70%);border-radius:50%;width:1.2cqh;height:1.2cqh;animation-name:mc-float;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;bottom:-4%}@keyframes mc-float{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(3cqh,-70cqh)scale(1.2)}}.mc-back{border:1.6cqh solid var(--back-edge,#b07a3e);background:radial-gradient(circle at 50% 50%, #ffdc8c40 0 14%, transparent 15%), repeating-conic-gradient(from 0deg at 50% 50%, #ffd27814 0 10deg, transparent 10deg 20deg), linear-gradient(160deg, #2a1636, #12081a);border-radius:4%;position:absolute;inset:0;box-shadow:inset 0 0 0 .6cqh #0009,inset 0 0 6cqh #000c}.mc-back:after{content:"✦";color:var(--back-edge,#b07a3e);text-shadow:0 0 3cqh #ffdc8c99;place-items:center;font-size:22cqh;display:grid;position:absolute;inset:0}.st-card-reveal{z-index:7;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;display:flex;position:absolute;inset:0}.st-card-reveal-skip{color:#f6ead28c;font-size:1cqw;position:absolute;bottom:1.6cqw;right:2cqw}.st-card-reveal-dim{opacity:0;background:#040208d9;position:absolute;inset:0}.st-card-reveal-pillar{mix-blend-mode:plus-lighter;opacity:0;background:linear-gradient(90deg,#0000,#c8a0ff8c,#ffffffe6,#c8a0ff8c,#0000);width:22cqw;position:absolute;top:0;bottom:0;left:50%;translate:-50%;scale:0 1;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.st-card-reveal-glow{background:radial-gradient(circle, #fff 0 6%, var(--glow,#ffdca0e6) 18%, transparent 66%);mix-blend-mode:plus-lighter;opacity:0;border-radius:50%;width:56cqw;height:56cqw;position:absolute;scale:.4}.st-card-flip{--mc-height:30cqw;height:30cqw;transform-style:preserve-3d;perspective:1200px;position:relative}.st-card-flip-inner{height:100%;transform-style:preserve-3d;position:relative}.st-card-flip-face{backface-visibility:hidden;justify-content:center;display:flex;position:absolute;inset:0}.st-card-flip-front{transform:rotateY(180deg)}.st-card-flip-back{display:grid}.st-card-reveal-text{opacity:0;color:#fff4d0;text-shadow:0 .2cqw .6cqw #000;align-items:baseline;gap:1cqw;font-size:1.8cqw;font-weight:700;display:flex;position:relative}.st-card-reveal-text b{color:var(--rarity-color,#ffd98a);letter-spacing:.1em;font-family:Georgia,serif;font-size:2.2cqw}.st-rarity-common{--rarity-color:#e09a5c;--glow:#ffbe78b3;--back-edge:#b07a3e}.st-rarity-rare{--rarity-color:#cfe4ff;--glow:#96c8ffd9;--back-edge:#b9c6d6}.st-rarity-super{--rarity-color:#ffd65a;--glow:#ffd25af2;--back-edge:#e8b93a}.st-rarity-secret{--rarity-color:#d6a8ff;--glow:#c88cff;--back-edge:#f0c24a}.st-book{width:92cqw;max-width:none;max-height:92%;padding:1.4cqw 1.8cqw}.st-book-head{align-items:baseline;gap:2cqw;width:100%;display:flex}.st-book-head h2{margin-right:auto}.st-book-head span{color:var(--st-muted);font-size:1.2cqw}.st-book-head b{color:var(--st-gold);font-family:Georgia,serif;font-size:1.6cqw}.st-book-meter{border:.1cqw solid var(--st-gold-dark);background:#00000080;border-radius:1cqw;width:100%;height:.7cqw;overflow:hidden}.st-book-meter i{background:linear-gradient(90deg,#e09a5c,#cfe4ff,#ffd65a,#d6a8ff);height:100%;display:block}.st-book-grid{grid-template-columns:auto repeat(4,1fr);place-items:center;gap:.6cqw 1.2cqw;width:100%;display:grid;overflow:auto}.st-book-grid>.st-book-rarity{color:var(--rarity-color);letter-spacing:.1em;font-size:1.1cqw;font-weight:700}.st-book-enemy{color:var(--st-ink);white-space:nowrap;justify-self:start;font-size:1.2cqw}.st-book-slot{--mc-height:12.5cqw;cursor:pointer;background:0 0;border:0;place-items:center;height:12.5cqw;padding:0;display:grid;position:relative}.st-book-slot:disabled{cursor:default}.st-book-slot-rarity{display:none}.st-book-slot:focus-visible{outline:.2cqw solid var(--st-gold);outline-offset:.3cqw;border-radius:.4cqw}.st-book-unknown{aspect-ratio:571/900;background:#00000059;border:.15cqw dashed #e8c77a4d;border-radius:.6cqw;place-items:center;height:12.5cqw;display:grid;position:relative;overflow:hidden}.st-book-unknown img{object-fit:contain;object-position:50% 100%;filter:brightness(0);opacity:.55;width:84%;height:60%;position:absolute;bottom:22%;left:8%;right:8%}.st-book-unknown span{color:#e8c77a99;font-family:Georgia,serif;font-size:3cqw;position:relative}.st-book-zoom{z-index:8;background:#06030ae0;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;display:flex;position:absolute;inset:0}.st-book-zoom .mc{--mc-height:40cqw}.st-book-slot .mc *,.st-book-slot .mc :after{animation-play-state:paused!important}.st-book-slot:hover .mc *,.st-book-slot:hover .mc :after,.st-book-slot:focus-visible .mc *,.st-book-slot:focus-visible .mc :after{animation-play-state:running!important}.st-book-zoom p{color:var(--st-ink);margin:0;font-size:1.4cqw}@media (width<=640px){.st-title .st-book-head{flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px}.st-title .st-book-head h2{width:100%}.st-title .st-book-head span{font-size:.9rem}.st-title .st-book-meter{border-width:1px;border-radius:8px;flex:none;height:8px}.st-title .st-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;min-height:0}.st-title .st-book-grid>span:first-child,.st-title .st-book-grid>.st-book-rarity{display:none}.st-title .st-book-enemy{white-space:normal;grid-column:1/-1;font-size:1rem}.st-title .st-book-slot{--mc-height:clamp(168px, 45vw, 220px);gap:8px;width:100%;height:auto}.st-title .st-book-slot-rarity{color:var(--rarity-color);font:inherit;overflow-wrap:anywhere;font-size:.9rem;display:block}.st-title .st-book-unknown{height:var(--mc-height);border-width:1px;border-radius:8px}.st-title .st-book-unknown span{font-size:2rem}.st-title .st-book>.st-button{flex:none}.st-title .st-book-zoom{box-sizing:border-box;gap:16px;padding:16px}.st-title .st-book-zoom .mc{--mc-height:min(100vw, 55svh, 420px)}.st-title .st-book-zoom p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.mc-fx,.mc-fx:after,.mc-art-alive,.mc-art-alive img,.mc-art-pulse,.mc-particles i{animation:none!important}.mc-art-swap .mc-art-attack{opacity:0}.mc-particles{display:none}.mc-tilting .mc-tilt{transform:none}}.st-card-toast{z-index:6;border:.15cqw solid var(--rarity-color);box-shadow:0 0 1.4cqw var(--glow), 0 .4cqw 1cqw #0009;pointer-events:none;background:#0e0812e0;border-radius:.8cqw;align-items:center;gap:1.2cqw;padding:1cqw 1.6cqw 1cqw 1cqw;display:flex;position:absolute;bottom:1.6cqw;left:1.6cqw}.st-card-toast-card{position:relative}.st-card-toast .mc{--mc-height:9cqw}.st-card-toast-glow{box-shadow:0 0 2cqw .6cqw var(--glow);opacity:0;border-radius:.8cqw;position:absolute;inset:-.4cqw}.st-card-toast p{color:#fff4d0;text-shadow:0 .1cqw .3cqw #000;flex-direction:column;gap:.3cqw;margin:0;display:flex}.st-card-toast small{color:var(--st-muted,#b9a98c);letter-spacing:.1em;font-size:1cqw}.st-card-toast b{font-size:1.7cqw}.st-card-toast span{color:var(--rarity-color);letter-spacing:.08em;font-family:Georgia,serif;font-size:1.2cqw;font-weight:700}