@font-face{font-family:Pixel;src:url('assets/pixel.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#28304e;--paper:#fff1c4;--pale:#dbdfb0;--blue:#353b72;--edge:#171c3c;--gold:#f8ce66;--muted:#72788c;--accent:#b594ff}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#202647;color:var(--ink);font:12px/1.5 'Courier New',monospace;font-weight:bold}button,select{font:inherit}button{cursor:pointer;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e8a74b;outline-offset:3px}button:active{translate:0 2px}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}canvas{display:block;image-rendering:pixelated}#arena{width:100%;height:100%;touch-action:none}.screen{position:fixed;inset:0;overflow:auto;padding:26px 18px;background:repeating-linear-gradient(0deg,#202647 0 4px,#232a4e 4px 8px)}.cartridge{max-width:1060px;margin:auto;border:4px solid #11172e;box-shadow:0 0 0 3px #737caa,9px 10px 0 #10162d;background:#333c67;position:relative}.mast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;background:#252c51;border-bottom:4px solid #161d37;color:#fff0be}.brand{font:12px Pixel,monospace;color:#f5d27f}.brand span{display:block;font:7px Pixel,monospace;color:#aab7d4;margin-top:7px}.mast-actions{display:flex;gap:12px}.text-button{border:0;background:none;color:inherit;padding:5px 0;font:10px 'Courier New',monospace;text-decoration:underline;text-underline-offset:3px}.mast .text-button{font-size:12px;color:#e5e4cc}.menu-main{padding:25px}.intro{text-align:center;padding:7px 0 23px;color:#d2e0ec}.eyebrow{font:8px/1.8 Pixel,monospace;letter-spacing:1px;color:#67678c;margin-bottom:12px}.intro .eyebrow{color:#a8bad2;font-size:7px;letter-spacing:2px;margin-bottom:15px}h1{font:clamp(19px,3.2vw,33px)/1.6 Pixel,monospace;color:#fff2bc;letter-spacing:1px;text-shadow:3px 3px #171e3e,0 -2px #8a9bb8}h1 em{font-style:normal;color:#f8cd70;text-shadow:3px 3px #754f36}.intro-copy{font:11px 'Courier New',monospace;margin-top:14px;color:#cadbd5}.title-pixels{color:#a7b6c9;font-size:13px;margin-top:14px;letter-spacing:7px}.selection-layout{display:grid;grid-template-columns:1fr 267px;gap:18px;align-items:stretch}.window,.modal{background:var(--paper);border:4px solid #19203d;box-shadow:inset 0 0 0 2px #fffbe1,inset 0 0 0 5px #b9b883,3px 3px 0 #18203e;padding:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;font:9px/1.6 Pixel,monospace;gap:10px;margin-bottom:17px;color:#3a426a}.section-heading .text-button{font-size:12px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.starter-card{background:#d6e1c5;border:3px solid #8c9c9f;padding:0;position:relative;min-width:0;box-shadow:inset 0 0 0 2px #ebefcf;text-align:left}.starter-card.selected{border-color:#395593;background:#bacfbd;box-shadow:inset 0 0 0 2px #e5edc6,0 0 0 2px #e5bb5c}.starter-card.selected:after{content:'▼';position:absolute;top:9px;left:9px;color:#344b89;font:11px Pixel,monospace}.monster-art{display:block;background-image:url('assets/monster-directions-v2.png');background-size:800% 600%;background-repeat:no-repeat;aspect-ratio:1;image-rendering:pixelated}.starter-card .monster-art{margin:15px 0 1px;aspect-ratio:1/1.08}.starter-info{padding:11px 8px;background:#f5edc2;border-top:2px solid #8d9a93;min-height:98px}.starter-type{font:7px/1.5 'Courier New',monospace;display:block;color:#796b77;margin-bottom:6px}.starter-info h3{font:11px/1.5 Pixel,monospace;overflow-wrap:normal;color:#2e3453;min-height:48px}.starter-info p{display:none}.controls-note{display:flex;justify-content:space-between;gap:10px;color:#6c6f7c;font-size:10px;padding-top:16px;flex-wrap:wrap}.deck-panel h2{font:14px/1.7 Pixel,monospace;color:#3c4774}.selected-desc{font:11px/1.6 'Courier New',monospace;color:#666b78;margin-top:5px;min-height:18px}.fusion-recipe{display:flex;align-items:center;gap:8px;border-top:2px solid #d7cea3;border-bottom:2px solid #d7cea3;margin:12px 0;padding:6px 0;min-height:67px}.fusion-recipe .monster-art{width:57px;flex-shrink:0}.fusion-recipe small{display:block;font:7px Pixel,monospace;color:#8a6b71;margin-bottom:6px}.fusion-recipe strong{font:11px/1.4 'Courier New',monospace;font-weight:bold}.preset-label{font:8px Pixel,monospace;display:block;margin:9px 0 7px;color:#716d79}select{width:100%;padding:7px 8px;background:#e5e7c1;color:#303653;border:2px solid #9fa78a;border-radius:0;font-size:12px}.deck-preview{display:flex;gap:4px;margin:11px 0 8px}.mini-card{height:32px;min-width:0;flex:1;display:grid;place-items:center;background:#c3d4bb;color:#4d5272;border:2px solid #8b9e92;box-shadow:inset 0 0 0 2px #e1e3bc;font-size:19px}.deck-explain{font-size:10px;color:#76717c;margin:8px 0 14px}.primary,.secondary{min-height:43px;border:3px solid #303659;box-shadow:inset 2px 2px #fff4c2,inset -2px -2px #b38e4d,2px 3px 0 #b1ab7d;padding:10px 12px;background:#f1cd78;color:#2b3152;font:10px/1.5 Pixel,monospace;display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.primary{width:100%}.primary:hover{background:#ffdf8a}.secondary{background:#d2dcba;box-shadow:inset 2px 2px #f3f4d0,inset -2px -2px #9ca884,2px 3px #b1ab7d}.primary span{font-size:12px}.quiet{font-size:9px;color:#7b7881;margin-top:11px;text-align:center}.menu-footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px;color:#bec8d6;font:8px 'Courier New',monospace;flex-wrap:wrap}
#hud{position:fixed;inset:0;pointer-events:none;user-select:none}.xp-track{position:absolute;left:0;right:0;top:0;height:5px;background:#252d56;border-bottom:1px solid #090e26}.xp-track>div{height:100%;background:#f9d77d}.hud-top{padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.life-panel{width:250px;background:#fff1c4;border:3px solid #243055;box-shadow:inset 0 0 0 2px #dbd49d,2px 2px #15264455;padding:8px 10px}.hud-eyebrow{font:8px/1.5 'Courier New',monospace;display:flex;justify-content:space-between;gap:8px;color:#41445f}.hud-eyebrow b{font:8px Pixel,monospace;color:#6a5182;white-space:nowrap}.life-track{height:9px;border:2px solid #3c4f58;background:#c0c798;margin-top:5px}.life-track>div{height:100%;background:#6fa56c;width:100%}.life-caption{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;margin-top:4px;color:#626577}.timer-panel{position:absolute;left:50%;transform:translateX(-50%);background:#303958;border:3px solid #151e37;box-shadow:inset 0 0 0 2px #6b7896;padding:11px 13px;text-align:center;color:#fff4c4;min-width:146px}#timer{font:18px/1.3 Pixel,monospace}.timer-panel small{display:block;font:8px 'Courier New',monospace;margin-top:6px;color:#d8dec7;white-space:nowrap}.square-button{pointer-events:auto;width:42px;height:42px;border:3px solid #1e2848;background:#f4e5b8;color:#424965;box-shadow:inset 0 0 0 2px #b6b18c;font:18px Pixel,monospace}.minimap-frame{position:absolute;top:74px;right:18px;padding:3px;background:#e5dba9;border:3px solid #26324b;box-shadow:2px 2px #17312a55}.minimap-frame canvas{width:72px;height:72px}#bossBar{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:min(360px,55%);border:2px solid #3b3048;background:#fff0c9;padding:6px 8px;color:#614258;font:9px 'Courier New',monospace}#bossBar>div:first-child{display:flex;justify-content:space-between;gap:10px}.boss-track{height:7px;margin-top:4px;background:#c5a6aa;border:1px solid #855d6e}.boss-track>div{height:100%;background:#b85270}.hud-bottom{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.loadout{background:#fff0c3;border:3px solid #303b55;box-shadow:inset 0 0 0 2px #d5cfa4;padding:7px 9px;max-width:51%}.loadout .hud-eyebrow{font-size:7px;color:#71677b}#loadoutSlots{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap;max-width:310px}.slot{height:26px;width:26px;display:grid;place-items:center;border:2px solid #8e9b8c;background:#c6d3af;color:#4f5774;font-size:17px;position:relative}.slot small{font:7px 'Courier New',monospace;position:absolute;right:0;bottom:-2px;background:#fff0c1;color:#424a63}#attackName{display:block;font:8px 'Courier New',monospace;color:#77667b;margin-top:5px}.ability-buttons{display:flex;gap:12px;pointer-events:auto}.ability{width:75px;min-height:75px;border:3px solid #212a4c;border-radius:50%;background:#7986b2;color:#fff0c6;box-shadow:inset 3px 3px #a3afd4,inset -3px -3px #495786,2px 3px #24334c66;padding:8px 5px;text-shadow:1px 1px #364774}.ability.burst{background:#b9788c;box-shadow:inset 3px 3px #d7a0a9,inset -3px -3px #875872,2px 3px #24334c66}.ability-symbol{font:24px/1 'Courier New',monospace;display:block}.ability strong{font:9px 'Courier New',monospace;display:block;margin-top:3px}.ability small{font:8px 'Courier New',monospace;display:block;margin-top:3px}.fusion-hint{position:absolute;bottom:118px;left:18px;max-width:290px;border:2px solid #566473;background:#fff1c4;color:#796483;padding:5px 8px;font:8px 'Courier New',monospace}.fusion-hint b{color:#3a7055}.fusion-dot{display:inline-block;width:9px;height:9px;border:2px solid #a599a2;margin:0 3px;vertical-align:middle;background:#d8d2bc}.fusion-dot.ready{background:#7eb887;border-color:#4d795c}#notice{position:absolute;top:23%;left:50%;transform:translateX(-50%);text-align:center;background:#fff1c4;border:3px solid #2c3758;box-shadow:inset 0 0 0 2px #b9bc9f;padding:12px 18px;opacity:0;max-width:90%;width:max-content}#notice.visible{opacity:1}#notice strong{font:11px/1.7 Pixel,monospace;display:block;color:#3b406a}#notice span{font:10px 'Courier New',monospace;display:block;margin-top:5px;color:#737080}#joystick{position:absolute;width:96px;height:96px;border:3px solid #fff1bb99;border-radius:50%;background:#28395844;transform:translate(-50%,-50%)}#joystick>div{position:absolute;left:50%;top:50%;margin:-18px;width:36px;height:36px;background:#efedc4aa;border:3px solid #51657b;border-radius:50%}#moveHint{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#24364c;background:#e5e4bfdf;border:2px solid #647f78;padding:6px 11px;font:10px 'Courier New',monospace}.dpad{font-size:19px;vertical-align:middle}
.overlay{position:fixed;inset:0;z-index:10;background:#192247ae;display:flex;overflow:auto;padding:22px;touch-action:pan-y}.modal{margin:auto;width:min(720px,100%);color:#30364f;outline:none;padding:28px}.modal.narrow{max-width:450px}.modal h2{font:18px/1.7 Pixel,monospace;text-align:center;color:#3e4874}.modal .eyebrow{text-align:center;color:#8e6f8a;font-size:8px}.subhead{font:12px/1.6 'Courier New',monospace;color:#747180;text-align:center;margin:10px 0 20px}.draft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.upgrade-card{border:3px solid #6d7f83;background:#e1e6bd;color:#3d4b58;box-shadow:inset 0 0 0 2px #f7f3cf;padding:13px 12px;text-align:center;min-height:206px;display:flex;flex-direction:column;align-items:stretch;gap:0}.upgrade-card[data-kind="TRAP"]{background:#e4bfd0;border-color:#a07c98}.upgrade-card[data-kind="FUSION"]{background:#cac7ec;border-color:#7b76a6}.upgrade-card[data-kind="MONSTER"]{background:#ead0a1;border-color:#9d886b}.upgrade-card:hover,.upgrade-card:focus-visible{outline:3px solid #e0ad54;outline-offset:2px}.card-kind{display:flex;justify-content:space-between;font:8px 'Courier New',monospace;color:#67647e}.card-symbol{font:39px/1.3 'Courier New',monospace;color:#67739b;display:block;margin:14px 0}.upgrade-card h3{font:10px/1.7 Pixel,monospace;min-height:34px;color:#41496e}.upgrade-card p{font:11px/1.5 'Courier New',monospace;color:#686776;margin-top:10px;flex:1}.pick-label{font:8px 'Courier New',monospace;display:block;color:#8a6f7a;margin-top:14px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions>*{flex:1}.fusion-art{width:170px;margin:10px auto}.recipe-checks{font:12px/1.8 'Courier New',monospace;color:#7e6a8a;text-align:center}.recipe-icons{display:flex;justify-content:center;align-items:center;gap:12px;font-size:22px;margin:12px 0;color:#8c73a8}.recipe-icons span{background:#d9d6c1;border:2px solid #aca78d;padding:5px 8px}.deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.deck-choice{background:#dde1bd;border:2px solid #9eaa8e;min-height:66px;padding:7px 5px;font:10px/1.4 'Courier New',monospace;color:#4a5167}.deck-choice.chosen{border-color:#637a9d;background:#bdcec0;box-shadow:inset 0 0 0 2px #e3dfae}.deck-choice.chosen:after{content:' ✓';color:#43705b}.deck-symbol{display:block;font-size:21px;color:#727a96}.record-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:11px}.record-table th{font-size:9px;color:#786d85}.record-table th,.record-table td{text-align:left;border-bottom:2px solid #d8d1aa;padding:8px 4px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin:20px 0}.result-stats strong{display:block;font:14px Pixel,monospace;color:#536080}.result-stats span{display:block;font-size:9px;color:#827582;margin-top:9px}.saved-note{font-size:10px;color:#827a88;text-align:center;margin-top:16px}
@media(max-width:760px){.screen{padding:12px 10px}.mast{padding:13px 14px}.brand{font-size:10px}.brand span{font-size:6px}.mast-actions{gap:13px}.mast .text-button{font-size:11px}.menu-main{padding:18px 13px}.intro{padding:6px 0 20px}h1{font-size:clamp(17px,4.7vw,28px)}.intro .eyebrow{font-size:6px;letter-spacing:0}.intro-copy{font-size:11px}.title-pixels{font-size:10px;margin-top:12px}.selection-layout{grid-template-columns:1fr;gap:15px}.window{padding:15px 11px}.section-heading{font-size:8px;margin-bottom:13px}.starter-grid{gap:6px}.starter-card{border-width:2px}.starter-card .monster-art{margin-top:14px}.starter-info{padding:8px 5px;min-height:82px}.starter-info h3{font-size:8px;line-height:1.7;min-height:41px}.starter-type{font-size:6px;margin-bottom:5px}.controls-note{font-size:8px;gap:5px;padding-top:12px}.deck-panel h2{font-size:12px}.deck-panel .section-heading{margin-bottom:8px}.fusion-recipe{margin:9px 0;min-height:49px}.fusion-recipe .monster-art{width:44px}.selected-desc{font-size:11px}.deck-preview{margin:9px 0}.mini-card{height:29px}.deck-panel .primary{margin-top:12px}.menu-footer{font-size:7px;margin-top:18px}.hud-top{padding:12px 10px;gap:7px}.life-panel{width:146px;padding:6px;border-width:2px}.hud-eyebrow{font-size:7px;gap:5px;min-height:13px}.hud-eyebrow b{font-size:6px}.life-track{height:8px;margin-top:3px}.life-caption{font-size:7px;gap:2px}.timer-panel{left:auto;right:60px;transform:none;min-width:111px;padding:9px 7px;border-width:2px}#timer{font-size:13px}.timer-panel small{font-size:6px;max-width:105px;overflow:hidden;text-overflow:ellipsis}.square-button{width:36px;height:36px;font-size:15px;border-width:2px}.minimap-frame{top:77px;right:10px;border-width:2px;padding:2px}.minimap-frame canvas{width:56px;height:56px}.hud-bottom{left:10px;right:10px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}.loadout{max-width:45%;padding:6px;border-width:2px}#loadoutSlots{max-width:139px;gap:3px;max-height:50px;overflow:hidden}.slot{width:22px;height:22px;font-size:14px}#attackName{font-size:7px;max-width:137px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ability-buttons{gap:9px}.ability{width:62px;min-height:62px;padding:5px}.ability strong{font-size:8px}.ability small{font-size:7px}.ability-symbol{font-size:22px}.fusion-hint{left:10px;bottom:120px;font-size:7px;padding:5px 6px;max-width:158px}#moveHint{bottom:88px;font-size:9px;padding:4px 7px;max-width:95%;white-space:normal;text-align:center}.dpad{font-size:15px}#notice{top:24%;padding:10px 12px;max-width:88%}#notice strong{font-size:9px}#notice span{font-size:9px}#bossBar{top:91px;width:59%;left:42%;padding:5px;font-size:8px}.overlay{padding:12px}.modal{padding:21px 14px;border-width:3px}.modal h2{font-size:13px;line-height:1.8}.modal .eyebrow{font-size:7px}.subhead{font-size:11px;margin:9px 0 15px}.draft-grid{grid-template-columns:1fr;gap:9px;margin-top:15px}.upgrade-card{min-height:101px;padding:12px 10px 12px 63px;display:block;text-align:left;position:relative}.card-symbol{position:absolute;left:15px;top:34px;font-size:30px;margin:0}.upgrade-card h3{font-size:9px;min-height:0;margin-top:9px}.upgrade-card p{font-size:10px;margin-top:7px}.pick-label{font-size:7px;margin-top:8px}.card-kind{font-size:7px}.deck-grid{grid-template-columns:repeat(3,1fr)}.deck-choice{font-size:9px;padding:7px 4px}.modal-actions{gap:8px}.primary,.secondary{font-size:9px;padding:10px 8px;gap:9px}.fusion-art{width:145px}.result-stats strong{font-size:12px}.record-table{font-size:10px}.record-table th{font-size:8px}}
@media(max-width:350px){.life-panel{width:127px}.timer-panel{min-width:94px;right:53px;padding:9px 5px}#timer{font-size:12px}.starter-info h3{font-size:7px}.hud-top{padding:11px 7px}.starter-type{font-size:5px}.window{padding:13px 8px}}
@media(max-height:550px) and (min-width:700px){.screen{padding:12px}.intro{padding:3px 0 17px}.intro .eyebrow,.intro-copy,.title-pixels{display:none}h1{font-size:20px;line-height:1.5}h1 br{display:none}h1 em{margin-left:20px}.menu-main{padding:16px 19px}.cartridge{max-width:970px}.mast{padding:10px 17px}.starter-card .monster-art{max-height:133px;margin-top:7px;aspect-ratio:1.05}.starter-info{min-height:68px;padding:8px}.starter-info h3{font-size:9px;min-height:30px}.window{padding:14px}.selection-layout{grid-template-columns:1fr 240px;gap:15px}.deck-panel h2{font-size:12px}.section-heading{font-size:8px;margin-bottom:10px}.controls-note{font-size:8px}.fusion-recipe{margin:8px 0;padding:1px;min-height:47px}.fusion-recipe .monster-art{width:40px}.deck-preview{margin:7px 0}.mini-card{height:26px}.deck-explain{margin:7px 0;font-size:9px}.preset-label{margin:7px 0 4px}.quiet{font-size:8px}.menu-footer{margin-top:15px}.hud-top{padding:11px 15px}.life-panel{width:220px}.hud-bottom{left:15px;right:15px;bottom:10px}.ability{width:61px;min-height:61px;padding:5px}.ability-symbol{font-size:20px}.ability strong,.ability small{font-size:7px}.fusion-hint{left:15px;bottom:103px}.loadout{padding:5px 7px}#moveHint{bottom:20px;max-width:260px;font-size:9px}.minimap-frame{top:62px;right:15px}.minimap-frame canvas{width:50px;height:50px}.timer-panel{padding:8px 12px;left:50%;right:auto;transform:translateX(-50%)}#timer{font-size:14px}.overlay{padding:10px}.modal{padding:19px;max-width:720px}.modal h2{font-size:13px}.modal .eyebrow{font-size:7px;margin-bottom:8px}.draft-grid{grid-template-columns:repeat(3,1fr);margin-top:15px}.upgrade-card{min-height:191px;padding:11px;display:flex;text-align:center}.card-symbol{position:static;font-size:28px;margin:11px 0}.upgrade-card h3{font-size:9px;min-height:32px}.upgrade-card p{font-size:10px}.fusion-art{width:90px;margin:6px auto}.recipe-icons{font-size:16px;margin:5px 0}.modal-actions{margin-top:13px}#bossBar{top:83px}.subhead{margin:8px 0 13px}.deck-grid{grid-template-columns:repeat(5,1fr)}.deck-choice{min-height:56px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.fusion-dot{width:16px;height:15px;text-align:center;font:8px/11px monospace;color:#8d7f9a}.fusion-dot.ready{color:#2f6048}