:root{color:#f9f0df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17222c;font-family:ui-rounded,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#375461 0,#0000 35%),#17222c;margin:0}button{font:inherit;color:inherit;cursor:pointer}main{width:min(1180px,100%);min-height:100svh;margin:auto;padding:16px}.chapter{color:#f0c66b;text-align:center;letter-spacing:.025em;margin:12px 0 0;font:800 clamp(12px,1.5vw,16px)/1.2 Georgia,serif}header{border-bottom:1px solid #40606a;justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand>span{color:#17222c;background:#f0c66b;border-radius:13px;place-items:center;width:45px;height:45px;font:900 16px Georgia,serif;display:grid;box-shadow:3px 4px #b55e5f}.brand h1{margin:0;font:900 25px/.9 Georgia,serif}.brand small{color:#a8c0bf;letter-spacing:.13em;margin-top:4px;font-size:10px;display:block}header>button{background:#213740;border:1px solid #5d8790;border-radius:8px;padding:9px 11px;font-weight:800}.hud{background:#1c2d35;border:1px solid #3e5d66;grid-template-columns:repeat(4,1fr);margin:13px 0;display:grid}.hud div{border-right:1px solid #3e5d66;padding:9px 12px}.hud div:last-child{border:0}.hud small{color:#9ab5b6;letter-spacing:.14em;font-size:9px;font-weight:900;display:block}.hud b{font:900 20px Georgia,serif}.energy{color:#f0c66b;letter-spacing:2px}.battle{grid-template-columns:175px minmax(280px,1fr) 145px;gap:13px;display:grid}.team>b,aside>b{color:#f0c66b;font:900 14px Georgia,serif}.mon{text-align:left;background:#20333b;border:1px solid #3d5e66;align-items:center;gap:7px;width:100%;margin-top:7px;padding:7px;display:flex}.mon i{background:var(--c);color:#152126;border:2px solid #f7ead6;border-radius:50% 50% 42% 42%;place-items:center;width:34px;height:34px;font:900 20px Georgia,serif;display:grid}.mon strong,.mon small{display:block}.mon strong{font-size:12px}.mon small{color:#c4d4d0;font-size:9px}.mon.picked{background:#2d4a50;outline:2px solid #f0c66b}.mon.spent{opacity:.43}.team p,aside p{color:#aac0bd;font-size:10px;line-height:1.4}.board{aspect-ratio:1;background:#3e5d66;border:6px solid #3e5d66;grid-template-columns:repeat(4,1fr);gap:5px;display:grid;box-shadow:0 14px 38px #0009}.tile{background:#243942;border:0;position:relative}.tile:nth-child(2n){background:#29414a}.tile.move{background:#31565a;box-shadow:inset 0 0 0 3px #79c9bd}.tile.target{background:#5a3d42;box-shadow:inset 0 0 0 3px #f08072}.tile.linkable{background:#564e39;box-shadow:inset 0 0 0 3px #f0c66b}.tile.cursor{outline-offset:-5px;z-index:1;outline:3px solid #f8e6be}.tile i{background:var(--c);color:#152126;border:3px solid #f7ead6;border-radius:45% 55% 48% 52%;place-items:center;font:900 clamp(18px,4vw,28px) Georgia,serif;display:grid;position:absolute;inset:16%;box-shadow:2px 3px #111b20}.tile.wild i{border-radius:50% 42% 50% 46%}.tile small{background:#142027dd;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:900;position:absolute;bottom:2px;right:3px}.pop{z-index:3;pointer-events:none;text-shadow:1px 2px #10191f,-1px -1px #10191f;font:900 clamp(15px,4vw,24px) Georgia,serif;animation:.65s ease-out forwards battle-pop;position:absolute;top:18%;left:50%;transform:translate(-50%)}.pop.damage{color:#ffdf78}.pop.taken{color:#ff8b7b}.pop.heal{color:#80e2ba}.pop.link{color:#f6e7c2;font-size:clamp(12px,3vw,18px)}@keyframes battle-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}18%{opacity:1;transform:translate(-50%,-3px)scale(1.15)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}aside{border-left:1px solid #3e5d66;padding-left:12px}aside p{margin:4px 0 13px}aside ol{margin:4px 0 13px;padding-left:18px;font:700 12px Georgia,serif}aside li{border-bottom:1px solid #314b53;padding:3px 0}aside li span{float:right;color:#a7c3c1}.dex{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.dex i{color:#789391;background:#2b4047;border-radius:5px;place-items:center;width:22px;height:22px;font-style:normal;font-weight:900;display:grid}.dex i.found{color:#1b2930;background:#f0c66b}.controls{background:#1e3038;border-left:4px solid #f0c66b;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding:10px 12px;display:flex}.controls b{font:900 14px Georgia,serif}.controls p{color:#c6d6d2;margin:3px 0 0;font-size:12px}.controls button{background:#29424a;border:1px solid #5e838a;padding:9px 11px;font-weight:800}.controls button.on{color:#17222c;background:#f0c66b}.controls button:disabled{opacity:.4}.modal{z-index:5;text-align:center;background:#0d151bdc;place-content:center;padding:15px;display:grid;position:fixed;inset:0}.modal h2{color:#f8e6be;margin:0;font:900 29px Georgia,serif}.modal p{color:#bcd0cb;font-size:13px}.modal>div{grid-template-columns:repeat(3,minmax(150px,210px));gap:10px;display:grid}.modal button{text-align:left;background:#203940;border:1px solid #628991;min-height:150px;padding:13px}.modal button:hover{border-color:#f0c66b;transform:translateY(-3px)}.modal span,.modal b,.modal small{display:block}.modal span{text-transform:uppercase;letter-spacing:.14em;color:#f0c66b;font-size:10px}.modal b{margin:24px 0 6px;font:900 20px Georgia,serif}.modal small{color:#c4d5d0;font-size:12px}.modal.end button{color:#17222c;background:#f0c66b;border:0;min-height:0;margin:auto;padding:10px 15px}footer{text-align:center;color:#93abaa;padding:13px 0;font-size:10px}.input-hint{text-align:center;color:#a9c2bd;margin:8px 0 0;font-size:11px}@media (width>=760px) and (aspect-ratio>=1.55){main{min-height:min(100svh,720px);padding:clamp(10px,2vh,22px) clamp(16px,3vw,42px)}.battle{grid-template-columns:minmax(160px,.72fr) minmax(390px,1.35fr) minmax(150px,.7fr)}.board{justify-self:center;width:min(100%,620px);max-height:58svh}}@media (width<=700px){main{padding:10px}.battle{grid-template-columns:1fr}.team{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.team>b,.team p{grid-column:1/-1}.mon{gap:4px;margin:0;padding:4px}.mon i{width:27px;height:27px}.mon strong{font-size:10px}.mon small{font-size:8px}aside{border-top:1px solid #3e5d66;border-left:0;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;display:grid}.modal>div{grid-template-columns:1fr}.modal button{min-height:0}.modal b{margin:6px 0}.controls{flex-direction:column;align-items:stretch}.controls>div:last-child{grid-template-columns:1fr 1fr;display:grid}.hud b{font-size:17px}.hud div{padding:7px}.tile{min-height:0}.input-hint{padding-bottom:env(safe-area-inset-bottom)}}.mon i,.tile i{background-repeat:no-repeat;background-size:300% 200%;background-image:url(../assets/mythlink-creatures-sheet-alpha.png)!important;font-size:0!important}.mon i[style*=\#f27b5b],.tile i[style*=\#f27b5b]{background-position:0 0}.mon i[style*=\#8fc887],.tile i[style*=\#8fc887]{background-position:50% 0}.mon i[style*=\#eac965],.tile i[style*=\#eac965]{background-position:100% 0}.mon i[style*=\#83b7c8],.tile i[style*=\#83b7c8]{background-position:0 100%}.mon i[style*=\#b398df],.tile i[style*=\#b398df]{background-position:50% 100%}.mon i[style*=\#e27b9c],.tile i[style*=\#e27b9c]{background-position:100% 100%}