:root{--ink:#f3e6d0;--ink-dim:#f3e6d0ad;--bg:#14100c;--panel:#16100ce0;--panel-solid:#16100cf5;--panel-border:#c49a5259;--gold:#c9a04a;--gold-bright:#e8c56a;--jade:#6fa88a;--blood:#b8453a;--hp-high:#5cb87a;--hp-mid:#d4b04a;--hp-low:#c45a4e;--player:#3d7ea6;--enemy:#b8892d;--shadow:#00000073;--font:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-ui:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--touch:2.75rem}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:var(--ink);font-family:var(--font-ui);background:var(--bg);text-rendering:geometricprecision}#app{background:#14100c;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.hidden{pointer-events:none!important;display:none!important}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.screen{pointer-events:auto;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.boot-screen{z-index:40;background:radial-gradient(at 50% 30%,#b870302e,#0000 55%),#14100c;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.boot-screen.hidden{opacity:0;pointer-events:none;display:flex!important}.boot-card{text-align:center;width:min(16rem,80vw)}.boot-title{font-family:var(--font);letter-spacing:.45em;color:var(--ink);margin:0 0 1rem;padding-left:.45em;font-size:1.6rem}.boot-bar{background:#e8c56a26;border-radius:2px;height:3px;overflow:hidden}.boot-bar span{background:linear-gradient(90deg, var(--gold), var(--gold-bright));width:8%;height:100%;transition:width .25s;display:block}.boot-text{color:var(--ink-dim);letter-spacing:.12em;margin:.75rem 0 0;font-size:.8rem}#title-screen{background:linear-gradient(#0c090759 0%,#0c0907b8 100%),radial-gradient(at 50% 80%,#b8703038,#0000 55%)}.btn-action{padding:.55rem 1rem .55rem 2.4rem;position:relative}.btn-action:before{content:"";opacity:.95;pointer-events:none;background:50%/contain no-repeat;width:1.55rem;height:1.55rem;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}#btn-attack:before{background-image:url(/assets/ui/icon-attack.webp)}#btn-wait:before{background-image:url(/assets/ui/icon-wait.webp)}#btn-end-turn{padding:.7rem 1.25rem .7rem 2.4rem;position:relative}#btn-end-turn:before{content:"";opacity:.95;pointer-events:none;background:url(/assets/ui/icon-endturn.webp) 50%/contain no-repeat;width:1.55rem;height:1.55rem;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.title-frame{text-align:center;border:1px solid var(--panel-border);background:linear-gradient(#1c140eb8,#100c08db),url(/assets/ui/chapter-map.webp) 50%/cover no-repeat;width:min(28rem,100% - 2rem);max-width:28rem;padding:2.75rem 2.25rem 2.25rem;position:relative;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #e8c56a14}.title-ornament{pointer-events:none;opacity:.55;mix-blend-mode:screen;background:url(/assets/ui/panel-ornament.webp) 50%/100% 100% no-repeat;border:1px solid #c9a04a47;position:absolute;inset:8px}.title-ornament:before,.title-ornament:after{content:"";border:1px solid var(--gold);opacity:.85;width:14px;height:14px;position:absolute}.title-ornament:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.title-ornament:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.title-era{letter-spacing:.35em;color:var(--gold);margin:0 0 .75rem;font-size:.85rem;position:relative}.title-logo{filter:none;object-fit:contain;background:#120e0a;border:1px solid #c9a04a8c;width:min(11.5rem,48vw);height:auto;margin:.15rem auto .35rem;padding:.35rem;display:block;position:relative;box-shadow:0 8px 22px #00000080,inset 0 0 0 1px #e8c56a1f}.title-name{font-family:var(--font);letter-spacing:.4em;color:var(--ink);text-shadow:0 0 40px #e8c56a59,0 4px 24px #0009;margin:0;padding-left:.4em;font-size:clamp(3.5rem,12vw,5.5rem);font-weight:700;line-height:1;position:relative}.title-rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:min(10rem,55%);height:1px;margin:1rem auto;position:relative}.title-sub{font-family:var(--font);letter-spacing:.22em;color:var(--ink-dim);margin:.25rem 0 1.75rem;font-size:1.05rem;position:relative}.title-hint{color:#f3e6d08c;margin:1.5rem 0 0;font-size:.88rem;line-height:1.55;position:relative}.btn-primary,.btn-ghost,.btn-action,.btn-icon{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s,opacity .15s}.btn-primary{min-width:9.5rem;min-height:var(--touch);border:1px solid var(--gold);color:#1a1208;letter-spacing:.2em;background:linear-gradient(#d4af5a 0%,#a67c2e 100%);justify-content:center;align-items:center;padding:.7rem 1.75rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 8px 28px #0006}.btn-primary:hover:not(:disabled){background:linear-gradient(#e8c56a 0%,#c49a3e 100%);transform:translateY(-1px);box-shadow:0 10px 28px #00000073}.btn-primary:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 4px 14px #00000059}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary.compact{min-width:7rem;min-height:var(--touch);letter-spacing:.12em;padding:.55rem 1.1rem;font-size:.88rem}.btn-ghost{min-height:var(--touch);min-width:5.5rem;color:var(--ink-dim);letter-spacing:.08em;background:#14100c8c;border:1px solid #f3e6d047;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-size:.88rem;display:inline-flex}.btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--ink);background:#c9a04a1f}.btn-ghost:active:not(:disabled){background:#c9a04a2e;transform:scale(.97)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-ghost.compact{min-width:4.5rem;min-height:var(--touch)}.btn-action{min-width:5.5rem;min-height:var(--touch);color:var(--ink);letter-spacing:.12em;background:#1c1610e6;border:1px solid #f3e6d040;justify-content:center;align-items:center;padding:.55rem 1rem .55rem 2.4rem;font-size:.92rem;display:inline-flex}.btn-action:hover:not(:disabled){border-color:var(--blood);color:var(--ink);background:#b8453a40}.btn-action:active:not(:disabled){background:#b8453a59;transform:scale(.97)}.btn-action:disabled{opacity:.35;cursor:not-allowed}.btn-icon{min-width:3.6rem;min-height:var(--touch);color:var(--ink-dim);letter-spacing:.08em;background:#1c1610e6;border:1px solid #f3e6d040;justify-content:center;align-items:center;padding:.4rem .6rem;font-size:.82rem;display:inline-flex}.btn-icon:hover:not(:disabled){border-color:var(--gold);color:var(--ink);background:#c9a04a1f}.btn-icon:active:not(:disabled){transform:scale(.96)}.btn-icon[aria-pressed=true],.btn-icon.is-on{border-color:var(--gold);color:var(--gold-bright);background:#c9a04a29}.hud-tool-cluster{gap:.35rem;margin-left:.15rem;display:inline-flex}#dialogue-screen{background:linear-gradient(#0000 40%,#0a0806bf 100%);align-items:flex-end;padding:0 0 4.5rem}.dialogue-box{border:1px solid var(--panel-border);background:var(--panel);width:min(52rem,100% - 2rem);box-shadow:0 16px 48px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:1rem;padding:1.1rem 1.25rem;display:flex}.dialogue-portrait{width:4.5rem;height:4.5rem;font-family:var(--font);color:var(--gold-bright);background:linear-gradient(145deg,#e8c56a26,#0000),#2a2018;border:1px solid #e8c56a66;flex:0 0 4.5rem;justify-content:center;align-items:center;font-size:1.6rem;display:flex;overflow:hidden}.dialogue-portrait[data-side=right]{order:2}.dialogue-body{flex:1;min-width:0}.dialogue-speaker{font-family:var(--font);color:var(--gold-bright);letter-spacing:.12em;margin-bottom:.4rem;font-size:.95rem}.dialogue-text{font-family:var(--font);color:var(--ink);min-height:3.4em;margin:0 0 .85rem;font-size:1.02rem;line-height:1.7}#battle-hud{pointer-events:none;z-index:5;position:absolute;inset:0}#battle-hud button{pointer-events:auto}.hud-top{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));flex-wrap:wrap;align-items:stretch;gap:.55rem;display:flex;position:absolute}.hud-chip{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px var(--shadow);min-width:0;padding:.5rem .8rem}.hud-chapter,.hud-objective{flex:10rem}.hud-phase,.hud-turn{flex:none}.hud-label{letter-spacing:.15em;color:var(--ink-dim);margin-bottom:.2rem;font-size:.72rem;display:block}.hud-chip strong{font-family:var(--font);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;line-height:1.3;display:block;overflow:hidden}.hud-objective strong{font-family:var(--font-ui);font-size:.88rem}.hud-phase.player strong{color:var(--jade)}.hud-phase.enemy strong{color:var(--blood)}.hud-phase.player{border-color:#6fa88a73}.hud-phase.enemy{border-color:#b8453a73}.hud-side{top:5.75rem;left:max(12px, env(safe-area-inset-left));pointer-events:none;width:min(17rem,100vw - 24px);position:absolute}.unit-panel-inner{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 32px var(--shadow);padding:.85rem .95rem;overflow:hidden}.unit-panel-inner.has-unit{box-shadow:0 10px 32px var(--shadow), inset 0 0 0 1px #e8c56a14;border-color:#c9a04a8c}.unit-panel-inner.has-unit.faction-player{box-shadow:0 10px 32px var(--shadow), inset 0 0 0 1px #3d7ea62e;border-color:#3d7ea68c}.unit-panel-inner.has-unit.faction-enemy{box-shadow:0 10px 32px var(--shadow), inset 0 0 0 1px #b8892d2e;border-color:#b8892d8c}.unit-panel-inner.empty{opacity:.55}.unit-header{align-items:center;gap:.65rem;margin-bottom:.7rem;display:flex}.unit-portrait-frame{background:linear-gradient(160deg,#e8c56a1f,#0000 55%),#2a241c;border:1px solid #e8c56a66;flex:0 0 3.25rem;width:3.25rem;height:4rem;position:relative;overflow:hidden}.unit-portrait-frame:after{content:"将";font-family:var(--font);color:#e8c56a73;pointer-events:none;justify-content:center;align-items:center;font-size:1.35rem;display:flex;position:absolute;inset:0}.unit-panel-inner:not(.empty) .unit-portrait-frame:after{content:none}.unit-portrait{object-fit:cover;object-position:top center;z-index:1;width:100%;height:100%;display:block;position:relative}.unit-portrait.empty{visibility:hidden}.unit-header-text{flex-direction:column;flex:auto;gap:.28rem;min-width:0;display:flex;overflow:hidden}.unit-name-row{align-items:center;gap:.4rem;min-width:0;display:flex}.faction-dot{background:#3a3024 50%/cover no-repeat;border:1px solid #e8c56a66;border-radius:.18rem;flex-shrink:0;width:.95rem;height:.95rem}.faction-dot.player{background-image:url(/assets/ui/emblem-han.webp);background-color:var(--player)}.faction-dot.enemy{background-image:url(/assets/ui/emblem-huang.webp);background-color:var(--enemy)}.faction-dot.player{background:var(--player);border-color:#3d7ea6cc;box-shadow:0 0 8px #3d7ea6b3}.faction-dot.enemy{background:var(--enemy);border-color:#b8892dcc;box-shadow:0 0 8px #b8892db3}.unit-name-row strong{font-family:var(--font);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.05rem;overflow:hidden}.unit-class{color:var(--ink-dim);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;min-height:1.1em;font-size:.75rem;overflow:hidden}.stat-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.8rem;display:grid}.stat-row-label{color:var(--ink-dim);letter-spacing:.08em;white-space:nowrap}.hp-bar{background:#00000073;border:1px solid #f3e6d026;height:.5rem;overflow:hidden}.hp-fill{transform-origin:0;background:linear-gradient(90deg,#3d8f5a,#7bc96f);width:100%;height:100%;transition:transform .25s,background .2s;transform:scaleX(1)}.hp-fill.high{background:linear-gradient(90deg, #3d8f5a, var(--hp-high))}.hp-fill.mid{background:linear-gradient(90deg, #a88a30, var(--hp-mid))}.hp-fill.low{background:linear-gradient(90deg, #8f3d3d, var(--hp-low))}.hp-text{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:3.2em}.hp-text.hp-high{color:var(--hp-high)}.hp-text.hp-mid{color:var(--hp-mid)}.hp-text.hp-low{color:var(--hp-low)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:.55rem;display:grid}.stat-chip{text-align:center;background:#00000047;border:1px solid #f3e6d014;min-width:0;padding:.3rem .15rem}.stat-k{font-family:var(--font);color:var(--gold);letter-spacing:.12em;font-size:.72rem;line-height:1.2;display:block}.stat-v{color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.25;display:block;overflow:hidden}.unit-terrain,.unit-desc{color:var(--ink-dim);margin:.3rem 0 0;font-size:.78rem;line-height:1.45;overflow:hidden}.unit-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.9em;display:-webkit-box}.hud-bottom{left:50%;bottom:max(14px, calc(env(safe-area-inset-bottom) + 10px));z-index:2;flex-direction:column;align-items:center;gap:.55rem;width:min(42rem,100% - 1.5rem);display:flex;position:absolute;transform:translate(-50%)}.action-bar{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 28px var(--shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;display:flex}.hint-line{letter-spacing:.04em;color:var(--ink);text-align:center;background:#0e0b08c7;border:1px solid #c9a04a38;max-width:100%;margin:0;padding:.55rem 1rem;font-size:.98rem;line-height:1.5}.toast{z-index:3;font-family:var(--font);letter-spacing:.25em;color:var(--gold-bright);border:1px solid var(--gold);pointer-events:none;text-align:center;background:#140e0ad1;max-width:min(20rem,100% - 2rem);padding:.75rem 1.5rem;font-size:1.35rem;animation:.35s toast-in;position:absolute;top:28%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#result-screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0806b8}.result-frame{text-align:center;border:1px solid var(--panel-border);background:linear-gradient(#1c140e99,#100c08d1);width:min(28rem,100% - 2rem);padding:2.25rem 1.75rem 1.85rem;position:relative;box-shadow:0 20px 60px #0000008c}.result-era{font-family:var(--font);letter-spacing:.45em;color:var(--gold);margin:0 0 .5rem;font-size:.8rem;position:relative}.result-frame h2{font-family:var(--font);letter-spacing:.35em;color:var(--gold-bright);margin:0 0 .25rem;padding-left:.35em;font-size:2.4rem;position:relative}.result-frame.defeat h2{color:var(--blood)}.result-frame p#result-desc{color:var(--ink-dim);margin:.5rem 0 1.15rem;line-height:1.65;position:relative}.result-stats{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.result-stat{background:#00000047;border:1px solid #c9a04a40;min-width:5.5rem;padding:.65rem .85rem}.result-stat span{color:var(--ink-dim);letter-spacing:.12em;font-size:.78rem;display:block}.result-stat strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:1.25rem;display:block}.result-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex;position:relative}#cinematic-screen{z-index:20;background:#000;padding:0}.cine-stage{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.cine-layer{opacity:0;transition:opacity .85s;position:absolute;inset:-6%;overflow:hidden;transform:scale(1.05)}.cine-layer img{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.cine-layer.visible{opacity:1;will-change:transform, opacity}.cine-layer.visible:not([class*=kb-]){animation:8s ease-out forwards kb-zoom}.cine-layer.visible.kb-pan-right{animation:8s ease-out forwards kb-pan-right}.cine-layer.visible.kb-pan-left{animation:8s ease-out forwards kb-pan-left}.cine-layer.visible.kb-pull{animation:8s ease-out forwards kb-pull}@keyframes kb-zoom{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.14)translate(-1.5%,1%)}}@keyframes kb-pan-right{0%{transform:scale(1.12)translate(-3%)}to{transform:scale(1.12)translate(3%)}}@keyframes kb-pan-left{0%{transform:scale(1.12)translate(3%)}to{transform:scale(1.12)translate(-3%)}}@keyframes kb-pull{0%{transform:scale(1.16)translateY(1%)}to{transform:scale(1.04)translate(0)}}.cine-vignette{pointer-events:none;background:linear-gradient(#00000059 0%,#0000 22% 48%,#000000c7 100%),radial-gradient(#0000 45%,#00000073 100%);position:absolute;inset:0}.cine-top{top:max(14px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:2;position:absolute}.cine-caption{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:2;text-align:center;width:min(46rem,100% - 2rem);position:absolute;transform:translate(-50%)}.cine-title{font-family:var(--font);letter-spacing:.35em;color:var(--gold-bright);text-shadow:0 2px 18px #000000b3;margin-bottom:.55rem;padding-left:.35em;font-size:clamp(1.4rem,4vw,2rem);display:none}.cine-caption.has-title .cine-title{animation:.7s title-in;display:block}@keyframes title-in{0%{opacity:0;letter-spacing:.5em;transform:translateY(10px)}to{opacity:1;letter-spacing:.35em;transform:translateY(0)}}.cine-speaker{font-family:var(--font);color:var(--gold);letter-spacing:.18em;text-shadow:0 1px 8px #000c;margin-bottom:.35rem;font-size:.95rem}.cine-text{font-family:var(--font);color:var(--ink);text-shadow:0 2px 12px #000000d9;min-height:3.4em;margin:0 0 1rem;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.75}.cine-bottom{justify-content:center;align-items:center;gap:1rem;display:flex}#cine-progress{color:var(--ink-dim);letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:.78rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dialogue-box,.hud-chip,.unit-panel-inner,.action-bar{background:var(--panel-solid)}#result-screen{background:#0a0806eb}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-ghost,.btn-action,.btn-icon,.hp-fill,.cine-layer{transition:none}.cine-layer.visible:not([class*=kb-]),.cine-layer.visible.kb-pan-right,.cine-layer.visible.kb-pan-left,.cine-layer.visible.kb-pull,.cine-caption.has-title .cine-title,.toast{animation:none}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled),.btn-action:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-icon:active:not(:disabled){transform:none}}@media (width<=720px){#battle-hud{flex-direction:column;justify-content:flex-end;display:flex}.hud-top{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.hud-chip{padding:.4rem .55rem}.hud-chip strong{font-size:.82rem}.hud-label{margin-bottom:.1rem;font-size:.65rem}.hud-side{width:100%;padding:0 max(.55rem, env(safe-area-inset-left));flex:none;margin-bottom:.45rem;position:relative;inset:auto}.unit-panel-inner{padding:.5rem .6rem}.unit-header{gap:.5rem;margin-bottom:.4rem}.unit-portrait-frame{flex-basis:2.5rem;width:2.5rem;height:3.1rem}.unit-portrait-frame:after{font-size:1.05rem}.unit-name-row strong{font-size:.95rem}.unit-class{font-size:.68rem}.stat-row{gap:.35rem;margin-bottom:.35rem;font-size:.75rem}.hp-bar{height:.45rem}.stat-grid{gap:.25rem;margin-bottom:.35rem}.stat-chip{padding:.22rem .05rem}.stat-k{font-size:.65rem}.stat-v{font-size:.78rem}.unit-terrain,.unit-desc{margin-top:.15rem;font-size:.7rem}.unit-desc{-webkit-line-clamp:2;line-clamp:2;max-height:2.1em}.title-frame{padding:2rem 1.35rem 1.5rem}.title-hint{font-size:.78rem}.hint-line{padding:.55rem .75rem;font-size:.95rem}.hud-bottom{width:100%;padding:0 max(.55rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-bottom));gap:.45rem;position:relative;bottom:auto;left:auto;transform:none}.action-bar{gap:.4rem;padding:.5rem}.btn-action,.btn-primary.compact,.btn-ghost.compact,.btn-icon,.btn-ghost,.btn-primary{min-height:var(--touch)}.btn-action{min-width:4.25rem;padding:.55rem .7rem;font-size:.88rem}.btn-primary.compact{min-width:5.5rem;font-size:.85rem}.btn-ghost.compact{min-width:3.75rem}.btn-icon{min-width:3.4rem}.toast{letter-spacing:.18em;padding:.65rem 1.1rem;font-size:1.15rem;top:18%}.result-frame{padding:1.75rem 1.25rem 1.4rem}.result-frame h2{font-size:2rem}}