.wars-context{color:#eef7f4;border:1px solid #2b4642;border-radius:18px;padding:22px 24px;margin:32px 0;background:radial-gradient(90% 120% at 100% 0%,#97fce412,transparent 60%),#0a1715;font-family:Manrope,sans-serif;font-variant-numeric:tabular-nums}
/* A HYPE Wars box is a card (the user, 3 Nov: improve the site): the trophy beside its title and, before the first week, when it opens. */
.wars-context-heading h2{display:flex;align-items:center;gap:14px}
.wars-context-heading h2:before{content:'';flex:none;width:44px;height:44px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23061210' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v5a4 4 0 0 1-8 0V4ZM8 6H4.5v1A3.5 3.5 0 0 0 8 10.5M16 6h3.5v1a3.5 3.5 0 0 1-3.5 3.5M12 13v4M8 21h8M9.5 17h5'/%3E%3C/svg%3E") center/22px no-repeat,linear-gradient(140deg,#c1fded,#8ff1f1 55%,#abcfff);box-shadow:0 0 0 5px #97fce41a,0 0 22px #97fce440}
.wars-context .wars-context-when{display:inline-flex;align-items:center;gap:8px;margin:2px 0 4px;padding:5px 12px;border:1px solid #97fce433;border-radius:999px;background:#97fce40d;color:#bff7ea;font-size:12px;font-weight:700;line-height:1.4}
.wars-context .wars-context-when:before{content:'';width:7px;height:7px;border-radius:50%;background:#97fce4;box-shadow:0 0 8px #97fce4}.wars-context-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.wars-context-heading h2{font-family:Unbounded,sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.35;letter-spacing:-.03em;margin:0}.wars-context-heading a,.wars-context button{display:inline-flex;align-items:center;min-height:44px;color:#97fce4;font-size:14px;font-weight:700;text-underline-offset:5px}.wars-context p{max-width:72ch;color:#b0c1bf;line-height:1.7;margin:10px 0;font-size:14px}.wars-context .wars-context-week{font-weight:700;color:#eef7f4}.wars-context .wars-context-note{font-size:12px}.wars-context-list{list-style:none;padding:0;margin:16px 0}.wars-context-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #2b403d}.wars-context-list a{color:#eef7f4;font-size:15px;font-weight:700;overflow-wrap:anywhere;text-underline-offset:4px}.wars-context-list small{display:block;color:#b0c1bf;font-size:12px;margin-top:5px}.wars-context-rank{color:#b0c1bf;font-size:20px}.wars-context-score{text-align:right;font-weight:700;color:#97fce4}.wars-context-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wars-context-rewards dt{font-size:13px;color:#b0c1bf;margin-bottom:8px}.wars-context-rewards dd{font-size:18px;margin:0;overflow-wrap:anywhere}.wars-context button{font-family:inherit;border:1px solid #4c6763;border-radius:8px;background:#122220;padding:10px 16px;cursor:pointer}.wars-context button:hover{background:#233835}.wars-context a:focus-visible,.wars-context button:focus-visible{outline:2px solid #97fce4;outline-offset:4px}.wars-context [hidden]{display:none!important}.project-shell>.wars-context{width:100%;grid-column:1/-1}.stockroom-page .wars-context{margin-inline:0}.discovery>.wars-context{margin-top:0}.wars-context::selection{background:#97fce4;color:#10201d}@media(max-width:600px){.wars-context-heading{display:block}.wars-context-heading a{margin-top:8px}.wars-context-rewards{grid-template-columns:1fr}.wars-context-list li{gap:10px;grid-template-columns:22px minmax(0,1fr) auto}.wars-context{margin-block:24px;padding:20px 18px;border-radius:16px}.wars-context-heading h2:before{width:38px;height:38px;background-size:19px,auto}}
.wars-context-eligibility{border-top:1px solid #2b403d;padding-block:16px}.wars-context-eligibility a,.wars-context-eligibility-list a{color:#97fce4;overflow-wrap:anywhere}.wars-context-eligibility-list h3{font-size:18px;margin:24px 0 12px}.wars-context-eligibility li{color:#b0c1bf;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.wars-context-eligibility summary{cursor:pointer;min-height:44px;padding-block:12px}.wars-context-eligibility code{font-size:12px;overflow-wrap:anywhere}.wars-trade-note{font:12px/1.65 Manrope,sans-serif;color:#b0c1bf;margin:12px 0;max-width:65ch}.wars-context-eligibility summary:focus-visible{outline:2px solid #97fce4;outline-offset:3px}