.wards{margin:0 16px 12px;padding:10px 0 4px;border-block:1px solid var(--gold-deep)}.wards__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.wards__head .eyebrow{font-size:.78rem}#wards-note{font:.8rem var(--font-ui);color:var(--gold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.wards__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wardmark{display:flex;align-items:center;gap:10px;min-height:52px;min-width:0;padding:6px 10px;background:#0b0a08b3;border:1px solid #b59b7325;color:var(--dim);overflow:hidden}.wardmark b{font:700 .9rem var(--font-ui);color:var(--gold-deep);min-width:3ch;text-align:right}.wardmark__body{display:flex;flex-direction:column;min-width:0;flex:1}.wardmark strong,.wardmark small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wardmark strong{font:600 .85rem var(--font-display);letter-spacing:.06em;color:var(--bone);line-height:1.25}.wardmark small{font-size:.78rem;color:var(--dim);line-height:1.3}.wardmark--raised{border-color:#7fe3ff;background:#0e1a1fe6;cursor:pointer;animation:ward-breathe 2.2s ease-in-out infinite}.wardmark--raised b,.wardmark--raised strong{color:#bfefff}.wardmark--raised small{color:#9ad9ee}.wardmark--broken{border-color:var(--gold-deep)}.wardmark--broken b{color:var(--gold-hi)}.wardmark--broken small{color:var(--gold)}.wardmark--cracked{opacity:.55}.wardmark--raised:focus-visible{outline:2px solid #bfefff;outline-offset:2px}@keyframes ward-breathe{0%,to{box-shadow:0 0 #7fe3ff00}50%{box-shadow:0 0 16px 2px #7fe3ff55}}.battle-stage.is-warded .boss-art{filter:brightness(1.05) saturate(.8) sepia(.15) hue-rotate(150deg) drop-shadow(0 0 22px #7fe3ffcc)}.battle-stage.is-warded:before{content:"";position:absolute;inset:4% 14% 10%;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 48%,#7fe3ff00 48%,#7fe3ff2e 70%,#bfefff7a 88%,#7fe3ff00);mix-blend-mode:screen;animation:ward-dome 2.6s ease-in-out infinite}.battle-stage.is-warded:after{content:"";position:absolute;inset:4% 14% 10%;border-radius:50%;pointer-events:none;z-index:2;border:2px solid #cfeeffd9;box-shadow:0 0 18px 4px #7fe3ffaa,inset 0 0 40px 10px #7fe3ff55;animation:ward-ring 2.6s ease-in-out infinite}@keyframes ward-ring{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@keyframes ward-dome{0%,to{opacity:.75}50%{opacity:1}}dialog.ward-dialog{width:min(560px,94vw);max-width:94vw;max-height:calc(100svh - 16px);overflow:auto;scrollbar-width:thin}.ward-dialog .enter-body{max-width:560px}.ward-dialog h2{margin:4px 0 6px}.ward-dialog .enter-sub{font-size:.98rem;line-height:1.4}@media(max-height:820px){.ward-dialog .enter-sub{display:none}.ward-dialog p{margin:4px 0;font-size:.94rem}.ward-dialog .ward-task{margin-top:4px}}.ward-dialog .ward-mark{font:.78rem var(--font-ui);letter-spacing:.14em;color:#9ad9ee}.ward-dialog .ward-task{font:600 1.25rem var(--font-display);letter-spacing:.06em;color:var(--bone);margin:8px 0 2px}.ward-dialog .ward-plain{color:#9ad9ee;font-size:1rem;margin:0 0 6px}.ward-dialog .ward-count{font:.95rem var(--font-ui);color:var(--gold-hi);margin:4px 0 10px}.ward-dialog p{color:var(--dim);font-size:.98rem;line-height:1.45;margin:6px 0}.ward-dialog .ward-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 6px}.ward-dialog .ward-row .btn{margin:0}.ward-dialog #ward-link-row{display:flex;gap:8px;margin:10px 0 4px}.ward-dialog #ward-link-row[hidden]{display:none}.ward-dialog #ward-link{flex:1;min-width:0;padding:10px 12px;background:#0b0a08;border:1px solid var(--gold-deep);color:var(--bone);font:1rem var(--font-body)}.ward-dialog .ward-status{min-height:1.4em;color:var(--gold-hi);font-size:.95rem}.ward-dialog .enter-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.ward-dialog .ward-wait{font:.85rem var(--font-ui);color:#9ad9ee;letter-spacing:.04em}.ward-stage{position:absolute;left:50%;bottom:6%;transform:translate(-50%);z-index:4;display:grid;justify-items:center;gap:2px;min-width:min(78%,420px);padding:10px 18px 12px;background:#070a0cd9;border:1px solid #9ad9eecc;box-shadow:0 0 22px #7fe3ff55,inset 0 0 18px #7fe3ff22;text-align:center;pointer-events:none}.ward-stage__name{font:700 .74rem var(--font-display);letter-spacing:.16em;color:#bfefff}.ward-stage__count{font:1.9rem/1.05 var(--font-ui);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #7fe3ffaa}.ward-stage__rite{font:.9rem var(--font-body);color:#cfeeff}.ward-stage__bar{display:block;width:100%;height:5px;margin-top:6px;background:#1a2a30;border:1px solid #7fe3ff66}.ward-stage__bar b{display:block;height:100%;background:linear-gradient(90deg,#7fe3ff,#e6f8ff);transition:width .6s ease}@media(max-width:520px){.ward-stage{bottom:4%;min-width:88%;padding:8px 10px 10px}.ward-stage__count{font-size:1.4rem}.ward-stage__rite{font-size:.8rem}.ward-stage__name{font-size:.64rem}}@media(max-width:900px){.wards{margin-inline:12px}.wards__list{grid-template-columns:repeat(2,minmax(0,1fr))}.wards__head{flex-wrap:wrap}#wards-note{white-space:normal}}@media(max-width:520px){.wards__list{grid-template-columns:1fr;gap:6px}.wardmark{min-height:44px}}@media(prefers-reduced-motion:reduce){.wardmark--raised,.battle-stage.is-warded:after{animation:none}}