/* Word Defense is a contained playground; study pages keep their existing layout. */
.wd-touch-tabs, .wd-touch-build-actions, .wd-back-home { display: none; }
body.word-defense-page { background: #f6f7f2; }
/* Navigation grows as features are added; keep the account controls inside the viewport. */
.sidebar .brand, .sidebar .sidebar-foot { flex-shrink: 0; }
.sidebar .side-nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #cbd5c6 transparent; }
body.word-defense-page .site-filing { display: none; }
#mainContent.word-defense-view { width: calc(100% - 48px); max-width: 1660px; height: calc(100dvh - 72px); padding: 22px 0 14px; }
.wd-game { --wd-ink: #253e34; --wd-muted: #7b877a; --wd-green: #2e654b; --wd-gold: #dfbd73; display: flex; flex-direction: column; height: 100%; min-height: 0; color: var(--wd-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
.wd-game *, .wd-game *::before, .wd-game *::after { box-sizing: border-box; }
.wd-game button { font-family: inherit; cursor: pointer; }
.wd-game button:disabled { cursor: default; }
.wd-game button:focus-visible, .wd-game select:focus-visible { outline: 3px solid #e7b966; outline-offset: 3px; }
.wd-icon { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.wd-heading { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 19px; }
.wd-eyebrow { display: flex; align-items: center; gap: 10px; color: #859184; font-size: 10px; letter-spacing: .035em; }
.wd-eyebrow > span:not(.wd-preview-tag) { color: #b5beb0; }
.wd-preview-tag { padding: 2px 7px; border: 1px solid #d3dccc; border-radius: 4px; color: #597257; font-size: 9px; }
.wd-heading h1 { display: flex; align-items: baseline; gap: 17px; margin: 7px 0 0; color: #253e34; font-size: 27px; line-height: 1.35; font-weight: 720; letter-spacing: -.04em; }
.wd-heading h1 > span { color: #899384; font-size: 12px; font-weight: 600; letter-spacing: 0; }
.wd-help-button { display: flex; align-items: center; gap: 11px; padding: 8px 0 8px 12px; color: #657461; background: transparent; font-size: 12px; }
.wd-help-button > span { display: grid; width: 19px; height: 19px; place-items: center; border: 1px solid #b4c0ac; border-radius: 50%; font: 600 12px Georgia, serif; }
.wd-layout { display: grid; flex: 1; grid-template-columns: minmax(0, 1fr) 306px; gap: 19px; min-height: 0; }
.wd-arena { display: grid; grid-template-rows: 69px minmax(0, 1fr) 66px 33px; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid #d0d9c8; border-radius: 17px; background: #edf1e5; box-shadow: 0 5px 16px #294c3210; }
.wd-hud { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 24px; color: #e9efdf; background: #294b3b; }
.wd-chapter { display: flex; align-items: center; gap: 10px; }
.wd-chapter > .wd-icon { width: 28px; height: 28px; color: #c6d5a5; }
.wd-chapter > span { display: grid; gap: 3px; color: #a8bda5; font-size: 9px; letter-spacing: .06em; }
.wd-chapter strong { color: #f0f0da; font-size: 14px; font-weight: 600; letter-spacing: .04em; }
.wd-resources { display: flex; align-items: center; gap: 25px; }
.wd-resource { display: flex; align-items: center; gap: 7px; font-variant-numeric: tabular-nums; }
.wd-resource > .wd-icon { width: 20px; height: 20px; }
.wd-health { color: #d6dfb7; }
.wd-resource strong { color: #f7f4df; font-size: 22px; font-weight: 600; letter-spacing: -.04em; }
.wd-resource small { color: #a8bda5; font-size: 11px; }
.wd-hud-label { color: #9fb79d; font-size: 10px; }
.wd-energy > .wd-icon { color: #e6c675; fill: #e6c6751a; }
.wd-wave-count { display: grid; gap: 2px; padding-left: 20px; border-left: 1px solid #ffffff20; }
.wd-wave-count > span { color: #a8bda5; font-size: 9px; }
.wd-wave-count > strong { color: #f8efcc; font: 600 23px/1.2 Georgia, serif; letter-spacing: -.02em; }
.wd-wave-count small { color: #94af96; font: 600 10px -apple-system, sans-serif; }
.wd-field { position: relative; min-height: 0; overflow: hidden; background: #bad0a6; }
.wd-canvas { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wd-plots { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.wd-plot { position: absolute; display: grid; width: 44px; height: 45px; place-items: end center; padding: 0; transform: translate(-50%, -65%); border: 1px solid transparent; border-radius: 50%; color: #62734f; background: transparent; pointer-events: auto; }
.wd-plot > span { display: grid; width: 14px; height: 14px; margin-bottom: -6px; place-items: center; border-radius: 50%; color: #5f7452; background: #e8e9cbd9; font-size: 9px; line-height: 1; }
.wd-plot:hover:not(:disabled) { border-color: #52724a; background: #ffffe719; }
.wd-plot.is-selected { border-color: #2f634c99; box-shadow: 0 0 0 3px #fff8d240; }
.wd-plot.has-tower { height: 63px; transform: translate(-50%, -83%); }
.wd-plot:disabled { opacity: .55; }
.wd-build-picker { position: absolute; z-index: 7; width: min(276px, calc(100% - 16px)); padding: 11px; border: 1px solid #b9c9a5; border-radius: 11px; color: #3e6240; background: #fffdf0; box-shadow: 0 8px 28px #24432930; }
.wd-build-picker[hidden] { display: none; }
.wd-build-picker > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }
.wd-build-picker > header > strong { font-size: 11px; font-weight: 700; }
.wd-build-picker > header > button { display: grid; width: 24px; height: 24px; place-items: center; padding: 0; color: #819174; background: transparent; }
.wd-build-picker > header .wd-icon { width: 15px; height: 15px; }
.wd-build-picker > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.wd-build-picker > div > button { display: grid; justify-items: center; gap: 5px; min-height: 85px; padding: 9px 3px; border: 1px solid #d7dfc5; border-radius: 7px; color: #496e43; background: #f6f8ea; }
.wd-build-picker > div > button:hover:not(:disabled) { border-color: #779c62; background: #eaf2dc; }
.wd-build-picker > div > button:disabled { opacity: .45; }
.wd-build-picker strong { font-size: 10px; font-weight: 600; }
.wd-build-picker small { color: #a88c49; font-size: 10px; }
.wd-build-picker > p { margin: 8px 0 0; color: #879574; font-size: 9px; text-align: center; }
.wd-build-label { margin-right: 3px; font-size: 10px; color: #57754b; }
.wd-field-note { position: absolute; z-index: 2; bottom: 15px; left: 17px; display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #f7f1d77d; border-radius: 6px; color: #526a49; background: #f0eddbd9; font-size: 10px; pointer-events: none; }
.wd-field-note > i { width: 5px; height: 5px; border-radius: 50%; background: #66855a; }
.wd-field-controls { position: absolute; z-index: 3; right: 14px; bottom: 14px; display: flex; gap: 6px; }
.wd-field-controls button { display: grid; width: 33px; height: 32px; place-items: center; padding: 0; border: 1px solid #f5f0d599; border-radius: 7px; color: #3f6249; background: #eff0dce8; font-size: 12px; font-weight: 700; }
.wd-field-controls button:hover:not(:disabled) { background: #fff8e4; }
.wd-field-controls button:disabled { opacity: .35; }
.wd-field-controls .wd-icon { width: 16px; height: 16px; }
.wd-field-controls .is-muted { color: #84907b; }
.wd-field-controls .is-muted::after { position: absolute; content: ''; width: 20px; height: 1px; transform: rotate(-45deg); background: currentColor; }
.wd-field-overlay { position: absolute; z-index: 2; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.wd-field-overlay button { pointer-events: auto; }
.wd-map-welcome { width: 290px; margin: 0 0 50px -12%; padding: 22px 26px; border: 1px solid #f5efd3cc; border-radius: 13px; color: #31533a; background: #f8f4e4ed; box-shadow: 0 8px 30px #344a271c; }
.wd-map-welcome > span { color: #8d936b; font-size: 10px; letter-spacing: .09em; }
.wd-map-welcome > strong { display: block; margin-top: 12px; font: 600 28px/1.6 "STSong", "SimSun", serif; letter-spacing: .04em; }
.wd-map-welcome p { margin: 12px 0 0; color: #7f8c6d; font-size: 10px; line-height: 1.8; }
.wd-map-pause, .wd-map-victory { display: flex; flex-direction: column; align-items: center; gap: 15px; min-width: 260px; padding: 29px; border: 1px solid #ffffff9e; border-radius: 14px; background: #f9f5e8f5; box-shadow: 0 10px 40px #28432825; }
.wd-map-pause > .wd-icon, .wd-map-victory > .wd-icon { width: 40px; height: 40px; color: #5c805a; }
.wd-map-pause strong { font-size: 17px; font-weight: 600; }
.wd-map-victory { gap: 12px; min-width: 300px; }
.wd-map-victory > span { color: #8f966c; font: 600 9px Georgia, serif; letter-spacing: .18em; }
.wd-map-victory > strong { color: #345b3e; font: 600 32px/1.7 "STSong", "SimSun", serif; }
.wd-map-victory > div { display: flex; gap: 9px; color: #d2c7a2; }
.wd-map-victory .filled { fill: #dfba64; color: #b69b50; }
.wd-wave-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 23px; border-top: 1px solid #c6d1b6; background: #f5f5e9; }
.wd-wave-timeline { display: flex; align-items: flex-start; width: min(100%, 320px); }
.wd-wave-timeline > span { display: grid; flex: 0 0 auto; justify-items: center; gap: 4px; color: #9ca68a; }
.wd-wave-timeline b { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid #d3dac1; border-radius: 50%; background: #ebefdf; font: 600 10px Georgia, serif; }
.wd-wave-timeline small { font-size: 9px; }
.wd-wave-timeline .wd-icon { width: 13px; height: 13px; }
.wd-wave-timeline > i { flex: 1; height: 1px; margin: 12px 7px 0; background: #d7dcc9; }
.wd-wave-timeline .is-active { color: #4c7050; }
.wd-wave-timeline .is-active b { border-color: #577c53; color: #eff0d7; background: #577c53; }
.wd-wave-timeline .is-complete b { border-color: #9ab18a; color: #446345; background: #d9e5c8; }
.wd-enemy-count { color: #8e987e; font-size: 10px; text-align: right; white-space: nowrap; }
.wd-arena-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 18px; border-top: 1px solid #e1e4d4; background: #fafaf2; }
.wd-arena-bottom > span { display: flex; align-items: center; gap: 7px; min-width: 0; color: #8b9580; font-size: 9px; }
.wd-arena-bottom > span > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wd-arena-bottom .wd-icon { width: 12px; height: 12px; }
.wd-arena-bottom > button { flex: 0 0 auto; padding: 4px; color: #7a8d70; background: transparent; font-size: 9px; }
.wd-side { display: flex; flex-direction: column; gap: 14px; min-width: 0; min-height: 0; }
.wd-question-panel, .wd-build-panel { border: 1px solid #dce2d4; border-radius: 14px; background: #fffef9; }
.wd-question-panel { flex: 1; min-height: 0; overflow-y: auto; padding: 22px; scrollbar-width: thin; scrollbar-color: #ccd6c6 transparent; }
.wd-panel-kicker { color: #8b977d; font-size: 10px; font-weight: 700; letter-spacing: .055em; }
.wd-panel-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wd-panel-line > span:last-child:not(.wd-panel-kicker) { color: #99a08f; font-size: 10px; }
.wd-panel-line .wd-question-number { color: #547456 !important; font: 600 23px Georgia, serif !important; }
.wd-question-number small { color: #a3ab97; font: 600 11px -apple-system, sans-serif; }
.wd-question-panel h2 { margin: 16px 0 0; color: #354d39; font-size: 25px; line-height: 1.6; font-weight: 700; letter-spacing: -.03em; }
.wd-setup-copy { margin: 10px 0 18px; color: #87937f; font-size: 11px; line-height: 1.9; }
.wd-deck-picker { display: grid; gap: 8px; margin: 20px 0 18px; color: #7e8d73; font-size: 10px; }
.wd-deck-picker select { width: 100%; min-width: 0; height: 38px; padding: 0 9px; overflow: hidden; border: 1px solid #d7dfcf; border-radius: 6px; color: #4d654b; background: #fafbf5; font: 600 11px inherit; text-overflow: ellipsis; }
.wd-setup-steps { display: grid; gap: 12px; margin: 21px 0; }
.wd-setup-steps > span { display: flex; align-items: center; gap: 10px; color: #6c7e62; font-size: 11px; }
.wd-setup-steps b { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid #e3e6d5; border-radius: 50%; color: #87966f; background: #f2f4e9; font: 600 9px Georgia, serif; }
.wd-primary, .wd-secondary { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid transparent; border-radius: 7px; font-size: 12px; font-weight: 600; line-height: 1.4; transition: background 140ms, transform 140ms; }
.wd-primary { color: #fff8e4; background: #386249; }
.wd-primary:hover:not(:disabled) { background: #284d37; transform: translateY(-1px); }
.wd-primary:disabled { color: #8e9b82; background: #e5eadb; }
.wd-primary .wd-icon { width: 16px; height: 16px; }
.wd-secondary { margin-top: 9px; border-color: #dce1d3; color: #6d7f61; background: transparent; }
.wd-secondary:hover { background: #f0f4e7; }
.wd-micro { margin: 11px 0 0; color: #a0a694; font-size: 9px; line-height: 1.7; text-align: center; }
.wd-personal-best { display: block; margin-top: 14px; color: #9b9d7b; font-size: 10px; text-align: center; }
.wd-question-caption { margin-top: 17px; color: #97a08b; font-size: 10px; }
.wd-word-line { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 8px 0 20px; }
.wd-word-line h2 { min-width: 0; overflow-wrap: anywhere; margin: 0; color: #2d4a35; font: 600 clamp(26px, 2.4vw, 38px)/1.2 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.wd-word-line > button { flex: 0 0 auto; width: 26px; height: 28px; padding: 0; color: #92a184; background: transparent; }
.wd-word-line .wd-icon { width: 17px; height: 17px; }
.wd-options { display: grid; gap: 8px; }
.wd-option { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 43px; padding: 7px 10px; border: 1px solid #e1e5d7; border-radius: 7px; color: #65775b; background: #fcfcf6; text-align: left; font-size: 12px; line-height: 1.5; }
.wd-option > span:nth-child(2) { flex: 1; overflow-wrap: anywhere; }
.wd-option-letter { display: grid; flex: 0 0 auto; width: 21px; height: 23px; place-items: center; border-radius: 4px; color: #99a18b; background: #edf0e4; font: 600 10px Georgia, serif; }
.wd-option:hover:not(:disabled) { border-color: #88a275; color: #355d3e; background: #f3f6e9; }
.wd-option.is-correct { border-color: #98b88a; color: #396244; background: #edf4e3; }
.wd-option.is-correct .wd-option-letter { color: #eff5e4; background: #6f9361; }
.wd-option.is-wrong { border-color: #d9ad93; color: #aa765d; background: #fbf1e8; }
.wd-option > .wd-icon { width: 16px; height: 16px; }
.wd-answer-feedback { min-height: 50px; margin: 13px 0 8px; color: #a1a88f; font-size: 10px; line-height: 1.7; }
.wd-answer-feedback strong { display: flex; justify-content: space-between; gap: 5px; color: #638356; font-size: 11px; font-weight: 600; }
.wd-answer-feedback strong > span { color: #a68a46; font-size: 10px; }
.wd-answer-feedback p { margin: 4px 0 0; overflow-wrap: anywhere; color: #8d997e; font-size: 10px; }
.wd-answer-feedback.is-wrong strong { color: #ad7d5e; }
.wd-question-shortcut { color: #b0b5a3; font-size: 9px; text-align: center; }
.wd-question-shortcut kbd { padding: 1px 4px; border: 1px solid #e3e6d9; border-radius: 3px; background: #f7f8f1; font: 600 9px inherit; }
.wd-build-panel { flex: 0 0 auto; padding: 17px 19px 14px; }
.wd-build-panel h2 { margin: 0; color: #526b4d; font-size: 12px; font-weight: 700; }
.wd-tower-list { display: grid; gap: 7px; margin-top: 14px; }
.wd-tower-option { display: flex; align-items: center; gap: 10px; min-width: 0; width: 100%; min-height: 46px; padding: 7px 9px; border: 1px solid #e5e7d9; border-radius: 7px; color: #506b48; background: #fafbf3; text-align: left; transition: border-color 140ms, background 140ms; }
.wd-tower-option:hover:not(:disabled) { border-color: #a0b18a; background: #f2f5e6; }
.wd-tower-option:disabled { opacity: .55; }
.wd-tower-glyph { display: grid; flex: 0 0 auto; width: 33px; height: 33px; place-items: center; border: 1px solid #e6d9ad; border-radius: 8px; color: #9e8a51; background: #f2ecd3; }
.wd-tower-glyph.cannon { border-color: #ecd0b9; color: #b37e59; background: #f9e9d9; }
.wd-tower-glyph.frost { border-color: #c9dfd2; color: #709a8b; background: #e8f1e5; }
.wd-tower-glyph .wd-icon { width: 21px; height: 21px; }
.wd-tower-option > span:nth-child(2) { display: grid; flex: 1; gap: 3px; min-width: 0; }
.wd-tower-option strong { font-size: 11px; font-weight: 600; }
.wd-tower-option small { color: #a0a58c; font-size: 9px; }
.wd-tower-option > b { display: flex; align-items: center; gap: 3px; color: #ac9556; font-size: 12px; font-weight: 600; }
.wd-tower-option > b .wd-icon { width: 13px; height: 13px; }
.wd-build-hint { margin: 10px 0 0; color: #a5aa95; font-size: 9px; line-height: 1.7; }
.wd-selected-tower { display: flex; align-items: center; gap: 10px; margin: 18px 0; }
.wd-selected-tower strong { color: #536c49; font-size: 12px; font-weight: 600; }
.wd-selected-tower small { margin-left: 5px; color: #a39160; font-size: 10px; }
.wd-selected-tower p { margin: 5px 0 0; color: #9aa58b; font-size: 9px; line-height: 1.7; }
.wd-upgrade-actions { display: flex; align-items: center; gap: 10px; }
.wd-upgrade-actions > .wd-primary { flex: 1; min-height: 36px; padding: 8px; font-size: 10px; }
.wd-sell { padding: 7px 0; color: #a58f67; background: transparent; font-size: 10px; }
.wd-sell:disabled { opacity: .4; }
.wd-bottom-caption { display: flex; flex: 0 0 auto; justify-content: space-between; gap: 15px; margin-top: 11px; color: #a5ad9c; font-size: 9px; }
.wd-battle-symbol, .wd-ready-symbol { display: grid; width: 60px; height: 60px; margin: 25px 0 16px; place-items: center; border: 1px solid #dde5ce; border-radius: 50%; color: #7c9867; background: #f2f5e7; }
.wd-battle-symbol .wd-icon, .wd-ready-symbol .wd-icon { width: 30px; height: 30px; }
.wd-live-dot::before { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #8aa671; content: ''; }
.wd-battle-progress { margin: 25px 0 21px; }
.wd-battle-progress > span { display: flex; justify-content: space-between; color: #8b997e; font-size: 10px; }
.wd-battle-progress strong { color: #607e51; font-weight: 600; }
.wd-battle-progress > div { height: 5px; margin-top: 10px; overflow: hidden; border-radius: 3px; background: #edf0e3; }
.wd-battle-progress i { display: block; height: 100%; border-radius: inherit; background: #a4b988; }
.wd-prepared-count { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.wd-prepared-count strong { color: #ac9453; font: 600 37px Georgia, serif; }
.wd-prepared-count span { color: #8f997d; font-size: 10px; }
.wd-prepared-count small { flex-basis: 100%; color: #9fa88f; font-size: 10px; }
.wd-result-stars { display: flex; justify-content: center; gap: 8px; margin: 24px 0 17px; color: #d8d7bc; }
.wd-result-stars .wd-icon { width: 34px; height: 34px; }
.wd-result-stars .filled { fill: #e5c67b; color: #b59b56; }
.wd-result-stats { display: grid; grid-template-columns: 1fr 1fr; margin: 22px 0; border-top: 1px solid #e8eadc; border-bottom: 1px solid #e8eadc; }
.wd-result-stats > span { display: grid; gap: 5px; padding: 13px 0; color: #9ba58c; font-size: 10px; }
.wd-result-stats strong { color: #5b7750; font: 600 28px Georgia, serif; }
.wd-result-stats small { color: #9ca88b; font: 600 11px -apple-system, sans-serif; }
.wd-missed-list { margin: 0 0 20px; }
.wd-missed-list > strong { color: #859472; font-size: 10px; font-weight: 600; }
.wd-missed-list > div { display: grid; gap: 4px; padding: 9px 0; border-bottom: 1px solid #eceee1; }
.wd-missed-list button { justify-self: start; padding: 0; color: #526e48; background: transparent; font: 600 17px Georgia, serif; }
.wd-missed-list .wd-icon { width: 12px; height: 12px; margin-left: 6px; }
.wd-missed-list span { color: #9ba58d; font-size: 10px; line-height: 1.7; }
.wd-perfect { margin: 20px 0; color: #81986e; font-size: 11px; }
.wd-notice { position: fixed; z-index: 90; bottom: 35px; left: 50%; max-width: min(450px, calc(100% - 30px)); padding: 12px 18px; transform: translateX(-50%); border: 1px solid #f4ebcf; border-radius: 8px; color: #f8f1dc; background: #3a5844f0; box-shadow: 0 5px 20px #183c2e20; font-size: 12px; line-height: 1.8; }
.wd-notice[hidden] { display: none; }
.wd-help-dialog { max-width: min(460px, calc(100vw - 30px)); max-height: calc(100dvh - 40px); padding: 0; overflow: auto; border: 1px solid #e6e5d1; border-radius: 16px; color: #3d5940; background: #fffef5; box-shadow: 0 20px 80px #223b3333; }
.wd-help-dialog::backdrop { background: #203c335c; backdrop-filter: blur(3px); }
.wd-help-content { padding: 30px; }
.wd-help-content h2 { margin: 12px 0 25px; font-size: 23px; line-height: 1.6; }
.wd-help-content ol { display: grid; gap: 20px; padding-left: 21px; }
.wd-help-content li { padding-left: 4px; color: #8f9e7d; font: 600 12px Georgia, serif; }
.wd-help-content li strong { display: block; margin-bottom: 6px; color: #59724f; font: 600 13px -apple-system, "Microsoft YaHei", sans-serif; }
.wd-help-content li span, .wd-help-content p { color: #929c84; font: 600 11px/1.9 -apple-system, "Microsoft YaHei", sans-serif; }
.wd-help-content p { margin: 25px 0; }
.home-defense-entry { display: flex; align-items: center; gap: 15px; width: 100%; margin: 22px 0 0; padding: 17px 20px; border: 1px solid #cfdcc6; border-radius: 7px; color: #3b6545; background: #edf3e5; text-align: left; }
.home-defense-entry > svg { width: 29px; height: 29px; }
.home-defense-entry > span { display: grid; flex: 1; gap: 5px; }
.home-defense-entry strong { font-size: 14px; font-weight: 700; }
.home-defense-entry small { color: #889779; font-size: 11px; }
.home-defense-entry > b { padding: 7px 12px; border: 1px solid #b8cba8; border-radius: 5px; color: #678354; font-size: 11px; font-weight: 600; }
@media (min-width: 1000px) and (max-height: 850px) {
  #mainContent.word-defense-view { padding-top: 15px; padding-bottom: 10px; }
  .wd-heading { margin-bottom: 13px; }
  .wd-heading h1 { font-size: 23px; }
  .wd-layout { grid-template-columns: minmax(0, 1fr) 284px; gap: 14px; }
  .wd-arena { grid-template-rows: 58px minmax(0, 1fr) 56px 29px; }
  .wd-hud { padding: 0 16px; }
  .wd-hud-label { display: none; }
  .wd-resources { gap: 17px; }
  .wd-question-panel { padding: 16px 18px; }
  .wd-question-panel h2 { margin-top: 9px; font-size: 22px; line-height: 1.45; }
  .wd-word-line { margin: 6px 0 13px; }
  .wd-word-line h2 { margin: 0; font-size: 31px; }
  .wd-question-caption { margin-top: 10px; }
  .wd-option { min-height: 35px; padding: 5px 8px; font-size: 11px; }
  .wd-options { gap: 6px; }
  .wd-answer-feedback { min-height: 38px; margin-top: 8px; margin-bottom: 5px; }
  .wd-primary, .wd-secondary { min-height: 36px; padding: 8px 11px; font-size: 11px; }
  .wd-side { gap: 11px; }
  .wd-build-panel { padding: 13px 15px 11px; }
  .wd-tower-list { gap: 5px; margin-top: 10px; }
  .wd-tower-option { min-height: 38px; padding: 4px 8px; }
  .wd-tower-glyph { width: 29px; height: 29px; border-radius: 6px; }
  .wd-build-hint { margin-top: 6px; font-size: 8px; }
  .wd-setup-copy { margin: 8px 0 11px; }
  .wd-deck-picker { margin: 12px 0; }
  .wd-setup-steps { gap: 9px; margin: 13px 0; }
  .wd-micro { margin-top: 7px; font-size: 8px; }
  .wd-battle-symbol, .wd-ready-symbol { width: 47px; height: 47px; margin: 16px 0 10px; }
  .wd-wave-footer { padding: 0 15px; }
  .wd-wave-timeline { width: 255px; }
  .wd-enemy-count { font-size: 9px; }
}
@media (max-width: 1100px) and (min-width: 821px) {
  #mainContent.word-defense-view { width: calc(100% - 28px); }
  .wd-layout { grid-template-columns: minmax(0, 1fr) 260px; gap: 12px; }
  .wd-heading h1 > span { display: none; }
  .wd-hud { padding: 0 13px; }
  .wd-hud-label, .wd-chapter > .wd-icon, .wd-enemy-count { display: none; }
  .wd-resources { gap: 15px; }
  .wd-resource strong { font-size: 19px; }
  .wd-wave-count { padding-left: 13px; }
  .wd-field-note { bottom: 55px; left: 10px; right: 10px; width: fit-content; max-width: calc(100% - 20px); font-size: 8px; }
  .wd-map-welcome { width: 230px; margin-left: 0; padding: 18px; }
  .wd-map-welcome > strong { font-size: 23px; }
}
@media (max-width: 820px) {
  #mainContent.word-defense-view { width: calc(100% - 24px); height: auto; padding: 16px 0 88px; }
  .wd-heading { margin-bottom: 14px; }
  .wd-heading h1 { font-size: 24px; }
  .wd-heading h1 > span { display: none; }
  .wd-layout { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .wd-arena { height: auto; grid-template-rows: 56px 310px 55px 29px; border-radius: 12px; }
  .wd-hud { padding: 0 14px; }
  .wd-chapter > .wd-icon { width: 23px; height: 23px; }
  .wd-resources { gap: 17px; }
  .wd-resource strong { font-size: 20px; }
  .wd-hud-label { display: none; }
  .wd-wave-count { padding-left: 13px; }
  .wd-field-note { bottom: 11px; left: 10px; max-width: calc(100% - 120px); padding: 5px 7px; font-size: 8px; line-height: 1.7; }
  .wd-field-controls { right: 10px; bottom: 10px; gap: 4px; }
  .wd-field-controls button { width: 29px; height: 29px; }
  .wd-side { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; gap: 12px; }
  .wd-question-panel { min-height: 330px; overflow: visible; padding: 17px; }
  .wd-build-panel { padding: 17px 14px; }
  .wd-wave-footer { padding: 0 15px; }
  .wd-wave-timeline { max-width: 280px; }
  .wd-bottom-caption { font-size: 8px; }
}
@media (max-width: 520px) {
  .wd-eyebrow { font-size: 9px; }
  .wd-help-button { font-size: 10px; }
  .wd-arena { grid-template-rows: 55px 240px 55px 29px; }
  .wd-chapter { gap: 7px; }
  .wd-chapter > .wd-icon { width: 20px; }
  .wd-chapter strong { font-size: 12px; }
  .wd-chapter > span { font-size: 8px; }
  .wd-resources { gap: 12px; }
  .wd-resource { gap: 4px; }
  .wd-resource strong { font-size: 19px; }
  .wd-resource > .wd-icon { width: 16px; height: 16px; }
  .wd-resource small { font-size: 9px; }
  .wd-wave-count { padding-left: 10px; }
  .wd-wave-count > span { font-size: 8px; }
  .wd-wave-count > strong { font-size: 19px; }
  .wd-side { display: flex; }
  .wd-question-panel, .wd-build-panel { width: 100%; }
  .wd-question-panel { min-height: 0; padding: 20px; }
  .wd-question-panel h2 { font-size: 24px; }
  .wd-word-line h2 { font-size: 34px; }
  .wd-enemy-count { display: none; }
  .wd-wave-timeline { width: 100%; max-width: none; }
  .wd-field-note { font-size: 7px; }
  .wd-map-welcome { width: 215px; margin: 0 0 20px; padding: 14px 18px; }
  .wd-map-welcome > span { font-size: 8px; }
  .wd-map-welcome > strong { margin-top: 5px; font-size: 22px; line-height: 1.5; }
  .wd-map-welcome p { margin-top: 7px; font-size: 8px; }
  .wd-map-pause, .wd-map-victory { min-width: 220px; padding: 19px; gap: 10px; }
  .wd-map-pause > .wd-icon, .wd-map-victory > .wd-icon { width: 28px; height: 28px; }
  .wd-map-victory > strong { font-size: 25px; }
  .wd-plot { width: 32px; height: 33px; }
  .wd-plot.has-tower { height: 44px; }
  .wd-plot > span { width: 10px; height: 10px; margin-bottom: -4px; font-size: 6px; }
  .wd-bottom-caption { flex-wrap: wrap; gap: 5px; line-height: 1.6; }
}