@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+TC:wght@500;700;900&display=swap";
@font-face{font-family:VCR OSD Mono;src:url(/amphiclash/fonts/VCR_OSD_MONO.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:is(html:has(.amphiclash-root),body:has(.amphiclash-root)){overscroll-behavior-y:none;background:#e9f1fc}.amphiclash-root{--neon:#39ff14;--neon-dim:#2bd10f;--rk-tiro:#85a3e0;--rk-greg:#3ca7dd;--rk-prov:#3ca7dd;--rk-ret:#9d26d9;--rk-sec:#9d26d9;--rk-primus:#f97a1f;--rk-champ:#f92706;--f-display:"Helvetica Neue",Helvetica,Arial,"Noto Sans TC",sans-serif;--f-ui:"Space Grotesk","Noto Sans TC",sans-serif;--f-mono:"VCR OSD Mono","Space Mono",ui-monospace,monospace;--f-jp:"Noto Sans JP",sans-serif;min-height:100dvh;font-family:var(--f-ui);background:#c8d0e2;justify-content:center;align-items:flex-start;display:flex}.amphiclash-root *,.amphiclash-root :before,.amphiclash-root :after{box-sizing:border-box;margin:0;padding:0}.amphiclash-root.skin-paper,.amphiclash-root .skin-paper{--bg:#fff;--bg-2:#ffffff8c;--glass-bg:#ffffffb8;--glass-bd:#14141817;--glass-hi:#fffffff5;--tx:#111;--tx-2:#11111194;--tx-3:#1111115c;--line:#14141814;--halftone:#14141866;--ph-base:#e8e8e8}.amphiclash-root.skin-dark,.amphiclash-root .skin-dark{--bg:#0a0a0c;--bg-2:#121216;--glass-bg:#ffffff0f;--glass-bd:#ffffff1f;--glass-hi:#ffffff2e;--tx:#fff;--tx-2:#ffffff9e;--tx-3:#fff6;--line:#ffffff24;--halftone:#ffffffd9;--ph-base:#16161b}.amphiclash-root .app-shell{z-index:2;width:100%;max-width:480px;min-height:100dvh;color:var(--tx);font-family:var(--f-ui);background:0 0;margin-inline:auto;position:relative;overflow-x:hidden}.amphiclash-root .collage{display:none}.amphiclash-root .layer-halftone{background-image:radial-gradient(var(--halftone)21%,transparent 23%);opacity:.18;background-size:5px 5px;position:absolute;inset:0}.amphiclash-root .skin-dark .layer-halftone{opacity:.1}.amphiclash-root .layer-noise{opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.amphiclash-root .layer-scan{opacity:.06;background-image:repeating-linear-gradient(0deg,var(--tx)0 1px,transparent 1px 3px);position:absolute;inset:0}.amphiclash-root .skin-paper .collage:after{content:"";background:linear-gradient(#f2efe773 0%,#f2efe72e 40%,#f2efe7ad 100%);position:absolute;inset:0}.amphiclash-root .skin-dark .collage:after{content:"";background:linear-gradient(#0a0a0c8c 0%,#0a0a0c47 40%,#0a0a0ccc 100%);position:absolute;inset:0}.amphiclash-root .glass{-webkit-backdrop-filter:blur(30px)saturate(220%);backdrop-filter:blur(30px)saturate(220%);background:var(--glass-bg);border:1px solid var(--glass-bd);box-shadow:inset 0 1px 0 var(--glass-hi),0 8px 32px #00000014;border-radius:14px;padding:16px;position:relative}.amphiclash-root .glass--tight{border-radius:12px;padding:12px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.amphiclash-root .skin-paper .glass{background:#ebe7dce6}.amphiclash-root .skin-dark .glass{background:#14141aeb}}.amphiclash-root .tech-row{font-family:var(--f-mono);letter-spacing:.1em;color:var(--tx-2);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;display:flex}.amphiclash-root .jp{font-family:var(--f-jp)}.amphiclash-root .mono{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em}.amphiclash-root .crosshair{z-index:6;pointer-events:none;width:10px;height:10px;position:absolute}.amphiclash-root .crosshair:before,.amphiclash-root .crosshair:after{content:"";background:var(--tx-3);position:absolute}.amphiclash-root .crosshair:before{width:1px;height:100%;top:0;left:50%;transform:translate(-.5px)}.amphiclash-root .crosshair:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-.5px)}.amphiclash-root .t-display{font-family:var(--f-display);letter-spacing:-.02em;font-weight:900;line-height:.92}.amphiclash-root .t-num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:700}.amphiclash-root .t-label{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3);font-size:11.5px}.amphiclash-root .rankchip{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:none;border-radius:0;align-items:center;gap:0;padding:0;font-size:13px;font-weight:700;display:inline-flex;background:0 0!important}.amphiclash-root .rankchip .gem{display:none}.amphiclash-root .rankchip--lg{padding:0;font-size:13px}.amphiclash-root .rankchip--lg .gem{display:none}.amphiclash-root .vstatus{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:7px;align-items:center;gap:7px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}.amphiclash-root .vstatus .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.amphiclash-root .vstatus--live .dot{background:var(--neon);box-shadow:0 0 8px var(--neon);animation:1.1s ease-in-out infinite ac-pulse}@keyframes ac-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.amphiclash-root .vstatus--live .dot{animation:none}}.amphiclash-root .vbtn{font-family:var(--f-ui);cursor:pointer;border:1px solid var(--glass-bd);background:var(--glass-bg);width:100%;color:var(--tx);-webkit-backdrop-filter:blur(30px)saturate(220%);backdrop-filter:blur(30px)saturate(220%);box-shadow:inset 0 1px 0 var(--glass-hi),0 6px 20px #00000014;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px 16px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .2s,background .2s;display:flex}.amphiclash-root .vbtn:hover{background:#1414181a;transform:translateY(-1px)}.amphiclash-root .vbtn:active{transform:translateY(0)}.amphiclash-root .vbtn--go{background:#39ff1433;border-color:#39ff1480;box-shadow:inset 0 1px #ffffff73,0 8px 28px #39ff142e}.amphiclash-root .skin-paper .vbtn--go{color:#0c2b0e}.amphiclash-root .skin-dark .vbtn--go{color:#eafff0}.amphiclash-root .vbtn--go:hover{background:#39ff144d;box-shadow:inset 0 1px #ffffff73,0 10px 34px #39ff1452}.amphiclash-root .vbtn--ghost{border-color:var(--glass-bd);color:var(--tx-2);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0}.amphiclash-root .vbtn--ghost:hover{background:var(--glass-bg)}.amphiclash-root .app-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:relative}.amphiclash-root .app-header .logo{font-family:var(--f-display);letter-spacing:-.01em;color:var(--tx);font-size:20px;font-weight:900;text-decoration:none}.amphiclash-root .header-icons{align-items:center;gap:8px;display:flex}.amphiclash-root .header-left{align-items:center;gap:10px;min-width:0;display:flex}.amphiclash-root .header-left .logo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.amphiclash-root .header-icon{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--tx-2);background:var(--glass-bg);border-radius:50%;justify-content:center;align-items:center;font-size:17px;text-decoration:none;display:flex}.amphiclash-root .header-icon svg{width:19px;height:19px}.amphiclash-root .viz-body{z-index:5;flex-direction:column;gap:14px;padding:14px 16px 32px;display:flex;position:relative}.amphiclash-root .mini-battle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.amphiclash-root .mini-battle:last-child{border-bottom:none;padding-bottom:0}.amphiclash-root .mini-battle .result{font-family:var(--f-mono);letter-spacing:.08em;border:1px solid;border-radius:5px;padding:3px 7px;font-size:12px;font-weight:700}.amphiclash-root .mini-battle .result--win{color:var(--neon-dim);background:#39ff141a;border-color:#39ff1459}.amphiclash-root .mini-battle .result--loss{color:var(--tx-3);border-color:var(--line);background:0 0}.amphiclash-root .neon-block{background:var(--neon);position:absolute}.amphiclash-root .skin-dark .neon-block{box-shadow:0 0 18px #39ff148c}.amphiclash-root .stat-grid{background:var(--line);border-radius:4px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.amphiclash-root .stat-cell{background:#ffffffd1;flex-direction:column;gap:4px;padding:12px 10px;display:flex}.amphiclash-root.skin-aqua,.amphiclash-root .skin-aqua{--bg:transparent;--bg-2:#fbfbfb29;--glass-bg:#fbfbfb0f;--glass-bd:#fbfbfb8c;--glass-hi:#fbfbfbbf;--tx:#14202e;--tx-2:#14202e9e;--tx-3:#14202e6b;--line:#14202e1f;--halftone:#14202e47;--ph-base:#ffffff1f;--metal:linear-gradient(135deg,#fffffffc 0%,#96a4b28c 18%,#ffffffed 38%,#7e8e9e80 56%,#fcfffff7 74%,#94a4b28f 100%)}.amphiclash-root.aqua-bg{background-color:#0000!important;background-image:radial-gradient(135% 110% at 82% 72%,#ffffffe6 0%,#e8eef580 26%,#0000 52%),radial-gradient(130% 120% at 8% 96%,#78aae14d 0%,#78aae11f 30%,#0000 62%),linear-gradient(158deg,#fff 0%,#f4f8fd 48%,#e9f1fc 100%)!important;background-position:0 0,0 0,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:auto,auto,auto!important;background-attachment:fixed!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important}.amphiclash-root.aqua-bg:after{content:"";z-index:0;pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#fff9,#e2eaf440 48%,#0000 72%);border-radius:50%;width:70vh;height:70vh;animation:14s ease-in-out infinite ac-aquaLight;position:fixed;top:50%;left:50%}@keyframes ac-aquaLight{0%,to{transform:translate(-20%,-70%)scale(1)}50%{transform:translate(-80%,-30%)scale(1.2)}}@media (prefers-reduced-motion:reduce){.amphiclash-root.aqua-bg:after{animation:none}}.amphiclash-root .app-shell.skin-aqua{z-index:2;position:relative}.amphiclash-root .skin-aqua .glass,.amphiclash-root .skin-aqua .fan-card{-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);position:relative;box-shadow:7px 9px 22px #14202e12,-6px -6px 16px #ffffffb3,inset 0 1px #fffffff2;background:#ffffff80!important;border-color:#0000!important}.amphiclash-root .skin-aqua .glass:before,.amphiclash-root .skin-aqua .fan-card:before{content:"";border-radius:inherit;background:var(--metal);-webkit-mask-composite:xor;pointer-events:none;z-index:3;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.amphiclash-root .skin-aqua .glass>*,.amphiclash-root .skin-aqua .fan-card>*{z-index:2;position:relative}.amphiclash-root .skin-aqua .app-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.amphiclash-root .skin-aqua .header-icon,.amphiclash-root .skin-aqua .banner-toggle{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fbfbfb0a;position:relative;box-shadow:inset 0 1px #fbfbfbb3;border-color:#0000!important}.amphiclash-root .skin-aqua .header-icon:before,.amphiclash-root .skin-aqua .banner-toggle:before{content:"";border-radius:inherit;background:var(--metal);-webkit-mask-composite:xor;pointer-events:none;z-index:3;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.amphiclash-root .skin-aqua .header-icon>svg{z-index:2;position:relative}.amphiclash-root .skin-aqua .battle-pill{background:#fbfbfbeb!important;border:1px solid #ffffffd9!important;box-shadow:inset 0 1px #fffffff2,0 10px 26px #081a2e2e!important}.amphiclash-rotate-lock{display:none}@media (orientation:landscape) and (max-height:520px) and (min-aspect-ratio:5/3){.amphiclash-rotate-lock{z-index:300;font-family:var(--f-mono,monospace);color:#16202c;background:#e9f1fc;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}}body:has(input:focus,textarea:focus) .amphiclash-rotate-lock{display:none!important}.ac-grain{z-index:2;pointer-events:none;opacity:.42;background-image:url(/amphiclash/grain.png);background-repeat:repeat;background-size:48px 48px;position:fixed;inset:0}.amphiclash-root .vbtn,.amphiclash-root .header-icon,.ac-hub .banner-toggle,.ac-hub .battle-pill,.ac-ranking .region-tab,.ac-map .fchip,.ac-map .view-toggle,.ac-battle-idle .seg-toggle,.ac-map .fab{filter:drop-shadow(0 5px 12px #14202e21)}