/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"IBM Plex Mono", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Archivo Black", "Arial Black", sans-serif;--font-body:"IBM Plex Sans", Arial, sans-serif}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#101014;--ink-soft:#19181d;--paper:#e9e5dc;--muted:#89858d;--line:#39363d;--red:#d55246;--cyan:#73d7db;--magenta:#d36a9c}*{box-sizing:border-box}#__nuxt,body,html{background:var(--ink);min-height:100%;margin:0}body{color:var(--paper);font-family:var(--font-body);overflow:hidden}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.skip-link{z-index:20;background:var(--paper);color:var(--ink);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.arena-app{background:radial-gradient(circle at 66% 35%,#242126 0,var(--ink) 42%);isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.arena-app:after{content:"";z-index:10;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.55%22%2F%3E%3C%2Fsvg%3E);position:fixed;inset:0}.topbar{z-index:12;border-bottom:1px solid var(--line);background:var(--ink);justify-content:space-between;align-items:center;height:4.5rem;padding:0 clamp(1.25rem,4vw,4rem);display:flex;position:fixed;inset:0 0 auto}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--ink) 88%,transparent)}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wordmark{color:var(--paper);font:800 .82rem/1 var(--font-mono);letter-spacing:.2em;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;display:flex}.wordmark-mark{background:var(--red);width:1.75rem;height:1.75rem;color:var(--ink);font:900 1rem/1 var(--font-display);clip-path:polygon(50% 0,100% 100%,0 100%);place-items:center;padding-top:.45rem;display:grid}.topbar-meta{color:var(--muted);font:500 .65rem/1 var(--font-mono);letter-spacing:.12em;align-items:center;gap:2rem;display:flex}.sound-toggle{color:inherit;cursor:pointer;background:0 0;border:0}kbd{color:var(--paper);font:500 .72em/1 var(--font-mono);background:#222126;border:1px solid #55515a;padding:.15rem .35rem}.shell{min-height:100dvh;padding:4.5rem clamp(1.25rem,4vw,4rem) 0}.ambient-word{z-index:-1;color:#0000;-webkit-text-stroke:1px #28262c;font:900 clamp(9rem,28vw,30rem)/.7 var(--font-display);letter-spacing:-.09em;-webkit-user-select:none;user-select:none;position:fixed;bottom:-5vh;right:-3vw}.title-screen{grid-template-rows:1fr auto;grid-template-columns:minmax(29rem,1fr) 1.1fr;gap:1rem 3vw;max-width:92rem;min-height:calc(100dvh - 4.5rem);margin:auto;display:grid}.title-copy{z-index:2;align-self:center;padding:3rem 0 5rem}.eyebrow,.fight-overlay p,.section-heading p{color:var(--red);font:600 clamp(.63rem,.9vw,.78rem)/1.4 var(--font-mono);letter-spacing:.18em;margin:0 0 1.4rem}.title-copy h1{font:900 clamp(4rem,7vw,7.5rem)/.84 var(--font-display);letter-spacing:-.075em;text-wrap:balance;margin:0}.title-copy h1 em{color:#0000;-webkit-text-stroke:clamp(1px,.16vw,3px) var(--paper);font-style:normal}.title-lede{color:#aaa5ad;text-wrap:pretty;max-width:36rem;margin:2.3rem 0 2.5rem;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.55}.action{min-width:16rem;font:700 .75rem/1 var(--font-mono);letter-spacing:.12em;cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;gap:3rem;padding:1rem 1.2rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.action-primary{background:var(--red);color:#140e0e}.action-primary:hover{background:#eb6c5e;transform:translateY(-2px)}.action:active{transform:translateY(1px)scale(.985)}.action span{font-size:1.25rem}.title-duel{grid-template-columns:1fr 4rem 1fr;align-self:stretch;align-items:end;min-height:34rem;display:grid;position:relative;overflow:hidden}.duelist{filter:saturate(.62)contrast(1.16);mix-blend-mode:screen;background-repeat:no-repeat;background-size:1200% 700%;height:92%;position:relative}.duelist:after{content:"";border-left:1px solid var(--line);position:absolute;inset:18% 5% 0}.duelist-surge{background-image:url(../art/surge-sheet.png);background-position:0 0}.duelist-volt{background-image:url(../art/volt-sheet.png);background-position:0 0;transform:scaleX(-1)}.duelist span{background:var(--paper);color:var(--ink);font:800 .66rem/1 var(--font-mono);letter-spacing:.16em;padding:.4rem .55rem;position:absolute;bottom:1.5rem;left:1rem}.duelist-volt span{transform:scaleX(-1)}.duel-line{color:var(--muted);font:500 .6rem/1 var(--font-mono);align-self:center;justify-items:center;gap:.6rem;display:grid}.duel-line i{background:var(--red);width:1px;height:10rem}.title-footer{border-top:1px solid var(--line);color:var(--muted);font:500 .62rem/1 var(--font-mono);letter-spacing:.12em;grid-column:1/-1;justify-content:space-between;padding:1.2rem 0;display:flex}.panel-screen{flex-direction:column;justify-content:center;max-width:76rem;min-height:calc(100dvh - 4.5rem);margin:auto;padding:3rem 0 4rem;display:flex}.section-heading{align-items:flex-start;gap:1.25rem;margin-bottom:3rem;display:flex}.section-heading>span{border:1px solid var(--red);width:2rem;height:2rem;color:var(--red);font:600 .65rem/1 var(--font-mono);place-items:center;display:grid}.section-heading p{margin:.15rem 0 .6rem}.fight-overlay h2,.section-heading h2{font:900 clamp(3rem,6vw,6.8rem)/.88 var(--font-display);letter-spacing:-.06em;margin:0}.mode-list{border-top:1px solid var(--line);margin-left:clamp(0rem,11vw,9rem)}.mode-option{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--paper);text-align:left;cursor:pointer;background:0 0;grid-template-columns:4rem 1fr auto;align-items:center;gap:1rem;padding:1.6rem 1rem;transition:background .2s,padding .2s;display:grid}.mode-option:hover{background:#1c1a20;padding-left:1.5rem}.option-index{color:var(--red);font:700 .74rem/1 var(--font-mono)}.option-copy{gap:.45rem;display:grid}.option-copy b{font:800 clamp(1.3rem,2vw,2rem)/1 var(--font-display);letter-spacing:-.025em}.option-copy small{color:var(--muted);font-size:.9rem}.option-arrow{color:var(--red);font-size:2rem;transition:transform .2s}.mode-option:hover .option-arrow{transform:translate(.4rem)}.text-action{width:fit-content;color:var(--muted);font:600 .68rem/1 var(--font-mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin-top:2rem;padding:.5rem 0;transition:color .2s,border-color .2s}.text-action:hover{color:var(--paper);border-color:var(--paper)}.select-screen{max-width:88rem}.select-screen .section-heading{margin-bottom:1.25rem}.fighters-select{grid-template-columns:1fr 4rem 1fr;align-items:center;gap:1.25rem;display:grid}.fighter-choice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.choice-meta{color:var(--muted);font:600 .64rem/1 var(--font-mono);letter-spacing:.1em;justify-content:space-between;padding:.8rem 0;display:flex}.choice-meta span{color:var(--red)}.choice-art{background-image:linear-gradient(transparent,#101014 94%),var(--sheet);filter:saturate(.7)contrast(1.1);mix-blend-mode:screen;background-position:50%,0 0;background-repeat:no-repeat;background-size:auto,1200% 700%;height:clamp(13rem,35vh,24rem)}.choice-volt .choice-art{transform:scaleX(-1)}.choice-name{grid-template-columns:3rem 1fr 3rem;align-items:center;padding:.8rem 0 1rem;display:grid}.choice-name h3{text-align:center;font:900 clamp(2.4rem,5vw,5.4rem)/1 var(--font-display);letter-spacing:-.05em;margin:0}.choice-name button{border:1px solid var(--line);height:2.5rem;color:var(--paper);cursor:pointer;background:0 0;transition:background .2s,color .2s}.choice-name button:hover{background:var(--paper);color:var(--ink)}.versus{color:var(--red);font:900 1.2rem/1 var(--font-display);justify-items:center;gap:.7rem;display:grid}.versus i{background:var(--line);width:1px;height:5rem}.difficulty{font:600 .63rem/1 var(--font-mono);letter-spacing:.1em;align-items:center;gap:.5rem;margin-top:1.3rem;display:flex}.difficulty>span{color:var(--muted);margin-right:1rem}.difficulty button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:.55rem .8rem}.difficulty button.active{border-color:var(--red);background:var(--red);color:var(--ink)}.screen-actions{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.guide-screen{max-width:76rem}.guide-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.guide-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:9rem;padding:1.2rem}.guide-grid article>span{color:var(--muted);font:500 .6rem/1 var(--font-mono)}.guide-grid h3{font:800 1.1rem/1 var(--font-display);margin:1.2rem 0 .7rem}.guide-grid p{color:#aaa5ad;max-width:31rem;margin:0;line-height:1.55}.guide-grid .guide-focus{background:var(--red);color:var(--ink)}.guide-grid .guide-focus p,.guide-grid .guide-focus>span{color:#2c1715}.guide-grid .guide-focus kbd{background:#2c1715;border-color:#6b2b25}.fight-shell{background:#08080b;place-items:center;display:grid;position:fixed;inset:4.5rem 0 0}.game-canvas{width:min(100%,177.778dvh - 8rem);height:min(100dvh - 4.5rem,56.25vw);image-rendering:pixelated;display:block}.hud{pointer-events:none;grid-template-columns:1fr 6rem 1fr;align-items:start;gap:1rem;width:min(88%,74rem);display:grid;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.hud-name{font:700 .72rem/1 var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:baseline;margin-bottom:.45rem;display:flex}.hud-name span{color:var(--muted);font-size:.6rem}.health-track,.stamina-track{background:#312f35;height:.7rem;overflow:hidden}.health-track i,.stamina-track i{transform-origin:0;width:100%;height:100%;transition:transform .12s steps(3,end);display:block}.health-track i{background:var(--red)}.stamina-track{background:#29272c;height:.24rem;margin-top:.35rem}.stamina-track i{background:var(--paper)}.hud-right .health-track i,.hud-right .stamina-track i{transform-origin:100%}.hud-center{font-family:var(--font-mono);justify-items:center;gap:.15rem;display:grid}.hud-center small{color:var(--muted);letter-spacing:.12em;font-size:.55rem}.hud-center strong{font-variant-numeric:tabular-nums;font-size:1.8rem}.round-call{pointer-events:none;background:#0a0a0d2e;place-content:center;justify-items:center;animation:.5s both call-in;display:grid;position:absolute;inset:0}.round-call small{color:var(--red);font:600 .7rem/1 var(--font-mono);letter-spacing:.25em}.round-call strong{font:900 clamp(3.5rem,9vw,9rem)/.9 var(--font-display);letter-spacing:-.06em}@keyframes call-in{0%{opacity:0;transform:scale(.94)}}.fight-pause{color:#6f6b73;font:600 .58rem/1 var(--font-mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;position:absolute;bottom:1.3rem;right:1.5rem}.fight-overlay{z-index:4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#101014e0;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.fight-overlay p{margin-bottom:1rem}.fight-overlay h2{text-align:center;max-width:54rem;margin-bottom:2.5rem}.fight-overlay small{color:var(--muted);font:600 .65rem/1 var(--font-mono);letter-spacing:.15em;margin:-1.5rem 0 2.2rem}.fight-overlay .text-action{margin-top:1.25rem}@media (width<=900px){.title-screen{grid-template-columns:1fr}.title-copy{padding-bottom:0}.title-duel{z-index:-1;opacity:.45;position:absolute;inset:5rem -10rem 2rem 40%}.fighters-select{grid-template-columns:1fr 2rem 1fr;gap:.4rem}.choice-meta b,.topbar-meta>span{display:none}}@media (height<=800px) and (width>=681px){.panel-screen{padding-top:1.4rem;padding-bottom:1.4rem}.select-screen .section-heading{margin-bottom:.6rem}.select-screen .section-heading h2{font-size:clamp(2.5rem,7vh,4rem)}.choice-art{height:clamp(9.5rem,25vh,13rem)}.choice-name h3{font-size:clamp(2.25rem,7vh,3.8rem)}.choice-name{padding:.5rem 0 .65rem}.difficulty{margin-top:.8rem}.screen-actions{margin-top:.7rem}}@media (height<=690px){.topbar{height:3.6rem}.shell{padding-top:3.6rem}.panel-screen{min-height:calc(100dvh - 3.6rem);padding-top:1.5rem}.section-heading{margin-bottom:1.3rem}.title-copy h1{font-size:clamp(4rem,10vh,6.4rem)}.choice-art{height:12rem}.fight-shell{inset-top:3.6rem}}@media (width<=680px),(pointer:coarse){.arena-app:before{content:"ARENA cần bàn phím để thi đấu";z-index:30;background:var(--ink);color:var(--paper);text-align:center;font:900 2.3rem/.95 var(--font-display);place-items:center;padding:2rem;display:grid;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}