:root{--ink:#20120b;--deep:#2a1710;--ground:#3a1f14;--clay:#c1632f;--clay-dark:#8f3f1d;--marble:#f2e8d8;--marble-shade:#d8c7ac;--bronze:#c9a24a;--aegean:#2f6f8f;--olive:#6f7f42;--danger:#9c2f26;--radius:14px;--shadow:0 18px 40px #0c060373;--font:"Avenir Next", "Segoe UI", "PingFang HK", "Noto Sans TC", system-ui, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", "Songti TC", Georgia, serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--marble);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 80% at 70% -10%,#c9a24a1a,#0000 60%),linear-gradient(#24140c 0%,#1a0e08 100%);line-height:1.5}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.boot-screen{min-height:100vh;color:var(--bronze);letter-spacing:.08em;place-items:center;display:grid}.app-shell{width:min(720px,100%);margin:0 auto;padding:0 16px 40px}:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}.primary-btn{background:linear-gradient(180deg, #d9763f 0%, var(--clay) 45%, var(--clay-dark) 100%);color:#fff6e8;letter-spacing:.02em;border:1px solid #ffebc859;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 10px 22px #8f3f1d59,inset 0 1px #ffffff47}.primary-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-btn:active{transform:translateY(1px);box-shadow:0 6px 14px #8f3f1d59}.ghost-btn{min-height:44px;color:var(--bronze);background:0 0;border:1px solid #c9a24a8c;border-radius:999px;padding:10px 20px;font-weight:600;transition:background .14s,color .14s}.ghost-btn:hover{color:#efd79a;background:#c9a24a1f}.meander{border-top:2px solid var(--bronze);border-bottom:2px solid var(--bronze);background-image:repeating-linear-gradient(90deg, var(--bronze) 0 2px, transparent 2px 15px);opacity:.85;background-position:0;background-repeat:repeat-x;background-size:100% 8px;height:18px;margin-bottom:26px}.home-hero{text-align:center;padding:40px 0 8px}.home-kicker{color:var(--bronze);letter-spacing:.4em;text-transform:none;margin-bottom:10px;font-size:.8rem}.home-title{font-family:var(--serif);letter-spacing:.02em;color:var(--marble);text-shadow:0 2px #00000040,0 18px 40px #c9a24a2e;font-size:clamp(2.2rem,9vw,3.4rem);font-weight:600;line-height:1.05}.home-tagline{color:#f2e8d8c7;max-width:30em;margin:14px auto 0;font-size:.98rem}.hero-btn{min-width:240px;margin-top:24px}.storage-warning{color:var(--danger);margin-top:12px;font-size:.85rem}.home-main{padding-top:34px}.tier+.tier{margin-top:34px}.tier-head h2{font-family:var(--serif);color:var(--marble);align-items:baseline;gap:10px;font-size:1.25rem;font-weight:600;display:flex}.tier-name{letter-spacing:.06em}.tier-zh{font-family:var(--font);color:var(--bronze);letter-spacing:.14em;font-size:.85rem}.tier-blurb{color:#f2e8d899;margin-top:4px;font-size:.86rem}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:14px;display:grid}.pack-card{text-align:left;border-radius:var(--radius);background:linear-gradient(#c9a24a14,#00000029),#2e1a11db;border:1px solid #c9a24a47;gap:8px;padding:16px 16px 14px;transition:border-color .15s,transform .15s,background .15s;display:grid}.pack-card:hover{background:linear-gradient(#c9a24a24,#0000002e),#381f14eb;border-color:#c9a24ab3;transform:translateY(-2px)}.pack-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pack-name{font-family:var(--serif);font-size:1.05rem;font-weight:600}.pack-zh{color:var(--bronze);letter-spacing:.08em;white-space:nowrap;font-size:.78rem}.pack-blurb{color:#f2e8d89e;font-size:.82rem}.pack-progress{align-items:center;gap:10px;margin-top:4px;display:flex}.pack-track{background:#0006;border-radius:999px;flex:1;height:5px;overflow:hidden}.pack-track>span{background:linear-gradient(90deg, var(--clay), var(--bronze));border-radius:inherit;height:100%;transition:width .3s;display:block}.pack-count{color:#f2e8d8b3;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.74rem}.home-foot{border-top:1px solid #c9a24a2e;justify-items:center;gap:12px;margin-top:40px;padding-top:20px;display:grid}.credit{color:#f2e8d861;text-align:center;font-size:.72rem}.game-shell{width:min(720px,100%);padding-top:14px}.game-hud{border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e100ab8;border:1px solid #c9a24a4d;gap:10px;padding:12px 14px;display:grid}.hud-top{align-items:center;gap:12px;display:flex}.back-btn{width:38px;height:38px;color:var(--bronze);background:0 0;border:1px solid #c9a24a66;border-radius:50%;flex:none;font-size:1.1rem;line-height:1}.back-btn:hover{background:#c9a24a1f}.hud-pack{gap:1px;min-width:0;display:grid}.hud-label{letter-spacing:.18em;color:#c9a24ad9;font-size:.66rem}.hud-pack strong{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:600;overflow:hidden}.hud-progress{font-variant-numeric:tabular-nums;color:#f2e8d8cc;justify-items:end;gap:5px;margin-left:auto;font-size:.8rem;display:grid}.hud-progress-track{background:#00000073;border-radius:999px;width:96px;height:4px;overflow:hidden}.hud-progress-track>span{background:linear-gradient(90deg, var(--bronze), var(--clay));height:100%;transition:width .26s;display:block}.hud-bottom{border-top:1px solid #c9a24a29;align-items:center;gap:20px;padding-top:8px;display:flex}.hud-stat{align-items:center;gap:8px;display:flex}.shield-pips{gap:5px;display:inline-flex}.shield-pip{clip-path:polygon(50% 0,100% 20%,100% 62%,50% 100%,0 62%,0 20%);background:#f2e8d829;width:16px;height:16px;transition:background .22s}.shield-pip.is-on{background:linear-gradient(180deg, #f0d79a, var(--bronze))}.emergency-tag{color:#f0a79f;letter-spacing:.12em;background:#9c2f2638;border:1px solid #9c2f26cc;border-radius:999px;padding:2px 8px;font-size:.68rem}.hud-number{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:1.05rem}.game-main{gap:14px;margin-top:12px;display:grid}.battlefield{border-radius:var(--radius);isolation:isolate;background:radial-gradient(80% 120% at 72% 18%,#c9a24a42,#0000 55%),linear-gradient(#341d13 0%,#4a2617 52%,#61301c 100%);border:1px solid #c9a24a3d;height:clamp(150px,30vh,250px);position:relative;overflow:hidden}.sky-glow{filter:blur(6px);z-index:0;background:radial-gradient(closest-side,#e9ba6c80,#0000 70%);width:55%;height:130%;position:absolute;inset:-30% -10% auto auto}.horizon{z-index:1;background:linear-gradient(90deg,#0000,#c9a24a73,#0000);height:1px;position:absolute;bottom:26%;left:0;right:0}.battlefield:after{content:"";z-index:1;background:linear-gradient(#3a1f14d9,#2a150c);border-top:1px solid #c9a24a38;height:26%;position:absolute;bottom:0;left:0;right:0}.gate{z-index:2;filter:drop-shadow(0 8px 14px #00000073);transform-origin:50% 100%;width:clamp(86px,24vw,132px);height:clamp(84px,24vw,128px);position:absolute;bottom:24%;left:6%}.gate-pediment{background:linear-gradient(180deg, var(--marble), var(--marble-shade));clip-path:polygon(50% 0,100% 100%,0 100%);height:30%;position:absolute;top:0;left:0;right:0}.gate-architrave{background:linear-gradient(#e7d9c3,#c3ae90);height:9%;position:absolute;top:28%;left:0;right:0}.gate-colonnade{justify-content:space-between;display:flex;position:absolute;inset:36% 2% 0}.gate-column{background:linear-gradient(90deg,#ffffff59,#0000 40%),repeating-linear-gradient(90deg,#efe3cf 0 2px,#cbb99c 2px 4px);border-radius:1px;width:11%}.gate-door{background:linear-gradient(#1d100a,#0d0704);border-radius:50% 50% 0 0/34% 34% 0 0;position:absolute;inset:44% 30% 0;box-shadow:inset 0 0 12px #c9a24a59}.gate-steps{background:linear-gradient(#d9c8ac,#a8927a);border-radius:2px;height:7px;position:absolute;bottom:-7px;left:-6%;right:-6%}.gate-label{letter-spacing:.2em;color:#f2e8d86b;white-space:nowrap;font-size:.6rem;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.enemy-wrap{z-index:3;transform-origin:50% 100%;position:absolute;bottom:23%;right:12%}.enemy-wrap.is-idle{animation:2.6s ease-in-out infinite enemy-bob}.enemy-wrap.is-attacking{animation:.62s cubic-bezier(.3,0,.4,1) both enemy-lunge}.enemy-wrap.is-dying{animation:.9s ease-out both enemy-fall}.sprite{background-image:var(--sheet);background-repeat:no-repeat;background-size:calc(var(--frames) * 48px) 48px;width:48px;height:48px;image-rendering:pixelated;transform:scale(calc(var(--scale) * 2.6));transform-origin:50% 100%;background-position:0 0;display:block}.is-idle .sprite{animation:sprite-loop calc(var(--frames) * .15s) steps(var(--frames)) infinite}.is-attacking .sprite{animation:sprite-loop calc(var(--frames) * 90ms) steps(var(--frames)) infinite}.is-dying .sprite{animation:sprite-loop calc(var(--frames) * .13s) steps(var(--frames)) 1 both}@keyframes sprite-loop{0%{background-position:0 0}to{background-position:calc(var(--frames) * -48px) 0}}@keyframes enemy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes enemy-lunge{0%{transform:translate(0)}35%{transform:translate(-52px,-10px)scale(1.06)}60%{transform:translate(-30px)scale(1.02)}to{transform:translate(0)}}@keyframes enemy-fall{0%{opacity:1;transform:translateY(0)}55%{opacity:.85;transform:translateY(6px)scale(.96)}to{opacity:0;transform:translateY(26px)scale(.9)}}.battlefield.is-breach .gate{animation:.52s ease-out gate-hit}@keyframes gate-hit{0%{filter:drop-shadow(0 8px 14px #00000073);transform:translate(0)rotate(0)}20%{filter:drop-shadow(0 0 18px #dc4632b3);transform:translate(-6px)rotate(-1.4deg)}45%{transform:translate(5px)rotate(1deg)}70%{transform:translate(-3px)rotate(-.5deg)}to{transform:translate(0)rotate(0)}}.impact{z-index:4;background:radial-gradient(circle,#ffe0b0 0%,#e06a3a 45%,#0000 70%);border-radius:50%;width:18px;height:18px;animation:.62s ease-out both impact-pop;position:absolute;bottom:42%;left:18%}@keyframes impact-pop{0%{opacity:1;transform:scale(.2)}60%{opacity:.75;transform:scale(3.4)}to{opacity:0;transform:scale(4.2)}}.spoils{z-index:4;font-family:var(--serif);color:#f7dda0;text-shadow:0 2px 10px #0009;font-size:1.1rem;font-weight:700;animation:.9s ease-out both spoils-rise;position:absolute;bottom:62%;right:6%}@keyframes spoils-rise{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.battle-label{z-index:5;letter-spacing:.16em;color:#f2e8d88c;white-space:nowrap;font-size:.72rem;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.battlefield.is-emergency{box-shadow:inset 0 0 60px #9c2f2673}.battlefield.is-boss{background:radial-gradient(80% 120% at 72% 18%,#be3c284d,#0000 55%),linear-gradient(#341d13 0%,#4a2617 52%,#55281a 100%)}.question-panel{border-radius:var(--radius);background:linear-gradient(#c9a24a1a,#0000002e),#28170feb;border:1px solid #c9a24a59;padding:18px 16px 16px;position:relative;box-shadow:inset 0 0 0 1px #00000059}.question-panel:before{content:"";border:12px solid #0000;border-image:var(--panel-frame,none) 24 / 12px / 0 round;opacity:.16;pointer-events:none;border-radius:6px;position:absolute;inset:5px}.question-panel>*{z-index:1;position:relative}.question-head{text-align:center}.question-type{letter-spacing:.24em;color:#c9a24ae6;font-size:.7rem}.prompt-main{font-family:var(--serif);letter-spacing:.01em;color:var(--marble);word-break:break-word;margin-top:4px;font-size:clamp(1.6rem,7vw,2.2rem);font-weight:600}.prompt-main.is-zh{font-family:var(--font);font-size:clamp(1.4rem,6vw,1.9rem)}.prompt-sub{color:#f2e8d88c;margin-top:2px;font-size:.78rem}.choices{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.choice-btn{min-height:52px;color:var(--marble);text-align:left;background:linear-gradient(#fff6e812,#0000002e);border:1px solid #c9a24a4d;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.98rem;transition:border-color .13s,background .13s,transform .13s;display:flex;position:relative}.choice-btn:hover:not(:disabled){background:linear-gradient(#fff6e81f,#0003);border-color:#c9a24abf;transform:translateY(-1px)}.choice-btn:active:not(:disabled){transform:translateY(1px)}.key-hint{width:22px;height:22px;color:var(--bronze);font-variant-numeric:tabular-nums;border:1px solid #c9a24a73;border-radius:5px;flex:none;place-items:center;font-size:.7rem;display:grid}.choice-label{flex:1;min-width:0}.choice-btn.is-correct{background:linear-gradient(#6f7f4257,#3c4a2257);border-color:#6f7f42e6;box-shadow:0 0 0 1px #96ac6059,0 8px 22px #0000004d}.choice-btn.is-wrong{background:linear-gradient(#9c2f265c,#5a18135c);border-color:#9c2f26e6}.choice-btn.is-muted{opacity:.42}.scan-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.scan-btn{min-height:40px;color:var(--bronze);background:0 0;border:1px dashed #c9a24a99;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;display:inline-flex}.scan-btn:hover:not(:disabled){background:#c9a24a1f}.scan-btn:disabled{opacity:.4}.scan-icon{font-size:.95rem}.scan-note{color:#f2e8d873;font-size:.72rem}.spell-form{grid-template-columns:1fr auto;gap:10px;margin-top:16px;display:grid}.spell-input{min-height:52px;color:var(--marble);letter-spacing:.06em;background:#00000052;border:1px solid #c9a24a66;border-radius:10px;padding:12px 16px;font-size:1.1rem}.spell-input:focus{outline:2px solid var(--bronze);outline-offset:1px}.spell-input.is-correct{border-color:#6f7f42e6}.spell-input.is-wrong{border-color:#9c2f26e6}.spell-submit{min-height:52px;padding-inline:20px}.feedback{background:#00000047;border:1px solid #c9a24a4d;border-radius:12px;margin-top:14px;padding:14px 16px;animation:.22s ease-out feedback-in}.feedback.good{background:linear-gradient(#6f7f4229,#00000042);border-color:#6f7f42b3}.feedback.bad{background:linear-gradient(#9c2f2629,#00000042);border-color:#9c2f26b3}@keyframes feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feedback-title{font-family:var(--serif);letter-spacing:.04em;font-size:1.05rem;font-weight:600}.feedback-word{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:6px;display:flex}.feedback-word strong{font-family:var(--serif);font-size:1.2rem}.feedback-word span{color:#f2e8d8d9}.feedback-word em{color:var(--bronze);font-size:.72rem;font-style:normal}.feedback-example{color:#f2e8d8e6;margin-top:8px;font-size:.9rem}.feedback-example-zh{color:#f2e8d88c;margin-top:2px;font-size:.82rem}.feedback-note{color:#c9a24ae6;margin-top:8px;font-size:.76rem}.feedback-continue{width:100%;margin-top:14px}.result-main{text-align:center;padding-top:44px}.result-kicker{letter-spacing:.24em;color:var(--bronze);font-size:.76rem}.result-title{font-family:var(--serif);margin-top:8px;font-size:clamp(1.8rem,8vw,2.6rem);font-weight:600}.result-stars{color:#f2e8d82e;justify-content:center;gap:10px;margin-top:18px;font-size:2rem;display:flex}.star.is-on{color:var(--bronze);text-shadow:0 0 18px #c9a24a99;animation:.42s cubic-bezier(.2,1.4,.5,1) both star-pop}.star.is-on:nth-child(2){animation-delay:.12s}.star.is-on:nth-child(3){animation-delay:.24s}@keyframes star-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.result-stats{border-radius:var(--radius);background:#00000038;border:1px solid #c9a24a47;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px;padding:16px 12px;display:grid}.result-stat{gap:4px;display:grid}.result-stat-label{letter-spacing:.14em;color:#c9a24ad9;font-size:.68rem}.result-stat strong{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:1.15rem}.result-progress{color:#f2e8d8b3;margin-top:16px;font-size:.86rem}.result-note{color:#f2e8d899;margin-top:18px}.missed{text-align:left;margin-top:24px}.missed-title{font-family:var(--serif);color:var(--bronze);font-size:1.05rem;font-weight:600}.missed-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.missed-list li{background:#9c2f261a;border:1px solid #9c2f2666;border-radius:10px;align-items:baseline;gap:10px;padding:10px 14px;display:flex}.missed-list strong{font-family:var(--serif);font-size:1.02rem}.missed-list span{color:#f2e8d8bf;font-size:.86rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}@media (width<=420px){.app-shell{padding-inline:12px}.pack-grid{grid-template-columns:1fr}.result-stats{grid-template-columns:repeat(2,1fr);row-gap:14px}}@media (width<=380px){.choices{gap:8px}.choice-btn{gap:7px;min-height:44px;padding:10px;font-size:.92rem}.key-hint{width:20px;height:20px;font-size:.66rem}.question-panel{padding:14px 12px 12px}.prompt-main{font-size:1.5rem}.battlefield{height:140px}.enemy-wrap{right:8%}.gate{left:4%}.home-hero{padding-top:28px}}@media (height<=720px){.battlefield{height:clamp(132px,24vh,190px)}}@media (prefers-reduced-motion:reduce){.enemy-wrap,.sprite,.gate,.impact,.spoils,.star.is-on{animation-duration:1ms!important;animation-iteration-count:1!important}.is-idle .sprite{background-position:0 0}}