@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Nunito:wght@500;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--blue:#53b9ff;--red:#ff8488;--gold:#ffdd86}*{box-sizing:border-box}body{color:#fff1d6;background:radial-gradient(at 50% 10%,#2c5281,#0c1a30 80%);min-height:100svh;margin:0;font-family:Nunito,Arial,sans-serif;font-size:16px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #fff0ac}button:disabled{cursor:default}button:active{transform:translateY(2px)}.game{max-width:680px;margin:auto;padding:0 12px}.frame{border:3px solid #7b94ad;border-bottom:7px solid #122940;border-radius:17px;overflow:hidden;box-shadow:0 0 0 2px #12253e,0 20px 70px #0006}.scoreboard{background:linear-gradient(110deg,#195995,#1d3353 43% 57%,#873d51);border-bottom:3px solid #192e49;justify-content:space-between;align-items:center;gap:9px;padding:13px 12px;display:flex}.team{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.team>div:not(.crest){flex:1;min-width:0}.team small{letter-spacing:.4px;color:#b6deff;font-size:10px;font-weight:900;display:block}.team strong{white-space:nowrap;font-size:16px;font-weight:900;display:block}.team>b{white-space:nowrap;font-family:Barlow Condensed,Impact,sans-serif;font-size:28px}.team>b small{font-size:13px;display:inline}.team.red{text-align:right}.team.red small{color:#ffbcc3}.crest,.shield{color:#ffdf87;text-shadow:0 2px #7f5430;background:linear-gradient(#63bdf7,#1977c7);border:2px solid #e5e0c9;border-bottom:5px solid #21445e;border-radius:9px 9px 19px 19px;place-items:center;width:36px;height:45px;font-size:26px;display:inline-grid}.red .crest,.shield.red{background:linear-gradient(#ff9c95,#c9445c);border-bottom-color:#713148}.progress{background:#14253f;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.progress i{background:var(--blue);height:100%;display:block}.red .progress i{background:var(--red);margin-left:auto}.timer{text-align:center;background:#142742;border:2px solid #5f789b;border-radius:10px;flex-shrink:0;min-width:67px;padding:5px 8px;box-shadow:0 3px #14253e}.timer small{color:#ffd989;font-size:9px;font-weight:900;display:block}.timer strong{font-variant-numeric:tabular-nums;font-family:Barlow Condensed,Impact,sans-serif;font-size:31px;line-height:1.1}.urgent strong{color:#ff877a}.arena{isolation:isolate;background:#244568;height:550px;position:relative;overflow:hidden}.arena canvas{touch-action:none;width:100%;height:100%;display:block}.destination{letter-spacing:1.6px;pointer-events:none;background:#173147db;border:1px solid #d9b766aa;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:900;position:absolute;top:9px;left:50%;transform:translate(-50%)}.lane{letter-spacing:1px;pointer-events:none;border:1px solid #aecde4;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:900;position:absolute;bottom:11px}.lane.blue{background:#147acddb;left:13%}.lane.red{background:#c94860db;right:13%}.unit{pointer-events:none;z-index:1;filter:drop-shadow(0 2px 2px #123049);flex-wrap:wrap;align-items:center;gap:3px;width:79px;display:flex;position:absolute;top:0;left:0}.unit>span{text-align:center;color:#fff;width:100%;font-size:9px;font-weight:900}.unit>div{background:#132742;border:1px solid #fff2d9;border-radius:2px;width:55px;height:7px;overflow:hidden}.unit i{background:var(--blue);height:100%;display:block}.unit.red i{background:var(--red)}.unit b{color:#fff;font-size:11px}.notice{z-index:2;pointer-events:none;background:#142b45e9;border:1px solid #68b5e4;border-radius:20px;width:max-content;max-width:95%;padding:6px 12px;font-size:12px;font-weight:800;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.notice.red{border-color:#ff9ba1}.spell{text-shadow:0 2px 4px #163250;z-index:3;pointer-events:none;font-family:Barlow Condensed,Impact,sans-serif;font-size:25px;font-weight:900;position:absolute;top:35%}.spell.blue{left:17%}.spell.red{right:17%}.deck{background:linear-gradient(#385b81,#233c59);border-top:4px solid #c1a464;padding:12px 17px 14px;box-shadow:inset 0 3px #ffe99a44}.controls{align-items:center;gap:12px;display:flex}.stamina{flex:1}.stamina>div:first-child{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.stamina span{color:#c5d9e3;font-size:12px;font-weight:900}.stamina b{font-size:17px}.stamina small{color:#a8c0d0;font-size:12px}.bar{background:#112842;border-radius:5px;height:10px;overflow:hidden}.bar i{background:linear-gradient(#cdf4a1,#82bf6b);height:100%;display:block}.lift{color:#493c2a;text-shadow:0 1px #fff2c1;background:linear-gradient(#ffe4a0,#ddc37a);border:2px solid #fff0c0;border-bottom:5px solid #968054;border-radius:9px;width:137px;height:52px;font-family:Barlow Condensed,Impact,sans-serif;font-size:24px;font-weight:900;line-height:1}.lift small{margin-top:4px;font-family:Nunito,sans-serif;font-size:11px;display:block}.lift:disabled{opacity:.45}.pause{background:0 0;border:0;width:25px;padding:0;font-size:25px}.pause:disabled{opacity:.25}.instruction{color:#b7ccdf;justify-content:space-between;margin:10px 0 14px;font-size:12px;display:flex}.instruction span:last-child{color:#deb4ec}.hand{grid-template-columns:repeat(4,minmax(0,1fr)) 42px;align-items:center;gap:10px;display:grid}.card{touch-action:none;-webkit-user-select:none;user-select:none;background:#153559;border:3px solid #d4e1e7;border-bottom:6px solid #7e92a6;border-radius:11px;min-width:0;height:140px;padding:0;transition:transform .15s;position:relative;box-shadow:0 4px #142841,0 5px 12px #0004}.card:hover{border-color:#ffdf8d;transform:translateY(-5px)}.art{background-image:url(/cards-atlas.png);background-size:400% 200%;border-radius:7px;width:100%;height:100%;display:block}.card>.art{position:absolute;inset:0}.card strong{text-shadow:0 2px #142237,1px 0 #142237,-1px 0 #142237;color:#fff3d8;background:linear-gradient(#0000,#142137ed);padding:10px 1px 3px;font-family:Barlow Condensed,Impact,sans-serif;font-size:23px;font-weight:900;line-height:1;position:absolute;bottom:20px;left:0;right:0}.card-target{background:#155587;border-radius:0 0 6px 6px;place-items:center;height:20px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:0;left:0;right:0}.card-target.red{background:#a43c59}.cost{text-shadow:0 2px #72358c;background:linear-gradient(#e49bfa,#a141be);border:2px solid #f1c6ff;border-bottom:3px solid #784099;border-radius:50%;place-items:center;width:31px;height:34px;font-size:21px;font-weight:900;display:grid;position:absolute;top:-10px;left:-7px;box-shadow:0 2px 3px #0005}.unavailable{filter:grayscale(.45)brightness(.65)}.dragging{opacity:.3}.next{text-align:center}.next small{color:#bfd0e4;font-size:8px;font-weight:900}.next>.art{filter:saturate(.7);border:2px solid #8b9db6;height:54px;margin:5px 0;box-shadow:0 3px #142b49}.next>span{color:#c8d5e7;font-size:10px;display:block}.elixir{align-items:center;gap:8px;margin-top:14px;display:flex}.elixir>span{color:#de8bed;text-shadow:0 2px #793890;font-size:25px}.elixir>b{color:#f9ddff;min-width:46px;font-size:25px;line-height:1}.elixir small{color:#b59ac6;font-size:12px}.elixir>div{background:#10243d;border:1px solid #677d9d;border-radius:4px;flex:1;gap:3px;height:17px;padding:2px;display:flex}.elixir>div>span{background:#3f3154;flex:1;overflow:hidden}.elixir i{transform-origin:0;background:linear-gradient(#eda4fa,#a843c6);width:100%;height:100%;display:block}.elixir>strong{color:#e1b4ee;font-size:11px}.veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:8;background:#13243b75;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0}.panel{text-align:center;background:linear-gradient(#3b608cf7,#1c385bfc);border:3px solid #b7ccdb;border-bottom:7px solid #152b47;border-radius:18px;width:355px;max-width:100%;padding:20px 25px;box-shadow:0 0 0 2px #122b44,0 15px 35px #0006}.versus{justify-content:center;align-items:center;gap:25px;display:flex}.versus b{color:#ffe6a4;font-family:Barlow Condensed,Impact,sans-serif;font-size:26px;transform:rotate(-8deg)}.shield{width:52px;height:60px;font-size:35px}.kicker{letter-spacing:1px;font-weight:900;color:#ffe3a2!important;margin:15px 0 8px!important;font-size:11px!important}.panel h1,.panel h2{text-shadow:0 3px #183757;color:#fff0c8;margin:9px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:44px;font-weight:900;line-height:1.02}.panel p{color:#d5e4f0;margin:13px 0 18px;font-size:15px;line-height:1.4}.gold{color:#603e22;text-shadow:0 1px #fff1ad;background:linear-gradient(#ffe893,#efbd4d);border:2px solid #fff3b8;border-bottom:5px solid #a77a30;border-radius:10px;width:100%;padding:10px 15px;font-family:Barlow Condensed,Impact,sans-serif;font-size:28px;font-weight:900;display:block;box-shadow:0 3px #142b48}.gold small{letter-spacing:1px;font-family:Nunito,sans-serif;font-size:11px;display:block}.gold:disabled{opacity:.4}.hint{color:#adc7de;margin-top:12px;font-size:11px;display:block}.help{text-align:left;width:410px;max-height:100%;overflow:auto}.help h2{font-size:33px}.help p{margin:12px 0;font-size:14px;line-height:1.4}.help b{color:#ffe4ac}.help .gold{font-size:24px}.countdown{color:#ffe083;text-shadow:0 5px #755232;z-index:6;background:#19304a55;flex-direction:column;justify-content:center;align-items:center;font-family:Barlow Condensed,Impact,sans-serif;font-size:115px;font-weight:900;display:flex;position:absolute;inset:0}.countdown span{color:#fff;text-shadow:0 2px #173354;font-family:Nunito,sans-serif;font-size:14px}.stats{color:#b7d0e4;justify-content:space-around;margin:17px 0;font-size:12px;display:flex}.stats b{color:#ffe3a5;font-family:Barlow Condensed,Impact,sans-serif;font-size:28px;display:block}.target{z-index:5;pointer-events:none;border:3px solid;width:50%;position:absolute;top:0;bottom:0}.target.blue{background:#249eff33;border-color:#84d5ff;left:0}.target.red{background:#f15c7133;border-color:#ff9d9e;right:0}.target span{text-align:center;background:#17314adb;border:1px solid #efddab;border-radius:9px;padding:10px;font-size:13px;font-weight:900;position:absolute;top:42%;left:8%;right:8%}.ghost{pointer-events:none;z-index:100;border:3px solid #ffe4a0;border-radius:10px;width:100px;height:120px;position:fixed;transform:translate(-50%,-80%);box-shadow:0 15px 35px #0007}.ghost b{text-align:center;background:#142b47cc;font-size:14px;position:absolute;bottom:0;left:0;right:0}footer{text-align:center;color:#89a4c1;letter-spacing:1px;padding:15px 5px 22px;font-size:10px}@media (width<=600px){.game{padding:0 7px}.frame{border-width:2px 2px 5px;border-radius:13px}.scoreboard{gap:6px;padding:9px 8px}.crest{display:none}.team{gap:5px}.team strong{font-size:13px}.team small{letter-spacing:0;font-size:9px}.team>b{font-size:23px}.team>b small{font-size:11px}.timer{border-radius:8px;min-width:57px;padding:4px 5px}.timer strong{font-size:25px}.timer small{font-size:8px}.arena{height:calc(100svh - 306px);min-height:338px;max-height:590px}.destination{padding:4px 8px;font-size:10px}.lane{padding:4px 8px;font-size:11px}.lane.blue{left:10%}.lane.red{right:10%}.notice{max-width:95%;padding:5px 9px;font-size:11px;bottom:41px}.unit{width:73px}.unit>div{width:48px}.unit>span{font-size:9px}.unit>b{font-size:11px}.deck{padding:9px 10px 11px}.controls{gap:9px}.stamina span{font-size:11px}.stamina b{font-size:15px}.stamina small{font-size:11px}.bar{height:8px}.lift{width:108px;height:44px;font-size:21px}.lift small{font-size:10px}.pause{width:21px;font-size:21px}.instruction{margin:9px 0 13px;font-size:11px}.hand{grid-template-columns:repeat(4,minmax(0,1fr)) 31px;gap:7px}.card{border-width:2px 2px 5px;border-radius:8px;height:110px}.card strong{font-size:19px;bottom:18px}.card-target{height:18px;font-size:9px}.cost{width:25px;height:28px;font-size:17px;top:-9px;left:-5px}.next small{font-size:7px}.next>.art{border-width:1px;height:44px}.next>span{font-size:10px}.elixir{gap:5px;margin-top:11px}.elixir>span{font-size:21px}.elixir>b{min-width:42px;font-size:23px}.elixir small{font-size:11px}.elixir>div{gap:2px;height:15px}.elixir>strong{font-size:10px}.panel{border-width:2px 2px 5px;width:285px;padding:15px 20px}.shield{width:40px;height:47px;font-size:28px}.versus{gap:20px}.panel h1,.panel h2{font-size:35px}.panel p{margin:10px 0 14px;font-size:14px;line-height:1.3}.kicker{margin:12px 0 7px!important;font-size:10px!important}.gold{padding:8px 12px;font-size:25px}.gold small{font-size:10px}.hint{margin-top:11px;font-size:10px}.help{width:340px}.help h2{font-size:30px}.help p{font-size:13px;line-height:1.4}.stats{margin:13px 0}.stats b{font-size:24px}footer{padding:10px 3px 15px;font-size:9px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.pause-options{justify-content:center;gap:16px;margin-top:18px;display:flex}.pause-options button{color:#c9dded;background:0 0;border:0;padding:7px;font-size:14px;text-decoration:underline}.battle-game{max-width:680px;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.battle-game .frame{border-radius:12px;flex-direction:column;height:100%;display:flex}.battle-game .scoreboard,.battle-game .deck{flex-shrink:0}.battle-game .arena{flex:1;height:auto;min-height:180px;max-height:none}.battle-game .deck{padding:8px 10px}.battle-game .pause{background:#132e4b;border-radius:8px;min-width:44px;min-height:44px}.battle-game .instruction{margin:4px 0 12px;font-size:12px}.effect-strip{scrollbar-width:none;align-items:center;gap:6px;min-height:27px;margin-top:5px;display:flex;overflow-x:auto}.effect-strip span{color:#ffdfa0;background:#142b46;border-radius:5px;flex-shrink:0;padding:3px 6px;font-size:12px}.battle-game .hand{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.battle-game .next{display:none}.battle-game .card{height:126px}.battle-game .card>.art{opacity:.85;height:58%}.battle-game .card strong{padding:12px 0 3px;font-size:21px;bottom:62px}.card-description{color:#fff;white-space:normal;place-items:center;min-height:39px;font-size:12px;line-height:1.12;display:grid;position:absolute;bottom:21px;left:3px;right:3px}.battle-game .card-target{height:20px;font-size:12px}.battle-game .elixir{margin-top:7px}.battle-game .notice{white-space:normal;text-align:center;max-width:94%;font-size:12px;bottom:35px}.battle-game .panel{max-height:100%;overflow:auto}.auto-lift{text-align:left;align-items:center;gap:9px;margin-top:15px;font-size:14px;display:flex}.auto-lift input{accent-color:#ffd477;flex-shrink:0;width:22px;height:22px}@media (width<=600px){.battle-game .team strong{font-size:14px}.battle-game .lift small{font-size:12px}.battle-game .lift{width:122px;height:48px}.battle-game .scoreboard{padding:6px}.battle-game .team small{font-size:12px}.battle-game .timer small{font-size:10px}.battle-game .card strong{font-size:20px}.battle-game .destination,.battle-game .lane{font-size:12px}.battle-game .unit>span{font-size:10px}.battle-game .unit>b{font-size:12px}}@media (height<=700px) and (orientation:portrait){.battle-game .card{height:114px}.battle-game .card strong{font-size:19px}.battle-game .deck{padding:5px 8px}.battle-game .effect-strip{margin-top:2px}.battle-game .scoreboard{padding:4px 6px}.battle-game .lift{height:44px}}@media (orientation:landscape) and (height<=550px){.battle-game{max-width:100%}.battle-game .frame{grid-template-rows:62px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 310px;display:grid}.battle-game .scoreboard{grid-column:1/-1}.battle-game .arena{height:100%;min-height:0}.battle-game .deck{overflow-y:auto}.battle-game .card{height:116px}.battle-game .hand{gap:5px}}.result-sponsors{max-width:290px;margin:10px auto}.result-sponsors>span{color:#c7d0dd;margin-bottom:6px;font-size:12px;display:block}.result-sponsors>div{grid-template-columns:1.6fr 1fr 1fr;align-items:center;gap:6px;display:grid}.result-sponsors>div>div{border:1px solid #d2b47770;border-radius:7px;justify-content:center;align-items:center;height:42px;padding:6px;display:flex}.result-sponsors img{object-fit:contain;width:100%;height:100%;display:block}.result-sponsors .sponsor-primary img{aspect-ratio:5;object-fit:cover;height:auto}.result-sponsors .sponsor-secondary img{max-height:32px}