:root{color-scheme:dark;--bg:#101f2a;--paper:#f3eedc;--ink:#172e3c;--orange:#ef9650;--cyan:#78cbd1;--muted:#95a8ae}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#29434b 0,transparent 65%),var(--bg);color:var(--paper);font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f4ba72;outline-offset:5px}button:disabled{cursor:wait}.cabinet{width:min(960px,100%);margin:auto;padding:28px 28px 16px}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.wordmark{font-size:13px;letter-spacing:2px;font-weight:900;color:var(--paper);text-decoration:none}.wordmark span{display:block;font-size:9px;letter-spacing:6px;color:var(--muted);margin-top:5px}.small-button{background:transparent;color:var(--paper);border:1px solid #65808a;border-radius:5px;padding:10px 13px;font-size:12px;min-height:40px}.small-button:hover{background:#ffffff0d}.intro{text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan)}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(38px,7vw,64px);line-height:1.04;margin:18px 0}h1 em{color:var(--orange);font-weight:normal}.intro p{font-size:12px;color:#afc0c5;line-height:1.6;margin:20px auto 30px;max-width:440px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:750px;margin:auto}.creature-card{color:var(--paper);background:#20333c;border:1px solid #60716f;border-radius:9px;padding:21px 22px 0;display:flex;align-items:center;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s,border-color .2s;isolation:isolate}.creature-card:before{content:'';z-index:-1;position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,#d4883733,transparent 60%)}.creature-card.blue:before{background:radial-gradient(circle at 50% 38%,#57a7e833,transparent 60%)}.creature-card:hover{transform:translateY(-5px);border-color:var(--orange)}.creature-card.blue:hover{border-color:var(--cyan)}.card-number{font-size:9px;letter-spacing:1.5px;color:#c1c4b4;align-self:flex-start}.sprite{background-image:url('assets/creatures.png');background-size:200% 200%;background-repeat:no-repeat;image-rendering:pixelated}.claudopus-front{background-position:0 0}.claudopus-back{background-position:100% 0}.astralisk-front{background-position:0 100%}.astralisk-back{background-position:100% 100%}.portrait{width:220px;max-width:100%;aspect-ratio:1;display:block;filter:drop-shadow(0 10px 9px #0003)}.creature-card strong{font-size:25px;letter-spacing:-1px}.type{font-size:9px;letter-spacing:2px;margin:11px 0 18px;color:var(--orange)}.blue .type{color:var(--cyan)}.card-copy{font:12px/1.7 Georgia,serif;color:#c6d0cd}.choose-label{display:flex;justify-content:space-between;align-items:center;align-self:stretch;font-size:10px;font-weight:bold;letter-spacing:1px;border-top:1px solid #ffffff1c;padding:18px 0;margin-top:23px}.choose-label b{font-size:20px;color:var(--orange)}.blue .choose-label b{color:var(--cyan)}.howto{text-align:center;font-size:10px;line-height:1.6;margin:24px auto;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;color:#83969c;margin-top:36px;padding-top:18px;border-top:1px solid #ffffff16}.battle-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:10px;letter-spacing:1px}.live-dot{color:#9bb4ad;font-size:9px}.live-dot:before{content:'●';color:#85cfaa;margin-right:6px}.arena{height:420px;position:relative;overflow:hidden;background:linear-gradient(#b1c7cb 0%,#d2ddcd 70%,#baccc2);border:5px solid #56727a;border-radius:10px 10px 0 0;isolation:isolate}.arena:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#ffffff0b 3px 5px);pointer-events:none;z-index:6}.arena-grid{position:absolute;inset:50% -50% -70%;background-image:linear-gradient(#7f9f9a30 1px,transparent 1px),linear-gradient(90deg,#7f9f9a30 1px,transparent 1px);background-size:48px 48px;transform:perspective(180px) rotateX(40deg);transform-origin:center top}.stars{position:absolute;top:15px;left:58%;color:#e9f1db;font-size:40px;opacity:.6}.platform{position:absolute;border-radius:50%;background:#8daa9d55;box-shadow:inset 0 0 0 10px #e1e6d34d,inset 0 0 0 13px #789a9870}.enemy-platform{width:40%;height:62px;right:1%;top:46%}.player-platform{width:52%;height:78px;left:-7%;bottom:-4%}.fighter{position:absolute;width:260px;height:260px;z-index:2;transition:opacity .4s,transform .4s;filter:drop-shadow(0 6px 2px #496f7140)}.fighter.enemy{right:3%;top:0;animation:float 3.2s ease-in-out infinite}.fighter.player{left:0;bottom:-30px;width:310px;height:310px}.health-panel{position:absolute;background:var(--paper);color:var(--ink);border:3px solid #435e59;border-radius:9px 3px 9px 3px;box-shadow:5px 5px 0 #405e5c4d;padding:13px 16px 8px;width:36%;z-index:4}.enemy-panel{top:25px;left:25px}.player-panel{right:25px;bottom:35px;width:40%}.health-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.health-name strong{font-size:17px;text-transform:uppercase;letter-spacing:-.6px}.health-name>span{font-size:11px}.hp-row{display:flex;align-items:center;gap:7px;margin-top:10px}.hp-row>b{font-size:12px;color:#916924}.hp-track{height:12px;background:#c5cbaf;border:2px solid #647974;border-radius:5px;overflow:hidden;flex:1}.hp-fill{height:100%;width:100%;background:#54b895;transition:width .45s ease,background .45s}.hp-detail{display:flex;justify-content:space-between;min-height:16px;gap:3px;margin-top:6px;font-size:9px}.hp-detail>span:first-child{color:#8a6732}.console{border:5px solid #56727a;border-top:0;border-radius:0 0 10px 10px;background:#e9e5d5;display:grid;grid-template-columns:1fr 1fr;min-height:208px;padding:12px;gap:12px}.narration{border:3px solid #cfa85d;border-radius:6px;background:#1b3b50;color:#f2eedf;padding:16px;display:flex;flex-direction:column;justify-content:center;min-height:180px}.narration>span:first-child{font-size:9px;letter-spacing:1.7px;color:#b2cbd3}.narration p{font-size:14px;line-height:1.6;margin:12px 0;white-space:pre-line}.narration>span:last-child{font-size:9px;color:#a9bec3;min-height:12px}.moves{display:grid;grid-template-columns:1fr 1fr;gap:8px}.move{display:flex;flex-direction:column;justify-content:space-between;text-align:left;background:#fbf8e9;color:var(--ink);border:2px solid #74877d;border-radius:5px;padding:10px;min-height:86px;transition:background .15s,transform .15s}.move:hover:not(:disabled){background:white;transform:translateY(-2px);border-color:#ba6c3c}.move:disabled{opacity:.5}.move.empty{opacity:.35}.move strong{font-size:12px;line-height:1.2}.move .move-meta{display:flex;justify-content:space-between;font-size:8px;font-weight:bold;margin:6px 0;color:#8f5b32}.move small{font-size:9px;line-height:1.35;color:#52686a}.battle-log{margin:14px 0 0;border:1px solid #405960;border-radius:5px;font-size:11px}.battle-log summary{cursor:pointer;padding:12px;color:#b5c8c9}.battle-log summary span{float:right;font-size:9px;color:#7d989d}.battle-log ol{max-height:220px;overflow:auto;padding:0 20px 12px 38px;line-height:1.7;color:#b7c9ce}.battle-log li{padding-bottom:9px;border-bottom:1px solid #ffffff0a;margin-bottom:9px;white-space:pre-line}#ending{padding:15px;color:var(--ink);text-align:center}#ending .eyebrow{color:#716236}#ending h2{font:28px Georgia,serif;margin:12px 0}#ending p{font-size:11px;line-height:1.6}.end-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.end-actions .small-button{color:var(--ink);border-color:#738476}.primary-button{border:2px solid #243f42;background:#244d53;color:#fff7df;padding:12px 20px;border-radius:4px}.hit{animation:hit .4s steps(2)!important}.lunge.enemy{animation:enemy-lunge .35s ease!important}.lunge.player{animation:player-lunge .35s ease!important}.healing{animation:healing .6s ease!important}.fainted{opacity:0!important;transform:translateY(70px)!important;animation:none!important}#effect{position:absolute;inset:0;z-index:3;pointer-events:none;display:grid;place-items:center;font-size:75px;color:#f3d384;text-shadow:0 0 20px currentColor;opacity:0}#effect.flash{animation:flash .6s ease}#effect.boost{color:#69eff4}@keyframes float{50%{translate:0 -7px}}@keyframes hit{0%,50%{filter:brightness(2);opacity:.3}25%,75%{filter:none;opacity:1}}@keyframes player-lunge{50%{translate:22px -13px}}@keyframes enemy-lunge{50%{translate:-22px 13px}}@keyframes healing{50%{filter:drop-shadow(0 0 18px #99ffd8) brightness(1.3)}}@keyframes flash{35%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(.7)}}[hidden]{display:none!important}@media(max-width:620px){.cabinet{padding:18px 12px 12px}.masthead{margin-bottom:28px}.choices{gap:10px}.creature-card{padding:14px 11px 0}.card-number{font-size:7px;letter-spacing:.5px}.portrait{width:180px}.creature-card strong{font-size:20px}.type{font-size:8px;letter-spacing:1px}.card-copy{font-size:11px}.choose-label{font-size:8px;letter-spacing:0;margin-top:15px}.intro p{font-size:11px}.arena{height:330px;border-width:4px}.fighter.enemy{width:210px;height:210px;right:-10px;top:16px}.fighter.player{width:240px;height:240px;left:-23px;bottom:-18px}.health-panel{padding:9px 10px 6px;width:49%;border-width:2px}.enemy-panel{left:10px;top:15px}.player-panel{right:10px;bottom:18px;width:48%}.health-name strong{font-size:13px}.health-name>span{font-size:9px}.hp-detail{font-size:8px}.hp-row{margin-top:6px;gap:4px}.hp-track{height:10px}.console{grid-template-columns:1fr;border-width:4px;padding:9px;gap:9px}.narration{min-height:130px;padding:12px}.narration p{font-size:13px;margin:8px 0}.moves{gap:7px}.move{min-height:91px;padding:10px}.move strong{font-size:13px}.move small{font-size:10px}.move .move-meta{font-size:9px}.live-dot{font-size:7px}.battle-top{font-size:9px}.battle-top .small-button{font-size:10px;padding:7px 9px}footer{font-size:7px;line-height:1.6}footer span{max-width:110px;text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.portrait{background:#f4eddb;border-radius:50%;overflow:hidden;margin:12px 0 16px;width:205px;box-shadow:inset 0 0 0 1px #fff4}.portrait>.sprite{display:block;width:100%;height:100%;mix-blend-mode:multiply}.fighter{mix-blend-mode:multiply}@media(max-width:620px){.portrait{width:160px;max-width:100%;margin:12px 0}.fighter.enemy{width:190px;height:190px;top:34px;right:0}.fighter.player{width:220px;height:220px;bottom:-10px;left:-16px}}
.fighter{filter:none}
.continue-button{align-self:flex-end;min-height:42px;margin-top:10px;padding:8px 14px;border:1px solid #d2b375;border-radius:4px;background:#f3e8c8;color:#19394b;font-weight:bold;font-size:12px}.continue-button:hover{background:#fff6dc}.continue-button:focus-visible{outline-color:#f8d38b}.narration>#continue-hint{font-size:9px;color:#a9bec3;min-height:12px}