:root{--bg:#FFF8E7;--ink:#1B1B2F;--mute:#5a5a6e;--rule:#e2d7b8;--fuse:#E4572E;--ban:#F6C945;--card:#fffdf4}
@media (prefers-color-scheme:dark){:root{--bg:#14141f;--ink:#f4efe0;--mute:#b3b0c2;--rule:#34344a;--fuse:#ff7a52;--ban:#F6C945;--card:#1c1c2b}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--ban);color:#000;padding:.4rem .7rem;z-index:9}
a{color:var(--fuse);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
.top{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:baseline;justify-content:space-between;max-width:860px;margin:0 auto;padding:1.1rem 16px;border-bottom:2px solid var(--ink)}
.brand{font:800 1.25rem/1 system-ui,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.brand span{color:var(--fuse);margin-left:.25em}
.top nav{display:flex;flex-wrap:wrap;gap:1rem;font:600 .95rem system-ui,sans-serif}.top nav a{color:var(--ink);text-decoration:none}.top nav a:hover{color:var(--fuse)}
main{max-width:860px;margin:0 auto;padding:1.5rem 16px 3rem}
h1{font:800 clamp(1.9rem,5vw,2.8rem)/1.1 system-ui,sans-serif;letter-spacing:-.025em;margin:.3rem 0 1rem}
h2{font:700 1.4rem/1.25 system-ui,sans-serif;margin:2.2rem 0 .6rem;padding-top:.8rem;border-top:1px solid var(--rule)}
h3{font:700 1.05rem system-ui,sans-serif;margin:1.2rem 0 .2rem}
.answer{font-size:1.2rem;line-height:1.55;background:var(--card);border-left:6px solid var(--ban);padding:.9rem 1.1rem;margin:0 0 1.2rem}
.crumbs{font:.85rem system-ui,sans-serif;color:var(--mute)}.crumbs a{color:var(--mute)}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:0}.cards li{padding:.9rem 0;border-bottom:1px solid var(--rule)}.cards a{font:700 1.05rem system-ui,sans-serif}.cards span{display:block;color:var(--mute);font-size:.95rem}
.related,.sources{padding-left:1.2rem}.sources{font-size:.92rem}
.fineprint{font-size:.85rem;color:var(--mute);margin-top:2rem}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font:.95rem system-ui,sans-serif}th,td{border-bottom:1px solid var(--rule);padding:.5rem .6rem;text-align:left}
code{background:var(--card);border:1px solid var(--rule);padding:.05rem .3rem;font-size:.9em}
.btn{display:inline-block;background:var(--fuse);color:#fff;font:700 1rem system-ui,sans-serif;padding:.7rem 1.1rem;text-decoration:none;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn:hover{transform:translate(-1px,-1px)}
.btn.ghost{background:transparent;color:var(--ink)}
.lead-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}
.notice{border:2px dashed var(--fuse);padding:.9rem 1rem;margin:1.5rem 0;background:var(--card)}
.arena{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:1.4rem 0;padding:1.2rem 1rem 0;border:2px solid var(--ink);background:linear-gradient(var(--card),var(--bg));min-height:170px;position:relative;overflow:hidden}
.tower{width:34%;min-height:110px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;text-align:center;font:800 .95rem/1.2 system-ui,sans-serif;letter-spacing:.06em}
.tower.right{background:var(--fuse);color:#fff}
.fuse{font-size:2.4rem;align-self:center;animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px) rotate(12deg)}}
@media (prefers-reduced-motion:reduce){.fuse{animation:none}}
footer{max-width:860px;margin:0 auto;padding:1.5rem 16px 3rem;border-top:2px solid var(--ink);font:.9rem/1.6 system-ui,sans-serif;color:var(--mute)}footer a{color:var(--mute)}
@media (max-width:560px){body{font-size:16px}.tower{width:36%}}
.form{display:grid;gap:1rem;margin:1.2rem 0}
.field{display:grid;gap:.3rem;border:0;padding:0;margin:0}.field label,.field legend{font:700 .95rem system-ui,sans-serif}
input,select,textarea{font:1rem system-ui,sans-serif;padding:.65rem .7rem;border:2px solid var(--ink);background:var(--card);color:var(--ink);width:100%;border-radius:0}
input[type=radio],input[type=checkbox]{width:auto;margin-top:.35rem}
input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid var(--ban);outline-offset:2px}
.choice{display:flex;gap:.6rem;align-items:flex-start;font:.95rem/1.45 system-ui,sans-serif;font-weight:400}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
canvas#arena{width:100%;height:auto;aspect-ratio:12/5;border:2px solid var(--ink);background:linear-gradient(var(--card),var(--bg));margin:1rem 0;display:block}
.result{min-height:1px}.result p{margin:.4rem 0;padding:.8rem 1rem;border-left:6px solid var(--ban);background:var(--card)}
.result.good p{border-color:#2e9e5b}.result.bad p{border-color:var(--fuse)}
.badge{display:inline-block;background:var(--ban);color:#1B1B2F;font:800 .7rem system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .4rem;border:1.5px solid var(--ink);vertical-align:middle}
.listings{list-style:none;padding:0;margin:1rem 0}.listing{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--rule)}.listing span{display:block;color:var(--mute);font-size:.95rem}.listing .visit{font:700 .9rem system-ui,sans-serif;white-space:nowrap}
.catnav{font:.95rem system-ui,sans-serif}
.admin-card{border:2px solid var(--ink);padding:1rem;margin:1rem 0;background:var(--card);display:grid;gap:.5rem}.admin-card h3{margin:0}.admin-card .btn{margin-right:.5rem}
.after{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.8rem 0}.after .opt{border:2px solid var(--ink);padding:.9rem 1rem;background:var(--card)}.after h3{margin:.1rem 0 .4rem}.after p{margin:.3rem 0 .8rem;padding:0;border:0;background:none;font-size:.95rem}
@media (max-width:640px){.after{grid-template-columns:1fr}}
.wall{list-style:none;padding:0;columns:2 260px;column-gap:2rem;font:.95rem system-ui,sans-serif}.wall li{padding:.25rem 0;break-inside:avoid;overflow-wrap:anywhere}