:root{color-scheme:dark;--cream:#f5eacf;--mint:#b7e5bb;--orange:#f59d67}*{box-sizing:border-box}body{margin:0;background:#172722;color:var(--cream);font-family:Arial,Helvetica,sans-serif}main{max-width:1500px;margin:auto;padding:0 36px}header{height:83px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:2px;font-size:19px;color:var(--cream);text-decoration:none}.edition,small,.eyebrow,footer,.best{font-family:monospace;letter-spacing:2px}.edition{font-size:11px;opacity:.55}button{font:700 11px monospace;letter-spacing:1px;cursor:pointer;color:var(--cream);border:1px solid #657166;background:transparent;border-radius:5px;padding:12px 16px}button:hover{background:#41564a}button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}#arena{height:calc(100dvh - 145px);min-height:480px;max-height:900px;position:relative;border:1px solid #66735b;border-radius:10px;overflow:hidden;background:#697561}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(90deg,#162b24f2 0%,#162b24dd 42%,#162b2430 100%);text-align:center}.overlay[hidden],[hidden]{display:none!important}#title{align-items:flex-start;text-align:left;padding-left:9%}.eyebrow{font-size:11px;color:var(--mint);font-weight:bold;letter-spacing:3px}h1{font-size:clamp(66px,8.5vw,132px);letter-spacing:-7px;line-height:.85;margin:26px 0 18px;font-weight:950}h1>span{color:var(--orange)}.spark{font-size:.6em;vertical-align:top;margin-left:16px}p{font-size:16px;line-height:1.7;color:#d8dfce}.primary{background:var(--mint);color:#20362b;border:0;padding:19px 26px;min-width:240px;font-weight:900;font-size:13px;box-shadow:0 5px 0 #718e70;margin-top:16px}.primary:hover{background:#d1f8d2;transform:translateY(-1px)}.primary span{margin-left:28px;font-size:20px}.instructions{display:flex;gap:20px;margin-top:29px;font-size:11px;color:#b2beae;align-items:center}kbd{font-family:monospace;font-size:11px;border:1px solid #879980;padding:5px;border-radius:3px;margin-right:5px}.best{font-size:10px;color:#a6b49c;margin-top:22px}footer{display:flex;justify-content:space-between;align-items:center;height:61px;font-size:9px;letter-spacing:1px;color:#a5b3a5}footer i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:9px}footer b{margin:0 9px;color:#607368}#hud{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;pointer-events:none}small{font-size:9px;display:block;color:#dbe6ca}#health{color:#ffb082;font-size:27px;letter-spacing:5px;text-shadow:0 2px #3b4737}#hud strong{display:block;font-family:monospace;font-size:28px;line-height:1.5}.centerhud{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.scorebox{text-align:right}#bottomhud{position:absolute;bottom:20px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1px;pointer-events:none}#dash{width:220px;text-align:center;padding:10px;position:relative;background:#253d30e8;border:1px solid #98b38e;border-radius:4px;overflow:hidden}#dash i{position:absolute;inset:0;background:#b7e5bb33;transform-origin:left}#dash span{position:relative}#toast{position:absolute;top:110px;left:0;right:0;text-align:center;font:900 17px monospace;color:#fce6b4;pointer-events:none;text-shadow:0 2px 4px #1d3024;transition:opacity .2s}h2{font-size:clamp(45px,7vw,90px);line-height:.95;letter-spacing:-4px;margin:25px 0}h2 em{color:var(--orange);font-style:normal}.results{display:flex;gap:45px;margin:22px 0}.results strong{font:700 29px monospace;display:block;margin-top:10px}#end,#pause{background:#172c25e8}@media(max-width:700px){main{padding:0 10px}header{height:62px}.edition{display:none}.brand{font-size:15px}#arena{height:calc(100dvh - 110px);min-height:420px}#title{padding-left:7%}h1{letter-spacing:-4px}.instructions{gap:10px;flex-wrap:wrap}footer{height:45px}footer>span:nth-child(2){display:none}#next{display:none}#hud{inset:18px 16px auto}#bottomhud{left:16px;right:16px}#dash{width:170px}.results{gap:22px}small{font-size:8px}}

/* Character collection */
:root{--cream:#f6eddf;--accent:#b6cce8;--accent-dark:#687f9e;--mint:var(--accent);--orange:var(--accent)}body{background:#211e2b;background-image:radial-gradient(ellipse at 50% 0,#393045 0,transparent 70%)}header{height:74px}.brand{font-size:17px;letter-spacing:2.5px}.edition{color:#d5c6dc}#arena{border-color:#655668;background:#342c40;height:calc(100dvh - 130px);min-height:580px;border-radius:14px}button{border-color:#77667f}button:hover{background:#4b4056}.overlay{background:#292332f5}#title{display:block;padding:30px 38px 23px;overflow:auto;text-align:left;background:radial-gradient(ellipse at 50% 0,#4a3b5355,transparent 65%),#292332}.selection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{color:#c5b3cd;font-size:9px;letter-spacing:2.3px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(32px,3.9vw,54px);letter-spacing:-1.8px;line-height:1.1;margin:13px 0 0}h1 em{font-weight:400;color:#e4c5d3}.selection-note{font-family:Georgia,serif;font-style:italic;line-height:1.7;font-size:14px;color:#b4a4bd;text-align:right}.roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cat-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 0 19px;overflow:hidden;border:1px solid #66536b;border-radius:10px;background:linear-gradient(150deg,#45394e,#332c3e);transition:transform .2s,border-color .2s,background .2s;letter-spacing:0;min-width:0}.cat-card:hover{transform:translateY(-4px);border-color:var(--cat-accent);background:linear-gradient(150deg,#554560,#3e3449)}.cat-card[aria-pressed=true]{border:2px solid var(--cat-accent);background:linear-gradient(150deg,#514356,#3a3247);box-shadow:0 0 28px #b6cce80a,inset 0 0 40px #b6cce807;padding-bottom:18px}.card-number{position:absolute;left:15px;top:15px;font:10px monospace;color:#a696b0}.selected-check{position:absolute;right:12px;top:12px;border:1px solid #8d7c94;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:12px;color:transparent}.cat-card[aria-pressed=true] .selected-check{background:var(--cat-accent);color:#342c40;border-color:var(--cat-accent)}.portrait{width:100%;height:clamp(150px,23.5vh,285px);padding:2px 12px 0}.portrait svg{width:100%;height:100%;overflow:visible;transition:transform .25s}.cat-card:hover .portrait svg{transform:rotate(-2deg) scale(1.035)}.cat-name{font-family:Georgia,serif;font-weight:400;font-size:29px;color:var(--cat-accent);margin-top:0}.cat-personality{font:11px Arial,sans-serif;color:#d2c4d4;margin:7px 0 13px}.card-trait{font:8px monospace;letter-spacing:1.5px;color:var(--cat-accent);border:1px solid #8e77934d;padding:6px 9px;border-radius:20px}.selection-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding-top:22px;border-top:1px solid #78627f55}.selected-story h3{font:400 20px Georgia,serif;margin:0 0 7px;color:var(--accent)}.selected-story p{font-size:12px;color:#c4b7cb;margin:0;line-height:1.6}.ability{margin-top:10px;display:flex;align-items:center;gap:10px;color:#ddd0e1;font-size:11px}.ability>span:first-child{font:8px monospace;letter-spacing:1px;color:var(--accent);white-space:nowrap}.primary{background:var(--accent);color:#2d2735;box-shadow:0 4px 0 var(--accent-dark);border-radius:7px;min-width:215px;margin:0;padding:16px 22px;white-space:nowrap}.primary:hover{background:var(--accent);filter:brightness(1.12)}.selection-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.instructions{margin:0;gap:14px;color:#aa9bb5;font-size:10px}kbd{border-color:#786480;color:#d9cce0;font-size:9px}.best{font-size:8px;letter-spacing:1px;margin:0;color:#aa9bb5}footer{height:55px;color:#a797b0}.secondary{margin-top:22px;border:0;color:#c9b9d2;font-size:10px;text-decoration:underline;text-underline-offset:5px}#end,#pause{background:#292332ed}#end .primary,#pause .primary{margin-top:16px}#player-icon{position:absolute;width:55px;height:60px;left:-5px;top:18px;overflow:hidden}#player-icon svg{width:55px;height:63px}#health{padding-left:55px;font-size:24px;line-height:45px;color:var(--accent)}#hud small{color:#e3d4e7}#dash{background:#352c44eb;border-color:var(--accent)}#dash i{background:var(--accent);opacity:.22}#toast{color:var(--accent);text-shadow:0 2px 4px #20182a}#bottomhud{color:#ebddec}#pause h2{color:var(--accent)}
@media(min-width:1400px) and (min-height:850px){#title{padding:40px 55px}.selection-heading{margin-bottom:35px}.selection-bottom{margin-top:32px;padding-top:28px}.selection-foot{margin-top:28px}.portrait{height:30vh;max-height:330px}}
@media(max-width:1000px){main{padding:0 18px}#title{padding:25px 22px}.roster{gap:10px}.selection-note{display:none}.selection-foot{gap:12px;flex-wrap:wrap}.ability{align-items:flex-start;line-height:1.5}.cat-personality{font-size:10px}.card-trait{font-size:7px;letter-spacing:.8px}.primary{min-width:180px;padding:16px}.selection-heading{margin-bottom:20px}}
@media(max-width:620px){header{height:62px}#arena{height:calc(100dvh - 105px);min-height:500px}#title{padding:23px 16px}.roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portrait{height:160px}.cat-name{font-size:25px}.cat-card{padding-bottom:14px}.cat-card[aria-pressed=true]{padding-bottom:13px}.cat-personality{margin:5px 0 10px}.selection-bottom{flex-direction:column;align-items:stretch;gap:18px}.selection-bottom .primary{width:100%}.selection-heading h1{font-size:34px;max-width:270px}.selection-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.selection-foot{gap:20px}.instructions{gap:12px;line-height:2}.ability{flex-direction:column;gap:5px}footer{height:43px}.card-number{left:10px;top:11px}.selected-check{right:8px;top:8px}#health{font-size:19px;letter-spacing:2px;padding-left:42px}#player-icon{width:44px}#player-icon svg{width:44px}#hud strong{font-size:22px}#bottomhud{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.cat-card:hover{transform:none}.cat-card:hover .portrait svg{transform:none}}
#dash{pointer-events:auto;font:10px monospace;letter-spacing:1px;color:#ebddec}#dash:hover{background:#4e3d5e}#player-icon{top:10px;width:47px;height:45px;left:0}#player-icon svg{width:47px;height:48px}
@media(max-width:620px){.integrity-label{display:none}#hud{background:linear-gradient(#342d42f5,#342d42e0);inset:0 0 auto;padding:16px;height:84px}#hud .centerhud{top:16px}#player-icon{left:14px;top:31px;width:34px}#player-icon svg{width:34px;height:36px}#health{padding-left:34px;font-size:17px;line-height:34px}#hud small{font-size:7px;letter-spacing:1px}}
/* Help is a modal page: the current run stays safely paused underneath. */
.header-actions{display:flex;align-items:center;gap:10px}#help-open{color:var(--accent);border-color:var(--accent-dark)}
#help{color:var(--cream);background:#292332;border:1px solid #806a89;border-radius:16px;padding:0;width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 24px 100px #100b1ccc;overflow:auto}#help::backdrop{background:#110e1acf;backdrop-filter:blur(7px)}.help-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 30px;background:#302838;border-bottom:1px solid #75607d55}.help-top .eyebrow{font-size:9px}.help-body{padding:28px 32px 20px}#help h2{font:400 clamp(30px,4vw,48px)/1.15 Georgia,serif;letter-spacing:-1px;margin:0 0 12px}#help h2 em{font-style:italic}.help-intro{font-size:14px;margin:0 0 24px;color:#c9bcd0}.shooting-callout{display:flex;align-items:flex-start;gap:18px;background:#44364f;border:1px solid var(--accent-dark);padding:22px;border-radius:10px}.help-symbol{font-size:32px;color:var(--accent);line-height:1.2}#help h3{font:400 21px Georgia,serif;color:var(--accent);margin:0 0 12px}.shooting-callout p{font-size:14px;margin:0;line-height:1.7;color:#e0d3e6}.shooting-callout strong{color:#fff3df}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:32px}.controls-list{margin:0}.controls-list>div{padding:12px 0;border-bottom:1px solid #6a527342}.controls-list dt{font-size:12px;color:#f0e3f5;line-height:1.8}.controls-list dd{margin:7px 0 0;font-size:12px;line-height:1.7;color:#c3b5cc}.help-list{margin:0;padding-left:18px;font-size:13px;line-height:1.8;color:#c3b5cc}.help-list li{margin-bottom:15px}.help-list strong,.help-enemies strong{color:#eaddec}.help-cats{margin-top:30px}#help-cat-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#help-cat-list article{border:1px solid #685370;border-top:2px solid var(--cat-accent);padding:16px;border-radius:8px;background:#342c3e}#help-cat-list h4{font:400 23px Georgia,serif;color:var(--cat-accent);margin:0 0 8px}#help-cat-list small{font:10px Arial,sans-serif;letter-spacing:0;color:#d0bfd8}#help-cat-list p{font-size:12px;line-height:1.7;margin-bottom:0;color:#c3b5cc}.help-enemies{margin-top:30px}.help-enemies p{font-size:13px;color:#c3b5cc;line-height:1.8}.help-tip{font:italic 15px/1.7 Georgia,serif;color:var(--accent);border-top:1px solid #6a527366;padding-top:20px;margin-top:25px}
@media(max-width:850px){.edition{display:none}}@media(max-width:620px){.brand{font-size:12px;letter-spacing:1px}.header-actions{gap:6px}.header-actions button{padding:10px 8px;font-size:9px;letter-spacing:.5px}#help{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.help-top{padding:14px;gap:10px}.help-top .eyebrow{font-size:7px;letter-spacing:1px}#help-close{font-size:9px;padding:10px;white-space:nowrap}.help-body{padding:22px 18px}.help-grid{grid-template-columns:1fr;gap:28px}.shooting-callout{padding:16px;gap:12px}.help-symbol{font-size:24px}#help h3{font-size:20px}#help-cat-list{grid-template-columns:1fr 1fr}.shooting-callout p{font-size:13px}}