:root{--ink:#090806;--panel:#11100d;--panel-2:#191713;--line:#3d3830;--steel:#a9a497;--paper:#eee8dc;--red:#e63816;--orange:#ff6b1a;--amber:#f4ad28;--green:#98d15f;--hand-dock-height:270px;--condensed:"Barlow Condensed",Impact,sans-serif;--tech:"Chakra Petch",sans-serif}

*{box-sizing:border-box}
html{background:#080705;color:var(--paper);font-family:var(--tech)}
body{margin:0;min-height:100vh;padding-bottom:var(--hand-dock-height);background:radial-gradient(circle at 50% 40%,#29110b 0,#0d0b08 34%,#050504 78%);overflow-x:hidden}
body.auth-pending{overflow:hidden}
.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.floating-menu{position:fixed;z-index:50;top:5px;left:50%;transform:translateX(-50%)}
.logo-menu-button{width:118px;height:40px;display:flex;align-items:center;gap:3px;padding:1px 3px;border:0;background:transparent;color:#9c8f82;cursor:pointer;filter:drop-shadow(0 3px 8px #000)}.logo-menu-button img{width:102px;height:36px;object-fit:contain}.logo-menu-button i{font:900 12px var(--tech);font-style:normal;transition:transform .2s}.logo-menu-button[aria-expanded="true"] i{transform:rotate(180deg)}
.header-menu{position:absolute;z-index:60;left:50%;top:calc(100% + 7px);transform:translateX(-50%);width:min(330px,calc(100vw - 28px));max-height:calc(100vh - 58px);overflow:auto;padding:13px;border:1px solid #654630;background:linear-gradient(145deg,#21150ff7,#090706fb);box-shadow:0 18px 60px #000;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.header-menu[hidden]{display:none}.header-menu-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:#8f8377;font:700 8px var(--tech);letter-spacing:1.5px}.header-menu-title button{width:27px;height:27px;border:1px solid #4b4036;background:#17120f;color:#d5c8b8;font:500 20px/20px Arial;cursor:pointer}.header-menu .turn-chip{width:100%;justify-content:space-between}.header-menu .topbar-actions{display:grid;grid-template-columns:1fr;margin-top:9px}.header-menu .online-button,.header-menu .user-session{width:100%}.header-menu .user-session>span{max-width:none;min-width:0;flex:1}.header-menu-tools{display:flex;gap:8px}.header-menu-tools .icon-button{flex:1;width:auto}.header-menu-tools .instructions-menu-button{flex:2;font:800 8px var(--tech);letter-spacing:.8px}
.turn-chip{display:flex;align-items:center;gap:10px;border:1px solid #4a4339;background:#14120f;padding:7px 12px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.turn-chip span{font:600 10px var(--tech);letter-spacing:1.4px;color:#8f887b}
.turn-chip strong{font:800 22px var(--condensed);color:var(--orange)}
.icon-button{width:38px;height:38px;border:1px solid #514a3e;background:#1c1915;color:#ddd;font:bold 20px var(--tech);cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions #soundButton{font-size:16px}.topbar-actions #soundButton[aria-pressed="true"]{opacity:.55}
.auth-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;padding:20px;background:radial-gradient(circle at 50% 30%,#43190f 0,#120d09 42%,#050403 100%)}.auth-gate[hidden]{display:none}.auth-card{width:min(940px,100%);display:grid;grid-template-columns:minmax(260px,.85fr) minmax(390px,1.15fr);gap:clamp(28px,5vw,64px);padding:clamp(30px,5vw,54px);text-align:left;border:1px solid #654635;background:linear-gradient(145deg,#21150f,#090706);box-shadow:0 30px 100px #000,inset 0 0 65px #3d1008;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.auth-intro{align-self:center}.auth-card h1{margin:12px 0 18px;font:900 italic clamp(48px,8vw,74px)/.8 var(--condensed);letter-spacing:-2px}.auth-card h1 em{display:block;color:var(--red);font-style:normal}.auth-intro>p{margin:0 0 19px;max-width:340px;color:#b1a69a;font-size:12px;line-height:1.6}.auth-objective{margin-bottom:22px;padding:11px 13px;border-left:3px solid var(--orange);background:#100d0a;color:#91877c}.auth-objective span,.auth-objective strong{display:block}.auth-objective span{font:700 7px var(--tech);letter-spacing:1.6px}.auth-objective strong{margin-top:4px;color:#eee5d8;font:800 13px var(--condensed);letter-spacing:.7px}.auth-intro>small{display:block;min-height:16px;margin-top:14px;color:#8f8377;font-size:9px;line-height:1.4}.auth-intro>small.error{color:#ff795b}.login-guide{align-self:center;padding-left:clamp(22px,4vw,42px);border-left:1px solid #49352a}.login-guide h2{margin:7px 0 10px;color:#f2eadf;font:900 30px/1 var(--condensed);letter-spacing:.5px}.login-guide-summary{margin:0 0 16px;color:#a99f93;font:500 9px/1.55 var(--tech)}.login-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.login-rules li{display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 10px;border:1px solid #3b3028;background:#110e0b;color:#bdb2a6;font:600 9px/1.25 var(--tech)}.login-rules b{flex:0 0 26px;color:var(--orange);font:800 12px var(--condensed);letter-spacing:.5px}.google-signin-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border:1px solid #75675a;background:#eee9df;color:#17130f;font:800 11px var(--tech);letter-spacing:.5px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.google-signin-button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#4285f4;font:bold 16px Arial;box-shadow:0 1px 5px #0003}.google-signin-button:disabled{opacity:.55;cursor:wait}.user-session{display:flex;align-items:center;gap:8px;padding:4px 7px;border:1px solid #4c4338;background:#15120f}.user-session[hidden]{display:none}.user-session img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#2b251e}.user-session>span{display:block;max-width:120px}.user-session b,.user-session small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-session b{font:700 9px var(--tech)}.user-session small{margin-top:2px;color:var(--orange);font:700 7px var(--tech);letter-spacing:1px}.user-session button{border:0;background:none;color:#a79c8f;font:700 7px var(--tech);letter-spacing:1px;cursor:pointer}
main{max-width:1220px;margin:auto;padding:10px clamp(14px,3vw,36px) 60px}
.fight-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(10px,2.3vw,30px);margin:0 0 14px;padding:12px clamp(5px,1.5vw,18px);border-bottom:1px solid #40372e;background:linear-gradient(180deg,#17120d99,transparent)}
.hud-fighter{min-width:0}.hud-fighter header{min-height:42px;margin-bottom:6px}.hud-fighter header small{display:block;color:#8d867a;font:700 8px var(--tech);letter-spacing:1.7px}.hud-fighter h2{margin:2px 0 0;font:900 clamp(20px,3vw,31px)/.9 var(--condensed);letter-spacing:.4px}.hud-fighter .kaiju-trait{display:none}
.player-hud header{padding-left:0;text-align:left}.enemy-hud header{text-align:right}.hud-versus{align-self:center;color:#e9d8c5;font:900 italic 18px var(--condensed);text-shadow:0 0 18px #ff4d1f}
.enemy-hud .health-track{transform:skew(14deg)}.enemy-hud .enemy-health{margin-left:auto}.enemy-hud .charge-line{justify-content:flex-start}.enemy-hud .charge-line>span b{margin:0 4px 0 0}
.fighter-id{display:flex;align-items:center;gap:15px}
.fighter-id small,.eyebrow{font-size:10px;letter-spacing:2px;color:#8d867a}
.fighter-id h2,.hand-head h2,.dialog-card h2{font:900 30px/1 var(--condensed);margin:4px 0}
.kaiju-trait{max-width:360px;margin:7px 0 0;font:600 9px/1.35 var(--tech);color:#9f9689}.kaiju-trait b,.kaiju-trait span{display:block}.kaiju-trait b{color:var(--orange);letter-spacing:1px}.kaiju-trait span{margin-top:2px}
.monster-mark{width:52px;height:52px;display:grid;place-items:center;font:900 18px var(--condensed);background:#1a1712;border:2px solid #4d453b;clip-path:polygon(20% 0,80% 0,100% 22%,94% 85%,50% 100%,6% 85%,0 22%)}
.kaiju-mini{width:58px;height:72px;padding:0;border:1px solid #66594b;background:#15120f;overflow:hidden;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);transition:transform .2s,filter .2s}
.kaiju-mini:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.2)}
.kaiju-mini img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.enemy-mark{color:#ed5634;box-shadow:inset 0 0 20px #6e1a0b}
.player-mark{color:#eeb94b;box-shadow:inset 0 0 20px #6d4c0d}
.vitals{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.vital-label{display:flex;grid-row:2;font:700 10px var(--tech);letter-spacing:1.3px}
.vital-label strong{font:800 18px var(--condensed)}
.player-hud .vital-label{grid-column:1;justify-content:flex-start}.enemy-hud .vital-label{grid-column:3;justify-content:flex-end}
.health-track{grid-column:1/-1;grid-row:1;width:100%;height:17px;margin:5px 0 8px;background:#29251f;border:1px solid #4d463d;transform:skew(-14deg);overflow:hidden}
.health-fill{height:100%;width:100%;transition:width .5s ease}
.enemy-health{background:linear-gradient(90deg,#ee3a1b,#7b1710)}
.player-health{background:linear-gradient(90deg,#d17d11,#ffb524)}
.charge-line{display:flex;grid-row:2;align-items:center;justify-content:flex-end;gap:10px;padding-block:10px;font-size:9px;letter-spacing:1px;color:#8a8377}.player-hud .charge-line{grid-column:3}.enemy-hud .charge-line{grid-column:1}
.charge-line>span b{margin-left:4px;color:#f4ad28;font:800 11px var(--tech)}
.charge-pips{display:flex;gap:4px}
.charge-pips i{width:19px;height:6px;border:1px solid #565044;background:#211e19;transform:skew(-15deg)}
.charge-pips i.on{background:var(--orange);border-color:#ff8b42;box-shadow:0 0 9px #d32c13}
.arena-panel{position:relative;border:1px solid #4b4439;background:linear-gradient(145deg,rgba(28,25,20,.97),rgba(10,9,7,.98));padding:22px clamp(15px,3vw,34px);clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px);box-shadow:0 24px 70px #000,inset 0 0 80px #050403}
.arena-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(255,79,26,.08) 50%,transparent 50.2%)}
.arena-head,.hand-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.arena-head h1{font:900 clamp(25px,4vw,38px)/.95 var(--condensed);font-style:italic;letter-spacing:.5px;margin:4px 0}
.special-button{display:flex;align-items:center;gap:10px;border:1px solid #4c453a;background:#1c1914;color:#777068;padding:9px 14px;text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.special-zone{display:flex;align-items:stretch;gap:7px}
.special-preview{width:42px;padding:0;border:1px solid #604536;background:#16120f;overflow:hidden;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.special-preview img{width:100%;height:100%;object-fit:cover}
.special-button>span:first-child{font-size:24px}
.special-button small,.special-button b{display:block;font:600 9px var(--tech);letter-spacing:.7px}
.special-button:not(:disabled){cursor:pointer;color:#ffd78c;border-color:#b84b1b;box-shadow:0 0 20px #6d1c0c}
.lane-label{display:flex;justify-content:space-between;margin:0 2px 8px;font:700 9px var(--tech);letter-spacing:1.5px;color:#847c70}
.lane-label span:first-child{color:#dd4a2c}
.player-label{margin:8px 2px 0}
.player-label span:first-child{color:#f1ad2e}
.movement-placement-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 12px;margin:8px 2px 0;color:#aaa194;font-size:10px;line-height:1.4;text-align:center}.movement-placement-hint span{display:block}.movement-placement-hint strong{display:inline-flex;align-items:center;gap:6px;color:#e8d8c5;font-weight:700}.movement-placement-hint strong b{padding:3px 6px;border:1px solid #a94a27;background:#32140c;color:#ff9a61;font:800 7px var(--tech);letter-spacing:1px}
@media(max-width:700px){.movement-placement-hint{font-size:9px}.movement-placement-hint strong{width:100%;justify-content:center}}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,20px)}
.slot{aspect-ratio:2/3;min-width:0;position:relative;border:1px solid #403a31;background:repeating-linear-gradient(135deg,#171510 0,#171510 5px,#12110e 5px,#12110e 10px);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:.2s;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}
.slot:before{content:attr(data-index);font:800 36px var(--condensed);color:#302c25}
.player-slots .slot:hover{border-color:#cf6723;background:#21170f}
.slot.selected-target{box-shadow:inset 0 0 30px #78230e}
.slot.first-placement-guide{z-index:5;border-color:#ffb52b;animation:first-placement-flash .72s ease-in-out infinite}
.slot.first-placement-guide:before{color:#ffd46a;text-shadow:0 0 15px #ff7a18}
@keyframes first-placement-flash{0%,100%{filter:brightness(1);box-shadow:0 0 8px #ff7a1855,inset 0 0 14px #8c240b66}50%{filter:brightness(1.65);box-shadow:0 0 30px #ffb52b,inset 0 0 34px #e63816}}
@media(prefers-reduced-motion:reduce){.slot.first-placement-guide{animation:none;box-shadow:0 0 22px #ffb52b,inset 0 0 24px #a82b12}}
.slot img{position:absolute;width:100%;height:100%;object-fit:cover}
.slot .slot-combo-count{position:absolute;right:5px;bottom:5px;background:#e8461e;color:#fff;border:1px solid #ff9b62;padding:2px 6px;font:700 11px var(--tech);z-index:2}
.slot.revealing{animation:reveal .55s ease}
.slot.hit{animation:hit .45s ease}
.enemy-slots .slot{cursor:default}
.enemy-slots .slot.covered:after{content:"";position:absolute;inset:0;background:url("Cartas/jpg/back.jpg") center/cover}
.clash-line{height:34px;display:flex;align-items:center;gap:12px}
.clash-line i{height:1px;background:linear-gradient(90deg,transparent,#6a5c4c);flex:1}
.clash-line i:last-child{background:linear-gradient(90deg,#6a5c4c,transparent)}
.clash-line span{font:900 italic 14px var(--condensed);color:#b7aa99}
.clash-line .clash-flip-button{width:auto;min-width:150px;height:28px;padding:5px 20px;font-size:9px;line-height:1;white-space:nowrap;box-shadow:0 4px 14px #2e0803}.clash-flip-button[hidden],.clash-line>span[hidden]{display:none}
.round-timer{display:block;margin:-2px 0 7px;text-align:center;color:#d8cbbb;font:800 10px/1 var(--condensed);letter-spacing:1.4px}.round-timer[hidden]{display:none}
.arena-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:8px;padding-top:9px;border-top:1px solid #302c26}
.arena-actions p{margin:0;color:#aaa194;font-size:11px}
.primary-button,.secondary-button{border:0;padding:13px 18px;font:800 12px var(--tech);letter-spacing:.6px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.primary-button{background:linear-gradient(135deg,#e43817,#a9200c);color:#fff;box-shadow:0 7px 22px #2e0803}
.primary-button:disabled{filter:grayscale(1);opacity:.35;cursor:not-allowed}
.primary-button span{font-size:19px;margin-left:10px}
.secondary-button{background:#2a2620;color:#bcb3a5;border:1px solid #4d463c}
.hand-panel{position:fixed;z-index:18;left:0;right:0;bottom:0;margin:0;padding:0 clamp(14px,3vw,36px) 4px;border-top:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.88) 55%,#000 100%);backdrop-filter:blur(14px);box-shadow:none;transform:translateY(0);opacity:1;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .28s ease}.hand-panel.combat-hidden{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}.hand-panel .hand,.hand-panel .hand-head{width:min(1220px,100%);margin-inline:auto}.hand-head{padding:0 4px}
.hand-head-tools-only{justify-content:flex-end}
.hand-head h2{font-size:25px}
.hand-head>span{font-size:9px;letter-spacing:1px;color:#81796e}
.hand{display:flex;gap:12px;overflow-x:auto;padding:0 5px 22px;scrollbar-color:#5b4b37 #17130f}
.card{flex:0 0 clamp(92px,12vw,135px);position:relative;aspect-ratio:2/3;border:1px solid #554b3e;background:#111;cursor:pointer;touch-action:manipulation;user-select:none;transition:transform .18s,filter .18s;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.card img{width:100%;height:100%;display:block;object-fit:cover}
.card:hover{transform:translateY(-8px);filter:brightness(1.12)}
.card.selected{transform:translateY(-12px);outline:2px solid var(--orange);box-shadow:0 12px 28px #7b1d08}
.card.special-response-card{z-index:3;border-color:#ffe07a;box-shadow:0 0 10px #ff901b,0 0 28px #ffcf44;animation:response-card-pulse .85s ease-in-out infinite;cursor:pointer}
@keyframes response-card-pulse{0%,100%{transform:translateY(-3px);filter:brightness(1.08)}50%{transform:translateY(-13px) scale(1.035);filter:brightness(1.42);box-shadow:0 0 16px #fff1ab,0 0 40px #f04c18}}
.movement-card-info{position:absolute;z-index:7;top:5px;right:5px;width:27px;height:27px;padding:0;border:1px solid #ffd39a;border-radius:50%;background:#130c08e8;color:#fff3de;font:900 17px/1 var(--condensed);cursor:pointer;box-shadow:0 0 18px #e34b20;animation:info-pop .2s ease both}.movement-card-info:hover,.movement-card-info:focus-visible{transform:scale(1.12);background:#c53b18;outline:2px solid #fff}.movement-card-info:active{transform:scale(.94)}
@keyframes info-pop{from{opacity:0;transform:scale(.45) rotate(-18deg)}to{opacity:1;transform:scale(1)}}
.card.used{filter:grayscale(1);opacity:.25;pointer-events:none}
.card .type-tag{position:absolute;left:4px;top:4px;background:#0b0907d9;border:1px solid #785440;padding:2px 4px;font:700 7px var(--tech);letter-spacing:.4px}
.combat-log{position:relative;width:100%;max-height:45vh;overflow:auto;margin-top:10px;background:#100e0bd9;border:1px solid #4b4034;transform:none;box-shadow:inset 0 0 22px #000}
.combat-log.open{transform:none}
.log-head{position:sticky;top:0;background:#1a1712;display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #40372d;font:700 10px var(--tech);letter-spacing:1px}
.log-head button{border:0;background:none;color:#aaa;font-size:18px;cursor:pointer}
.log-entry{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 14px;border-bottom:1px solid #2c2720;font-size:10px;line-height:1.45}
.log-entry b{font:800 15px var(--condensed);color:#f26a35}
.log-entry.damage b{color:#ff3a18}
.log-entry.good b{color:#f7b93a}
dialog{border:0;padding:0;background:transparent;color:inherit;max-width:min(650px,calc(100vw - 28px))}
dialog::backdrop{background:#050403d9;backdrop-filter:blur(5px)}
.instructions-dialog{width:min(900px,calc(100vw - 28px));max-width:none}.instructions-card{width:100%}.instructions-card h2{margin:7px 0 10px}.instructions-card .auth-objective{margin:15px 0}.instructions-card .login-rules{margin-bottom:20px}
.challenge-dialog{width:min(560px,calc(100vw - 28px));max-width:none}.challenge-dialog::backdrop{background:radial-gradient(circle at center,#3c120de8 0,#050403f5 62%);backdrop-filter:blur(8px)}.challenge-card{width:100%;text-align:center;border-color:#a44a28;box-shadow:0 0 80px #9b24084d,0 30px 90px #000}.challenge-card h2{margin:9px 0 17px;color:#ffcf8b;font:900 italic clamp(36px,8vw,58px)/.9 var(--condensed)}.challenge-card>p{max-width:430px;margin:12px auto;color:#b9aea2}.challenge-card>strong{display:block;padding:13px;border:1px solid #70422e;background:#120b08;color:#ff8c55;font:800 clamp(12px,3vw,18px) var(--tech);overflow-wrap:anywhere}.challenge-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.challenge-card>small{display:block;min-height:16px;margin-top:12px;color:#d79b76;font:700 9px var(--tech)}.game-paused-by-challenge main,.game-paused-by-challenge .floating-menu,.game-paused-by-challenge .hand-panel{filter:brightness(.48) saturate(.55)}
.kaiju-dialog form{position:relative;margin:0;padding:0;background:#080705;line-height:0}
.kaiju-dialog img{display:block;max-height:88vh;max-width:min(92vw,620px);width:auto;height:auto}
.kaiju-dialog .dialog-close{z-index:2;width:38px;height:38px;background:#0b0908dd;border:1px solid #6b5544;color:#fff;line-height:1}
.kaiju-select-dialog form{border:1px solid #654a37;box-shadow:0 28px 90px #000}.kaiju-select-dialog img{max-height:calc(88vh - 72px)}.kaiju-select-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:linear-gradient(180deg,#17120e,#090706);border-top:1px solid #5a4434;line-height:normal}.kaiju-select-actions button{width:100%}
.kaiju-dialog form:has(.special-modal-panel:not([hidden])){display:grid;grid-template-columns:minmax(210px,390px) minmax(230px,330px);align-items:center;max-width:min(94vw,760px);background:linear-gradient(145deg,#1d1712,#090807);line-height:normal}.kaiju-dialog form:has(.special-modal-panel:not([hidden])) #kaijuFullImage{width:100%;max-width:none;max-height:86vh;object-fit:contain}.special-modal-panel{padding:28px;min-width:0}.special-modal-panel[hidden]{display:none}.special-modal-panel>span{font:700 9px var(--tech);letter-spacing:2px;color:#9a8c7e}.special-modal-panel h2{margin:8px 0;font:900 italic 36px/.9 var(--condensed);color:#f3e8d9}.special-modal-panel strong{display:block;margin:18px 0 8px;color:var(--orange);font:900 22px var(--condensed)}.special-modal-panel p{min-height:34px;color:#aaa095;font-size:10px;line-height:1.55}.special-modal-panel .primary-button{width:100%;margin-top:10px}.special-modal-panel .primary-button:disabled{filter:grayscale(1);opacity:.38;cursor:not-allowed}
.response-card{width:min(620px,calc(100vw - 28px))}
.response-preview{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;margin:18px 0;padding:12px;border:1px solid #493a30;background:#120f0c}
.response-preview img{width:100%;display:block}
.response-preview strong,.response-preview small{display:block}.response-preview strong{font:900 25px var(--condensed);color:var(--orange)}.response-preview small{margin-top:6px;color:#aaa095;font-size:10px;line-height:1.5}
.response-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.response-options button{width:100%}
.special-response-banner{position:relative;z-index:14;display:grid;gap:10px;margin:0 0 12px;padding:12px 15px;border:1px solid #bd4a29;background:linear-gradient(105deg,#260d08,#5a170c 50%,#1a0b08);box-shadow:0 0 30px #cf371b55,inset 0 0 22px #000;overflow:hidden}.special-response-banner[hidden]{display:none}.special-response-banner.recovery{border-color:#29b77d;background:linear-gradient(105deg,#08251a,#105b3d 50%,#081c14);box-shadow:0 0 30px #18d98a55,inset 0 0 22px #000}.special-response-copy{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.special-response-copy span{flex:0 0 auto;color:#ffb276;font:800 8px var(--tech);letter-spacing:1.5px}.special-response-banner.recovery .special-response-copy span{color:#8ff3c3}.special-response-copy strong{color:#fff0df;font:900 clamp(13px,2vw,20px)/1 var(--condensed);letter-spacing:.6px;text-align:right}.special-response-timer{height:7px;border:1px solid #9b4935;background:#160805;overflow:hidden}.special-response-timer i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ffd06f,#ff541f);box-shadow:0 0 15px #ff7a25}.special-response-banner.recovery .special-response-timer i{background:linear-gradient(90deg,#baffd6,#25d998);box-shadow:0 0 15px #3affe0}.special-response-banner.counting .special-response-timer i{animation:response-countdown var(--response-duration,10s) linear forwards}@keyframes response-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.slot.inactive{display:none}
.dialog-card{position:relative;background:linear-gradient(145deg,#211d17,#0d0c0a);border:1px solid #5b4d3e;padding:28px;box-shadow:0 30px 80px #000}
.dialog-card>p{color:#aaa095;font-size:12px;line-height:1.6}
.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#aaa;font-size:25px;cursor:pointer}
.combo-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.combo-choice{position:relative;cursor:pointer}
.combo-choice img{width:100%;display:block}
.combo-choice.on{outline:2px solid var(--orange);transform:translateY(-5px)}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.rule-grid article{border:1px solid #41382d;background:#15120f;padding:15px}
.rule-grid b{font:900 28px var(--condensed);color:var(--orange)}
.rule-grid h3{font:800 18px var(--condensed);margin:0}
.rule-grid p{font-size:10px;color:#aaa095;line-height:1.5}
.full{width:100%}
.result-overlay{position:fixed;inset:0;z-index:30;background:#050403e8;display:grid;place-items:center;padding:20px}
.result-overlay[hidden]{display:none}
.result-card{width:min(520px,100%);text-align:center;border:1px solid #6b4b36;background:radial-gradient(circle at top,#3b150d,#11100d 55%);padding:50px 30px;box-shadow:0 0 100px #a2260b4d}
.result-card h2{font:900 italic clamp(55px,12vw,90px)/.85 var(--condensed);color:#f04a20;margin:16px 0;text-shadow:0 8px 0 #581004}
.result-card p{color:#b7ac9d;margin-bottom:24px}
.arcade-transition-overlay{position:fixed;inset:0;z-index:46;display:grid;place-items:center;overflow:auto;padding:clamp(14px,4vw,46px);background:radial-gradient(circle at 50% 44%,#5b1b0ce8 0,#170c08f5 42%,#030302fc 78%);backdrop-filter:blur(7px);animation:arcade-overlay-in .5s ease both}.arcade-transition-overlay[hidden]{display:none}.arcade-transition-card{position:relative;width:min(920px,100%);padding:clamp(27px,5vw,54px);overflow:hidden;border:1px solid #a24c2a;background:linear-gradient(145deg,#30140d,#0b0806 58%,#170b07);text-align:center;box-shadow:0 35px 100px #000,0 0 85px #c8321452;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.arcade-transition-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 38px,#ff5a1910 39px 40px)}.arcade-transition-card>*{position:relative;z-index:1}.arcade-transition-card h2{margin:12px 0 8px;color:#f3e9db;font:900 italic clamp(48px,8vw,82px)/.85 var(--condensed);text-shadow:0 7px 0 #611206,0 0 35px #ff4b1c66}.arcade-transition-card>p{margin:0 auto 20px;max-width:680px;color:#c5b5a6;font:600 clamp(11px,1.5vw,15px)/1.5 var(--tech)}.arcade-progress{display:flex;justify-content:center;gap:8px;margin:18px auto 23px}.arcade-progress i{width:clamp(35px,7vw,72px);height:7px;border:1px solid #583a2c;background:#100b08;transform:skew(-18deg)}.arcade-progress i.cleared{border-color:#b84a25;background:#98260f;box-shadow:0 0 13px #dc3d18}.arcade-progress i.active{border-color:#ffd278;background:#ff8c23;box-shadow:0 0 21px #ff6b1a;animation:arcade-progress-pulse 1s ease-in-out infinite}.arcade-versus{display:grid;grid-template-columns:minmax(130px,210px) auto minmax(130px,210px);align-items:center;justify-content:center;gap:clamp(15px,5vw,55px);margin:16px auto 28px}.arcade-versus>strong{color:#fff1df;font:900 italic clamp(38px,6vw,65px) var(--condensed);text-shadow:0 0 28px #ff4a1d;animation:arcade-vs-pulse .9s ease-in-out infinite alternate}.arcade-fighter{margin:0}.arcade-fighter img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #8a5137;box-shadow:0 22px 42px #000}.arcade-fighter figcaption{margin-top:9px;color:#f1e2d2;font:900 clamp(14px,2vw,20px) var(--condensed);letter-spacing:.7px}.arcade-fighter.player{animation:arcade-player-enter .7s cubic-bezier(.18,.8,.25,1) both}.arcade-fighter.enemy{animation:arcade-enemy-enter .7s .12s cubic-bezier(.18,.8,.25,1) both}.arcade-start-button{width:min(430px,100%);padding-block:15px}.arcade-transitioning main,.arcade-transitioning .floating-menu,.arcade-transitioning .hand-panel{filter:brightness(.35) blur(2px)}
@keyframes arcade-overlay-in{from{opacity:0}to{opacity:1}}@keyframes arcade-player-enter{from{opacity:0;transform:translateX(-140px) rotate(-9deg) scale(.75)}to{opacity:1;transform:none}}@keyframes arcade-enemy-enter{from{opacity:0;transform:translateX(140px) rotate(9deg) scale(.75)}to{opacity:1;transform:none}}@keyframes arcade-vs-pulse{from{transform:scale(.92);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.6)}}@keyframes arcade-progress-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.7)}}
@media(max-width:700px){.arcade-transition-card{padding:25px 13px}.arcade-transition-card h2{font-size:42px}.arcade-transition-card>p{font-size:10px}.arcade-versus{grid-template-columns:minmax(95px,128px) auto minmax(95px,128px);gap:9px;margin-bottom:22px}.arcade-versus>strong{font-size:29px}.arcade-fighter figcaption{font-size:13px}.arcade-progress{gap:4px}.arcade-progress i{width:30px;height:5px}.arcade-start-button{font-size:11px}}
@keyframes reveal{0%{transform:rotateY(90deg);filter:brightness(3)}
100%{transform:none}
}
@keyframes hit{0%,100%{transform:none}
35%{transform:translateX(-7px);filter:brightness(2)}
70%{transform:translateX(7px)}
}
@media(max-width:700px){:root{--hand-dock-height:205px}.floating-menu{top:3px;left:50%}.logo-menu-button{width:88px;height:34px}.logo-menu-button img{width:75px;height:31px}.player-hud header{padding-left:0}.header-menu{top:calc(100% + 5px)}
.fighter{grid-template-columns:1fr;padding:9px 4px;gap:8px}
.fighter-id{display:none}
.arena-panel{padding:18px 10px}
.arena-head{align-items:flex-start}
.special-button{padding:7px}
.special-button small{display:none}
.slots{gap:5px}
.slot:before{font-size:24px}
.arena-actions{align-items:stretch;flex-direction:column}
.arena-actions p{text-align:center}
.primary-button{width:100%}
.card{flex-basis:96px}
.rule-grid{grid-template-columns:1fr}
.combo-choices{gap:6px}
.dialog-card{padding:22px 16px}
.user-session>span{display:none}.user-session{padding:3px}.user-session button{font-size:6px}.auth-gate{place-items:start center}.auth-card{grid-template-columns:1fr;gap:28px;padding:32px 22px}.auth-intro{text-align:center}.auth-intro>p{margin-inline:auto}.auth-objective{text-align:left}.login-guide{padding:26px 0 0;border-left:0;border-top:1px solid #49352a;text-align:left}
}

.slots{max-width:760px;margin-inline:auto;width:100%;gap:clamp(8px,2vw,16px)}
.combat-lane{display:grid;grid-template-columns:auto minmax(0,760px);align-items:center;justify-content:center;gap:14px;width:100%;margin-inline:auto}.lane-movements{min-width:0;width:100%}.lane-cards{display:grid;grid-template-columns:repeat(2,70px);gap:7px;align-items:center}.lane-cards .kaiju-mini,.lane-cards .special-board-slot{width:70px;height:105px}.enemy-combat-lane .lane-cards{order:0}.player-combat-lane .lane-cards{order:0}.combat-lane .slots{max-width:none}.combat-lane .lane-label{margin-inline:0}
.player-combat-lane .lane-cards{align-self:start}
.lane-card-stack{display:grid;grid-template-rows:22px auto;align-items:end;justify-items:center;min-width:0}.lane-card-stack>b{width:100%;align-self:center;color:#a69b8d;font:700 7px/1.15 var(--tech);letter-spacing:.55px;text-align:center}
.enemy-slots .slot:disabled{opacity:1;color:inherit}
@media(max-width:700px){.slots{max-width:none;gap:5px}.combat-lane{grid-template-columns:88px minmax(0,1fr);gap:6px}.lane-cards{grid-template-columns:repeat(2,42px);gap:4px}.lane-cards .kaiju-mini,.lane-cards .special-board-slot{width:42px;height:63px}.lane-cards .special-board-slot span{font-size:5px;letter-spacing:0;padding:2px}.lane-card-stack{grid-template-rows:27px auto}.lane-card-stack>b{font-size:5px;letter-spacing:.2px}.combat-lane .lane-label{font-size:7px;letter-spacing:.7px}.combat-lane .slot:before{font-size:21px}}
@media(max-width:700px){.fight-hud{gap:7px;margin-bottom:9px;padding:8px 1px}.hud-fighter header{min-height:31px}.hud-fighter h2{font-size:16px}.hud-fighter header small{font-size:6px}.hud-versus{font-size:13px}.fight-hud .vital-label{font-size:7px;letter-spacing:.5px}.fight-hud .vital-label strong{font-size:14px}.fight-hud .charge-line{gap:4px;font-size:6px;letter-spacing:.3px}.fight-hud .charge-line>span b{font-size:7px}.fight-hud .charge-pips{gap:2px}.fight-hud .charge-pips i{width:10px;height:4px}}

.setup-overlay{position:fixed;inset:0;z-index:40;overflow:auto;background:radial-gradient(circle at 50% 15%,#3a160e 0,#110d09 42%,#050403 100%);padding:clamp(22px,5vw,64px)}
.setup-overlay[hidden]{display:none}
.setup-shell{width:min(1050px,100%);margin:auto;text-align:center}
.setup-shell h1{font:900 italic clamp(42px,8vw,78px)/.9 var(--condensed);margin:12px 0;color:#f0eadf;text-shadow:0 7px 0 #4b0d05}
.setup-shell>div>p{color:#aba093;font-size:12px;margin:0 auto 28px;max-width:650px}
.setup-progress{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:42px;font:700 9px var(--tech);letter-spacing:1.2px;color:#615b53}
.setup-progress[hidden]{display:none}
.setup-progress span.active{color:var(--orange)}
.setup-progress i{width:50px;height:1px;background:#423a31}
.mode-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));align-items:start;justify-content:center;gap:clamp(13px,2.4vw,28px);margin:34px auto 0}
.mode-choice-column{display:flex;flex-direction:column;gap:10px;min-width:0}
.mode-choice-column .mode-choice{width:100%}
.mode-choice{position:relative;display:grid;grid-template-rows:minmax(150px,1fr) auto;align-items:center;min-height:300px;padding:24px 20px 20px;border:1px solid #59463a;background:radial-gradient(circle at 50% 20%,#32150f 0,#130e0b 62%,#090706 100%);color:#eee;cursor:pointer;overflow:hidden;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);transition:transform .25s ease,border-color .25s ease,filter .25s ease,box-shadow .25s ease}
.mode-choice:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 42%,rgba(235,65,25,.1) 42.3% 43%,transparent 43.3% 100%)}
.mode-choice:hover,.mode-choice:focus-visible{transform:translateY(-9px) scale(1.015);border-color:#f05a2c;filter:brightness(1.12);box-shadow:0 18px 45px #000,0 0 30px #8b210d66;outline:none}
.mode-choice.human{background:radial-gradient(circle at 50% 20%,#281916 0,#100e0c 62%,#070605 100%)}
.mode-choice.arcade{background:radial-gradient(circle at 50% 20%,#5e1b0f 0,#1a0d09 58%,#080605 100%)}.mode-choice .arcade-mode-art{position:relative;display:grid;align-content:center;min-height:150px;padding:16px 5px;border:0;background:radial-gradient(circle,#d5401b24,transparent 64%);text-shadow:0 5px 0 #5c1006}.arcade-mode-art:before,.arcade-mode-art:after{content:"";position:absolute;top:50%;width:24%;height:2px;background:linear-gradient(90deg,transparent,#ff6b1a)}.arcade-mode-art:before{left:0}.arcade-mode-art:after{right:0;transform:scaleX(-1)}.mode-choice .arcade-mode-art small{margin:0 0 5px;color:#e9c4ad;font:700 8px var(--tech);letter-spacing:2px}.mode-choice .arcade-mode-art strong{display:block;color:#fff1df;font:900 italic clamp(46px,5vw,70px)/.8 var(--condensed);letter-spacing:-1px}.mode-choice .arcade-mode-art i{display:block;margin-top:10px;color:#ff8b4c;font:900 12px var(--condensed);font-style:normal;letter-spacing:3px}.mode-choice.arcade:hover .arcade-mode-art strong{color:#fff;filter:drop-shadow(0 0 13px #ff4d1e)}
.mode-choice img{position:relative;z-index:1;display:block;width:100%;max-width:370px;height:auto;margin:auto;filter:drop-shadow(0 12px 15px #000)}
.mode-choice span{position:relative;z-index:1;display:block;padding-top:17px;border-top:1px solid #4b382e}
.mode-choice b,.mode-choice small{display:block}.mode-choice b{font:900 clamp(22px,3vw,31px)/1 var(--condensed);letter-spacing:.5px}.mode-choice small{margin-top:7px;color:#a99d90;font:600 9px/1.4 var(--tech);letter-spacing:.6px}
.gallery-open-button{align-self:center;width:min(74%,290px);padding:9px 14px;border:1px solid #75513c;background:linear-gradient(180deg,#251812,#100c09);color:#d9c9b9;font:800 9px var(--tech);letter-spacing:1.1px;cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:color .2s,border-color .2s,filter .2s,transform .2s}.gallery-open-button span{margin-right:7px;color:var(--orange);font-size:14px}.gallery-open-button:hover,.gallery-open-button:focus-visible{transform:translateY(-2px);border-color:var(--orange);color:#fff;filter:brightness(1.2);outline:none}
.gallery-dialog{width:min(1120px,calc(100vw - 24px));max-width:none}.gallery-dialog::backdrop{background:#030302ed;backdrop-filter:blur(7px)}.gallery-card{width:100%;max-height:92vh;overflow:auto;background:radial-gradient(circle at 50% 0,#30150e 0,#15100c 38%,#090806 100%);border-color:#6c4937}.gallery-card h2{margin:7px 0 8px;font:900 italic clamp(38px,6vw,64px)/.9 var(--condensed);color:#f2eadf;text-shadow:0 5px 0 #521207}.gallery-card>p{margin:0 0 17px}.gallery-filters{position:sticky;z-index:3;top:-28px;display:flex;flex-wrap:wrap;gap:7px;margin:0 -8px 20px;padding:12px 8px;background:#110c09e8;backdrop-filter:blur(7px);border-bottom:1px solid #4d392e}.gallery-filters button{padding:7px 11px;border:1px solid #493a31;background:#130f0c;color:#918579;font:700 8px var(--tech);letter-spacing:.8px;cursor:pointer}.gallery-filters button.active,.gallery-filters button:hover{border-color:#c4512d;background:#36150d;color:#ffd1aa}.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:clamp(10px,2vw,18px)}.gallery-card-item{position:relative;display:block;padding:0;border:1px solid #4c4035;background:#0b0907;color:#eee;cursor:pointer;overflow:hidden;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:transform .2s,border-color .2s,filter .2s}.gallery-card-item:hover,.gallery-card-item:focus-visible{z-index:2;transform:translateY(-6px) scale(1.025);border-color:var(--orange);filter:brightness(1.12);outline:none}.gallery-card-item img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#080604}.gallery-card-item span{display:block;min-height:40px;padding:9px 7px;color:#d9cfc3;font:800 10px/1.15 var(--condensed);letter-spacing:.35px;text-align:center}
.setup-card-grid{display:grid;justify-content:center;gap:clamp(14px,3vw,28px);margin:auto}
.kaiju-choice-grid{width:min(100%,1100px);grid-template-columns:repeat(auto-fit,minmax(160px,205px))}
.special-choice-grid{grid-template-columns:repeat(3,minmax(150px,225px))}
.setup-choice{position:relative;padding:0;border:1px solid #594a3c;background:#120f0c;color:#eee;cursor:pointer;overflow:hidden;transition:transform .22s,filter .22s,border-color .22s;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.setup-choice:hover{transform:translateY(-10px);filter:brightness(1.12);border-color:var(--orange)}
.setup-choice img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.setup-choice>span{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 12px;background:linear-gradient(transparent,#070605 38%)}
.setup-choice b,.setup-choice small{display:block}.setup-choice b{font:900 24px var(--condensed)}.setup-choice small{font:600 8px var(--tech);letter-spacing:1px;color:#d26034}
.setup-back{display:block;margin:0 auto 18px;border:0;background:none;color:#b7aa99;font:700 10px var(--tech);letter-spacing:1px;cursor:pointer}
.fighter-cards{display:flex;gap:8px;align-items:center}
.kaiju-mini,.special-board-slot{width:70px;height:105px;flex:0 0 auto}
.special-board-slot{position:relative;padding:0;border:1px solid #5d5043;background:#100e0b;overflow:hidden;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.special-board-slot img{width:100%;height:100%;object-fit:cover;display:block}
.special-board-slot span{position:absolute;left:3px;right:3px;bottom:4px;padding:3px;background:#090706d9;color:#e48a42;font:700 7px var(--tech);letter-spacing:.7px}
.special-board-slot.revealed{cursor:pointer;box-shadow:0 0 18px #d83d18}
.special-board-slot.inspectable{cursor:pointer;transition:transform .2s,filter .2s,border-color .2s}.special-board-slot.inspectable:hover{transform:translateY(-4px) scale(1.04);filter:brightness(1.2);border-color:var(--orange)}
.special-board-slot.special-ready{z-index:4;border-color:#ffd05a;animation:special-ready-halo 1.2s ease-in-out infinite}.special-board-slot.special-ready:after{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid #ffe7a0;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
.special-board-slot.special-response-ready{z-index:7;border-color:#fff0a8;animation:response-special-pulse .85s ease-in-out infinite;cursor:pointer}@keyframes response-special-pulse{0%,100%{filter:drop-shadow(0 0 6px #ff9d22);box-shadow:0 0 15px #ff7c1d}50%{filter:drop-shadow(0 0 18px #fff2a0);box-shadow:0 0 32px #ffd75b;transform:translateY(-5px) scale(1.06)}}
@keyframes special-ready-halo{0%,100%{filter:drop-shadow(0 0 5px #ff9d22);box-shadow:0 0 12px #ff7a18,inset 0 0 10px #ffae32}50%{filter:drop-shadow(0 0 15px #ffd65b);box-shadow:0 0 28px #ffb42b,inset 0 0 18px #ffd45a}}
.online-button{position:relative;padding:9px 11px;border:1px solid #8a4b2b;background:#24140e;color:#ffc07d;font:800 8px var(--tech);letter-spacing:.8px;cursor:pointer}.online-button[hidden]{display:none}.online-button b{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:2px;border-radius:50%;background:var(--red);color:#fff;font:800 9px/14px var(--tech)}.online-button b[hidden]{display:none}.online-dialog{width:min(620px,calc(100vw - 28px))}.online-card{width:100%}.invite-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.invite-form input{min-width:0;padding:13px 14px;border:1px solid #53483d;background:#0c0a08;color:#eee;font:600 11px var(--tech);outline:none}.invite-form input:focus{border-color:var(--orange);box-shadow:0 0 18px #a52c1144}.online-status{min-height:18px;margin:12px 0!important;color:#d69a64!important}.online-status.error{color:#ff6f50!important}.incoming-invites{margin-top:22px;padding-top:16px;border-top:1px solid #41382f}.incoming-invites h3{margin:0 0 10px;font:800 13px var(--tech);letter-spacing:1px}.incoming-invites small{color:#887f74;font-size:9px}.invite-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #493b31;background:#120e0b}.invite-item strong,.invite-item span{display:block;overflow:hidden;text-overflow:ellipsis}.invite-item strong{font:800 12px var(--tech)}.invite-item span{margin-top:3px;color:#94897d;font-size:8px}.invite-item button{padding:8px 10px;font-size:8px}
@media(max-width:700px){.online-button{padding:8px;font-size:7px}.invite-form{grid-template-columns:1fr}.invite-item{grid-template-columns:1fr 1fr}.invite-item>div{grid-column:1/-1}}
.slot.covered:after{content:"";position:absolute;inset:0;z-index:3;background:url("Cartas/jpg/back.jpg") center/cover}
.enemy-slots .slot.covered:after{background-image:url("Cartas/jpg/back-rival.jpg")}
.slot:disabled{opacity:1;color:inherit}
.deployment-notice{position:fixed;z-index:35;top:96px;left:50%;transform:translateX(-50%);width:min(520px,calc(100vw - 28px));padding:14px 20px;border:1px solid #914323;background:#120d09ed;box-shadow:0 14px 50px #000;text-align:center;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.deployment-notice[hidden]{display:none}.deployment-notice span,.deployment-notice strong{display:block}.deployment-notice span{font:700 8px var(--tech);letter-spacing:2px;color:#9d8d7d}.deployment-notice strong{margin-top:4px;font:900 21px var(--condensed);color:var(--orange)}
.kaiju-mini.deploying,.special-board-slot.deploying{animation:deploy-card .7s ease both;box-shadow:0 0 32px #e44a20}
.enemy-slots .slot.cpu-placing{animation:cpu-place .55s ease both;border-color:#c44827;box-shadow:0 0 24px #9b270e}
.slot.resolving-pair{border-color:#ff9a3d;box-shadow:0 0 28px #d74618;transform:translateY(-5px)}
.mobile-pair-focus{display:none}
.impact-overlay{position:fixed;inset:0;z-index:72;display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,60px);pointer-events:none;padding:20px}.impact-number{--impact-core:rgba(177,30,10,.82);--impact-mid:rgba(102,12,3,.46);min-width:150px;text-align:center;font:900 italic clamp(58px,11vw,122px)/.72 var(--condensed);letter-spacing:-2px;color:#ff4a20;-webkit-text-stroke:2px #2b0803;paint-order:stroke fill;text-shadow:0 6px 0 #5a0c04,0 0 38px #ff3918;animation:impact-points 2.3s cubic-bezier(.18,.8,.25,1) both}.impact-number.enemy{--impact-core:rgba(255,135,16,.75);--impact-mid:rgba(124,46,2,.42);color:#ffb52b;-webkit-text-stroke-color:#321900;text-shadow:0 6px 0 #6b3503,0 0 38px #ff7b18}.impact-number small{display:block;margin-top:20px;font:900 13px/1 var(--tech);letter-spacing:2px;color:#fff8eb;-webkit-text-stroke:.35px #15100b;text-shadow:0 3px 7px #000}.impact-number:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:clamp(230px,34vw,470px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,var(--impact-core) 0%,var(--impact-mid) 34%,rgba(0,0,0,.3) 52%,transparent 72%);filter:blur(3px)}
@keyframes impact-points{0%{opacity:0;transform:scale(2.2) rotate(-7deg);filter:blur(9px)}10%{opacity:1;transform:scale(.9) rotate(2deg);filter:none}18%{transform:scale(1.08) rotate(0)}82%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-45px) scale(.78)}}
.impact-number{position:relative}
.remove-card-hint{position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);padding:5px 8px;background:#100907e6;border:1px solid #d6532d;color:#ffb08d;font:800 8px var(--tech);letter-spacing:1px;white-space:nowrap;opacity:0;transition:opacity .18s,transform .18s}.player-slots .slot.covered:not(:disabled):hover .remove-card-hint,.player-slots .slot.covered:not(:disabled):focus-visible .remove-card-hint{opacity:1;transform:translateX(-50%) translateY(-3px)}.player-slots .slot.covered:not(:disabled){cursor:pointer}.player-slots .slot.covered:not(:disabled):hover{border-color:#e45a2d;box-shadow:inset 0 0 25px #5e160b}
@media(max-width:700px){.remove-card-hint{opacity:1;padding:3px 5px;font-size:7px}}
@media(max-width:700px){.mobile-pair-focus{position:fixed;z-index:70;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;pointer-events:none;opacity:0;background:radial-gradient(circle at center,rgba(91,24,10,.82) 0,rgba(5,4,3,.92) 58%,rgba(0,0,0,.97) 100%);backdrop-filter:blur(5px);transition:opacity .28s ease}.mobile-pair-focus.active{opacity:1}.mobile-focus-combatant{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:scale(.42);filter:blur(5px);transition:transform .34s cubic-bezier(.16,.85,.25,1),opacity .25s ease,filter .25s ease}.mobile-focus-combatant.player{order:1}.mobile-pair-versus{order:2}.mobile-focus-combatant.enemy{order:3}.mobile-pair-focus.active .mobile-focus-combatant{opacity:1;transform:scale(1);filter:none}.mobile-focus-combatant>span{color:#d5c7b8;font:800 9px var(--tech);letter-spacing:1.5px}.mobile-focus-combatant.enemy>span{color:#ff7955}.mobile-focus-combatant.player>span{color:#ffc55b}.mobile-focus-slot{flex:none;width:clamp(110px,32vw,150px);min-width:110px;aspect-ratio:2/3;box-shadow:0 0 35px #000}.mobile-pair-versus{align-self:center;color:#fff2dd;font:900 italic 17px var(--condensed);text-shadow:0 0 20px #ff471c;white-space:nowrap}.mobile-pair-focus.closing{opacity:0}.mobile-pair-focus.closing .mobile-focus-combatant{animation:none!important;opacity:0!important;transform:scale(.42)!important;filter:blur(4px)}}
@media(max-width:700px){.kaiju-dialog form:has(.special-modal-panel:not([hidden])){grid-template-columns:minmax(130px,42vw) 1fr}.special-modal-panel{padding:16px}.special-modal-panel h2{font-size:25px}.special-modal-panel strong{font-size:17px;margin-top:12px}}
.arena-panel.clashing{animation:arena-clash .7s ease;z-index:2}.slot.card-winner-player{z-index:8;animation:winner-player .7s cubic-bezier(.2,.8,.2,1)}.slot.card-winner-enemy{z-index:8;animation:winner-enemy .7s cubic-bezier(.2,.8,.2,1)}.slot.card-destroyed{z-index:6;animation:destroyed-card .72s ease}.slot.mutual-hit{z-index:7;animation:mutual-card .7s ease}.slot.blocked-clash{animation:blocked-card .65s ease}.slot.defeated{filter:grayscale(.8) brightness(.55);box-shadow:inset 0 0 32px #000}.slot.defeated:after{content:"DERROTADA";position:absolute;z-index:6;left:7px;right:7px;top:50%;transform:translateY(-50%) rotate(-8deg);padding:5px 2px;border:2px solid #d54125;background:#160604d9;color:#ff7956;font:900 11px var(--condensed);letter-spacing:1px;text-align:center}
.clash-burst{position:absolute;z-index:12;left:50%;top:50%;width:1px;height:1px;pointer-events:none}.clash-burst i{--angle:0deg;--distance:70px;position:absolute;left:-3px;top:-3px;width:7px;height:20px;background:linear-gradient(#fff,#ff5a1e,transparent);box-shadow:0 0 10px #ff3d12;transform-origin:50% 50%;animation:burst-particle .7s ease-out both}.clash-burst.blocked i{background:linear-gradient(#fff,#71c9ff,transparent);box-shadow:0 0 10px #41aeea}
.reflection-clash{z-index:9;animation:reflect-card .78s ease;box-shadow:0 0 42px #d9f4ff,inset 0 0 38px #4fa7d8}.clash-burst.reflect i{background:linear-gradient(#fff,#7ddcff,#ff4b20,transparent);box-shadow:0 0 13px #b7eeff}@keyframes reflect-card{0%,100%{transform:none}24%{transform:scale(1.1);filter:brightness(2.7);box-shadow:0 0 58px #d9f4ff,inset 0 0 45px #72c9f0}48%{transform:scale(.96) rotateY(12deg);filter:brightness(1.5)}68%{transform:scale(1.06);box-shadow:0 0 60px #ff5128,inset 0 0 35px #a82713}}
@keyframes winner-player{0%,100%{transform:none}38%{transform:translateY(-42px) scale(1.13) rotate(-2deg);filter:brightness(2.2);box-shadow:0 -18px 40px #ff6a1f}60%{transform:translateY(-20px) scale(1.06)}}
@keyframes winner-enemy{0%,100%{transform:none}38%{transform:translateY(42px) scale(1.13) rotate(2deg);filter:brightness(2.2);box-shadow:0 18px 40px #ef3f1d}60%{transform:translateY(20px) scale(1.06)}}
@keyframes destroyed-card{0%,100%{transform:none}18%{transform:translateX(-9px) rotate(-3deg);filter:brightness(3)}32%{transform:translateX(10px) rotate(4deg)}48%{transform:translateX(-7px) scale(.94);filter:saturate(2) brightness(1.8)}72%{transform:scale(.82) rotate(-4deg);filter:grayscale(1) brightness(.45)}}
@keyframes mutual-card{0%,100%{transform:none}30%{transform:scale(1.12);filter:brightness(2.8)}55%{transform:scale(.9);filter:saturate(2)}}
@keyframes blocked-card{0%,100%{transform:none}35%{transform:scale(1.04);filter:brightness(2);box-shadow:inset 0 0 35px #4bb8ff,0 0 22px #368bc0}}
@keyframes burst-particle{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scaleY(.4)}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scaleY(1.5)}}
@keyframes arena-clash{0%,100%{filter:none}22%{filter:brightness(1.6) contrast(1.15);box-shadow:0 0 85px #d83d17,inset 0 0 100px #7b190c}45%{transform:translateX(-3px)}55%{transform:translateX(3px)}}
.special-choice-grid{grid-template-columns:repeat(3,minmax(150px,225px))}
.impact-number.recovery{--impact-core:rgba(22,210,132,.72);--impact-mid:rgba(4,91,56,.42);color:#57f2ad;text-shadow:0 5px 0 #075337,0 0 38px #1cf39a}
.impact-number.charge{--impact-core:rgba(255,190,12,.72);--impact-mid:rgba(112,67,0,.42);color:#ffd34d;text-shadow:0 5px 0 #6b4800,0 0 38px #ffb000}
.impact-number.clash-status{min-width:min(420px,78vw);-webkit-text-stroke:0;text-shadow:none}.impact-number.clash-status strong{display:block;font:900 italic clamp(42px,8vw,82px)/.82 var(--condensed);letter-spacing:-1px}.impact-number.clash-status small{margin-top:17px;font-size:clamp(9px,1.4vw,13px);letter-spacing:1.5px}.impact-number.tie{--impact-core:rgba(45,145,255,.72);--impact-mid:rgba(9,57,117,.45);color:#9bd8ff;text-shadow:0 5px 0 #123d68,0 0 38px #3eb3ff}.impact-number.cancelled{--impact-core:rgba(187,75,255,.72);--impact-mid:rgba(72,17,111,.46);color:#e6b5ff;text-shadow:0 5px 0 #481261,0 0 38px #c858ff}
.impact-number.blocked{--impact-core:rgba(36,151,213,.74);--impact-mid:rgba(7,63,105,.46);color:#b9eaff;text-shadow:0 5px 0 #164d71,0 0 38px #38bfff}
.impact-number.special-activation{--impact-core:rgba(255,161,24,.78);--impact-mid:rgba(118,49,2,.46);min-width:min(520px,80vw);color:#fff1cf;-webkit-text-stroke-color:#351500;text-shadow:0 5px 0 #723100,0 0 42px #ff8a19}.impact-number.special-activation.enemy{--impact-core:rgba(230,48,22,.8);--impact-mid:rgba(103,8,3,.48);color:#ffd8c8;text-shadow:0 5px 0 #671208,0 0 42px #ff3419}.special-activation strong{display:block;max-width:min(620px,82vw);margin-inline:auto;font:900 italic clamp(42px,8vw,88px)/.82 var(--condensed);letter-spacing:-1px}.special-activation small{margin-top:18px;color:#fff;font-size:clamp(11px,1.5vw,16px);letter-spacing:4px}
.special-cinematic{position:fixed;z-index:80;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(circle at center,rgba(81,18,7,.54),rgba(4,3,2,.92) 70%);opacity:0;transition:opacity .25s ease}.special-cinematic.active{opacity:1}.special-cinematic.recovery{background:radial-gradient(circle at center,rgba(13,124,77,.5),rgba(3,12,8,.93) 70%)}.special-cinematic .cinematic-title{position:absolute;z-index:3;top:clamp(34px,10vh,105px);left:20px;right:20px;text-align:center;color:#fff1d7;font:900 italic clamp(32px,7vw,76px)/.86 var(--condensed);letter-spacing:-1px;text-shadow:0 5px 0 #681a0b,0 0 35px #fa5a1d}.special-cinematic.recovery .cinematic-title{text-shadow:0 5px 0 #075538,0 0 35px #2cf0a0}.special-cinematic .cinematic-subtitle{position:absolute;z-index:3;top:calc(clamp(34px,10vh,105px) + clamp(42px,8vw,80px));left:20px;right:20px;color:#f7d3aa;font:800 clamp(9px,1.5vw,14px) var(--tech);letter-spacing:2px;text-align:center}.cinematic-kaiju{position:relative;z-index:2;width:min(290px,48vw);aspect-ratio:2/3;opacity:0;transform:scale(.35);filter:blur(12px) brightness(.5);transition:transform .55s cubic-bezier(.14,.88,.2,1),opacity .28s ease,filter .35s ease}.special-cinematic.active .cinematic-kaiju{opacity:1;transform:scale(1);filter:none}.cinematic-kaiju img{display:block;width:100%;height:100%;object-fit:cover;border:2px solid #f1783c;box-shadow:0 0 28px #e53c16,0 30px 80px #000}.special-cinematic.recovery .cinematic-kaiju img{border-color:#5bf2b2;box-shadow:0 0 32px #2ae99d,0 30px 80px #000}.cinematic-effect{position:absolute;z-index:1;left:50%;top:50%;width:min(460px,82vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #ff6a28;box-shadow:0 0 55px #f13b17,inset 0 0 55px #f13b17;opacity:0}.special-cinematic.active .cinematic-effect{animation:special-effect-burst 1.85s ease-out both}.special-cinematic.drain .cinematic-effect{border-color:#a46cff;box-shadow:0 0 55px #8f48ff,inset 0 0 55px #8f48ff}.special-cinematic.recovery .cinematic-effect{border-color:#4dffb1;box-shadow:0 0 55px #1fe090,inset 0 0 55px #1fe090}@keyframes special-effect-burst{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.25)}30%{opacity:1;transform:translate(-50%,-50%) scale(.72)}68%{opacity:.78;transform:translate(-50%,-50%) scale(1.32)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}

.tutorial-open-button{display:flex;align-items:center;justify-content:center;gap:10px;width:min(390px,100%);margin:16px auto 0;padding:10px 16px;border:1px solid #67442f;background:linear-gradient(110deg,#160f0b,#2d140c,#160f0b);color:#f0dfcb;cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.tutorial-open-button:hover,.tutorial-open-button:focus-visible{border-color:var(--orange);box-shadow:0 0 25px #d1431b38;outline:none}.tutorial-open-button>span{color:var(--orange);font:900 20px var(--condensed)}.tutorial-open-button>b,.tutorial-open-button>small{display:block}.tutorial-open-button>b{font:900 13px var(--condensed);letter-spacing:.7px}.tutorial-open-button>small{color:#9f9285;font:600 7px var(--tech)}
.tutorial-dialog{width:min(760px,calc(100vw - 24px));max-width:none}.tutorial-dialog::backdrop{background:radial-gradient(circle at 50% 35%,#43170edb 0,#050403f5 68%);backdrop-filter:blur(8px)}.tutorial-card{width:100%;text-align:center;border-color:#784a32;background:radial-gradient(circle at 50% 0,#35170f 0,#160f0b 42%,#080706 100%);box-shadow:0 30px 100px #000,0 0 70px #b6311533}.tutorial-card h2{margin:8px 0 13px;color:#f5eadb;font:900 italic clamp(37px,7vw,62px)/.88 var(--condensed);text-shadow:0 5px 0 #541307}.tutorial-card>p{max-width:610px;margin:0 auto 18px;color:#b6a99b;font:600 10px/1.55 var(--tech)}.tutorial-feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.tutorial-feature-list span{padding:12px 8px;border:1px solid #45372e;background:#0f0c09;color:#b9ada0;font:700 8px var(--tech);letter-spacing:.5px}.tutorial-feature-list b{display:block;margin-bottom:4px;color:var(--orange);font:900 15px var(--condensed)}.tutorial-preview-cards{display:flex;justify-content:center;align-items:center;gap:clamp(7px,2vw,16px);margin:18px auto}.tutorial-preview-cards figure{width:min(128px,24vw);margin:0}.tutorial-preview-cards img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #70513e;box-shadow:0 12px 28px #000}.tutorial-preview-cards figcaption{margin-top:6px;color:#d5c8bb;font:800 9px var(--condensed);letter-spacing:.5px}.tutorial-rules{display:grid;gap:7px;max-width:590px;margin:18px auto;padding:0;list-style:none;text-align:left}.tutorial-rules li{position:relative;padding:10px 12px 10px 31px;border-left:2px solid var(--orange);background:#100d0a;color:#b7aa9d;font:600 9px/1.4 var(--tech)}.tutorial-rules li:before{content:"✓";position:absolute;left:11px;color:var(--orange);font-weight:900}.tutorial-continue{width:min(330px,100%);margin-top:10px}.tutorial-power-card{width:min(900px,100%)}.tutorial-power-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.tutorial-power-grid article{padding:14px;border:1px solid #47352b;background:#0d0a08}.tutorial-power-grid article>span{display:block;margin-bottom:10px;color:#998b7f;font:700 8px var(--tech);letter-spacing:1.5px}.tutorial-power-grid img{display:block;width:min(210px,100%);aspect-ratio:2/3;margin:auto;object-fit:cover;border:1px solid #6d4b37;box-shadow:0 16px 35px #000}.tutorial-power-grid h3{margin:12px 0 5px;color:var(--orange);font:900 22px var(--condensed);letter-spacing:.4px}.tutorial-power-grid p{margin:0;color:#b8ab9e;font:600 9px/1.45 var(--tech)}.tutorial-complete-card h2{color:#ffd49d}.tutorial-mode main{filter:none}
#tutorialGuideDialog{width:min(1040px,calc(100vw - 28px))}
#tutorialGuideDialog .tutorial-card{max-height:92vh;overflow:auto;padding:clamp(28px,4vw,46px)}
#tutorialGuideDialog .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #5f3d2d;background:#120c09;color:#d7b499;font-size:11px;letter-spacing:2.5px}
#tutorialGuideDialog .tutorial-card h2{margin:18px 0 16px;font-size:clamp(48px,7vw,78px)}
#tutorialGuideDialog .tutorial-card>p{max-width:850px;margin-bottom:26px;padding:15px clamp(15px,3vw,28px);border-block:1px solid #4f3428;background:linear-gradient(90deg,transparent,#2b160f 12%,#2b160f 88%,transparent);color:#efe0d0;font:700 clamp(15px,1.7vw,19px)/1.55 var(--tech)}
#tutorialGuideDialog .tutorial-preview-cards{gap:clamp(14px,3vw,30px);margin:22px auto 30px}
#tutorialGuideDialog .tutorial-preview-cards figure{width:min(158px,25vw)}
#tutorialGuideDialog .tutorial-preview-cards img{border-color:#a65a35;box-shadow:0 18px 38px #000,0 0 22px #8d250c33}
#tutorialGuideDialog .tutorial-preview-cards figcaption{margin-top:10px;color:#f4e9db;font-size:15px;letter-spacing:1px}
#tutorialGuideDialog .tutorial-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:880px;margin:24px auto 28px;counter-reset:tutorial-rule}
#tutorialGuideDialog .tutorial-rules li{display:flex;align-items:center;min-height:76px;padding:16px 18px 16px 66px;border:1px solid #4e3529;border-left:4px solid var(--orange);background:linear-gradient(110deg,#21110c,#0e0b09 68%);color:#f1e4d5;font:700 clamp(14px,1.45vw,17px)/1.4 var(--tech);box-shadow:inset 0 0 28px #0008}
#tutorialGuideDialog .tutorial-rules li:before{counter-increment:tutorial-rule;content:counter(tutorial-rule);display:grid;place-items:center;left:16px;top:50%;width:34px;height:34px;transform:translateY(-50%);border:1px solid #f06a2c;border-radius:50%;background:#35150c;color:#ff9b5d;font:900 18px/1 var(--condensed);box-shadow:0 0 17px #dc3e1738}
#tutorialGuideDialog .tutorial-continue{width:min(440px,100%);padding-block:16px;font-size:14px}
@media(max-width:700px){.tutorial-dialog{width:calc(100vw - 16px)}.tutorial-card{padding:23px 15px}.tutorial-card h2{font-size:37px}.tutorial-feature-list{gap:5px}.tutorial-feature-list span{padding:9px 4px;font-size:6px}.tutorial-preview-cards{gap:6px}.tutorial-preview-cards figure{width:min(104px,27vw)}.tutorial-power-grid{grid-template-columns:1fr 1fr;gap:7px}.tutorial-power-grid article{padding:8px}.tutorial-power-grid h3{font-size:15px}.tutorial-power-grid p{font-size:7px}.tutorial-open-button{align-items:flex-start}.tutorial-open-button>small{max-width:175px;text-align:left}}
@media(max-width:700px){#tutorialGuideDialog{width:calc(100vw - 12px)}#tutorialGuideDialog .tutorial-card{padding:22px 12px}#tutorialGuideDialog .eyebrow{padding:6px 9px;font-size:8px;letter-spacing:1.5px}#tutorialGuideDialog .tutorial-card h2{margin:14px 0 13px;font-size:clamp(34px,11vw,48px)}#tutorialGuideDialog .tutorial-card>p{margin-bottom:18px;padding:12px 7px;font-size:13px;line-height:1.5}#tutorialGuideDialog .tutorial-preview-cards{gap:7px;margin:16px auto 22px}#tutorialGuideDialog .tutorial-preview-cards figure{width:min(108px,29vw)}#tutorialGuideDialog .tutorial-preview-cards figcaption{margin-top:7px;font-size:12px}#tutorialGuideDialog .tutorial-rules{grid-template-columns:1fr;gap:8px;margin:18px auto 22px}#tutorialGuideDialog .tutorial-rules li{min-height:61px;padding:12px 12px 12px 54px;font-size:13px}#tutorialGuideDialog .tutorial-rules li:before{left:12px;width:29px;height:29px;font-size:15px}#tutorialGuideDialog .tutorial-continue{padding-block:14px;font-size:12px}}
@media(max-width:700px){.special-choice-grid{grid-template-columns:repeat(3,minmax(90px,1fr));gap:7px}}
@media(max-width:700px){.movement-card-info{width:24px;height:24px;font-size:15px}}
.slot.absorption-clash{z-index:9;animation:absorb-card .75s ease;box-shadow:0 0 36px #20e99a,inset 0 0 34px #0f7655}.clash-burst.absorb i{background:linear-gradient(#fff,#43ffc2,transparent);box-shadow:0 0 12px #20e99a}@keyframes absorb-card{0%,100%{transform:none}30%{transform:scale(1.12);filter:brightness(2);box-shadow:0 0 55px #27f0a5,inset 0 0 45px #15a777}58%{transform:scale(.94);filter:hue-rotate(12deg)}}
.combat-log{transform:none;transition:max-height .3s ease,box-shadow .3s ease;max-height:45vh}.combat-log:not(.open){max-height:44px;overflow:hidden}.combat-log:not(.open) #logContent{display:none}.combat-log.open{transform:none;box-shadow:0 15px 50px #000,0 0 22px #6c1b0b}.log-head{width:100%;border:0;color:inherit;cursor:pointer;text-align:left;align-items:center}.log-head span{display:flex;align-items:center;gap:8px}.log-head b{min-width:20px;padding:2px 6px;border:1px solid #874020;background:#291009;color:#ff8b54;font:800 10px var(--tech);text-align:center}.log-head i{margin-left:auto;color:#d9764a;font:normal 17px var(--tech);transition:transform .25s}.combat-log.open .log-head i{transform:rotate(180deg)}.combat-log.unread .log-head{box-shadow:inset 3px 0 0 var(--orange)}
#cpuStatus.programming{color:#ef613b}
@keyframes deploy-card{0%{opacity:0;transform:translateY(-24px) rotate(-7deg) scale(.82)}65%{opacity:1;transform:translateY(3px) rotate(2deg) scale(1.06)}100%{transform:none}}
@keyframes cpu-place{0%{opacity:.15;transform:translateY(-24px) scale(.88)}70%{opacity:1;transform:translateY(3px) scale(1.04)}100%{transform:none}}
.arcade-transition-card>p{margin-bottom:13px}.arcade-difficulty{display:inline-block;padding:7px 14px;border:1px solid #a94a27;background:#35140c;color:#ffb06f;font:900 11px var(--tech);letter-spacing:1.7px;box-shadow:0 0 18px #d7401738}.arcade-progress{margin-top:16px}
@media(max-width:700px){.arcade-difficulty{padding:6px 9px;font-size:8px;letter-spacing:1px}}
@media(max-width:700px){.setup-overlay{padding:22px 12px}.setup-progress{gap:7px;margin-bottom:28px}.setup-progress i{width:18px}.kaiju-choice-grid{grid-template-columns:repeat(2,minmax(120px,1fr));gap:9px}.special-choice-grid{grid-template-columns:repeat(3,minmax(90px,1fr));gap:7px}.setup-choice b{font-size:17px}.setup-choice small{display:none}.fighter-id{display:flex;justify-content:space-between}.fighter{grid-template-columns:1fr}.fighter-cards{order:2}.fighter-id>div:last-child{text-align:left}.kaiju-mini,.special-board-slot{width:52px;height:78px}.arena-head{flex-wrap:wrap}.special-button{margin-left:auto}}
@media(max-width:700px){.mode-choice-grid{grid-template-columns:1fr;gap:12px;margin-top:22px}.mode-choice{grid-template-columns:minmax(105px,42%) 1fr;grid-template-rows:auto;min-height:0;padding:12px 14px;text-align:left}.mode-choice img{max-width:220px}.mode-choice>span:not(.arcade-mode-art){padding:6px 0 6px 12px;border-top:0;border-left:1px solid #4b382e}.mode-choice b{font-size:20px}.mode-choice small{font-size:7px}.mode-choice .arcade-mode-art{min-height:90px;padding:8px 2px;text-align:center}.mode-choice .arcade-mode-art strong{font-size:39px}.mode-choice .arcade-mode-art small{font-size:6px}.mode-choice .arcade-mode-art i{margin-top:6px;font-size:9px}.mode-choice:hover,.mode-choice:focus-visible{transform:translateY(-3px)}.gallery-open-button{width:min(82%,290px);padding:8px 12px;font-size:8px}.gallery-card{padding:22px 12px}.gallery-filters{top:-22px;margin-inline:-3px;padding-inline:3px}.gallery-filters button{flex:1 1 auto;padding:7px 8px;font-size:7px}.card-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gallery-card-item span{min-height:35px;padding:7px 4px;font-size:8px}}

/* Privacidad y accesos legales */
.menu-privacy-link,.privacy-link{display:block;color:#c8b9a8;font:800 8px var(--tech);letter-spacing:1px;text-decoration:none}.menu-privacy-link{margin-top:10px;padding:10px;border:1px solid #47382e;background:#120d0a;text-align:center}.menu-privacy-link:hover,.menu-privacy-link:focus-visible,.privacy-link:hover,.privacy-link:focus-visible{color:#ffd19e;border-color:var(--orange);outline:none}.privacy-link{width:max-content;margin:11px auto 0;color:#a99b8e;border-bottom:1px solid #5c4332;padding-bottom:3px}.privacy-page{min-height:100vh;padding:clamp(26px,6vw,70px) 18px;background:radial-gradient(circle at 50% 0,#48190f 0,#140c09 43%,#050403 100%)}.privacy-shell{position:relative;z-index:1;width:min(840px,100%);margin:auto}.privacy-brand{display:block;width:150px;margin:0 auto 24px}.privacy-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 12px #000)}.privacy-card{padding:clamp(26px,5vw,54px);border:1px solid #70432e;background:linear-gradient(145deg,#24130e,#0b0806 65%);box-shadow:0 28px 90px #000,inset 0 0 55px #4c130820;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.privacy-card h1{margin:10px 0 22px;color:#f4e8d8;font:900 italic clamp(50px,9vw,88px)/.78 var(--condensed);letter-spacing:-1px}.privacy-card h1 em{color:var(--red);font-style:normal}.privacy-lead{max-width:630px;margin:0 0 28px;color:#f2dfca;font:700 clamp(14px,2vw,18px)/1.55 var(--tech)}.privacy-card section{margin-top:14px;padding:17px 18px;border-left:3px solid var(--orange);background:#100c09c9}.privacy-card h2{margin:0 0 7px;color:#ffb175;font:900 20px var(--condensed);letter-spacing:.8px}.privacy-card section p{margin:0;color:#c4b6a6;font:600 11px/1.65 var(--tech)}.privacy-card section a{color:#ffd08f}.privacy-updated{margin:24px 0 16px;color:#8e8173;font:700 8px var(--tech);letter-spacing:1px}.privacy-return{display:inline-block;text-decoration:none}@media(max-width:700px){.privacy-page{padding:25px 12px}.privacy-brand{width:120px;margin-bottom:18px}.privacy-card{padding:28px 18px}.privacy-card h1{font-size:clamp(45px,15vw,64px)}.privacy-card section{padding:14px}.privacy-card section p{font-size:10px}}

/* Eliminación y relevo de rival en modo Arcade */
.arcade-defeat-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at center,#53150ad9 0,#130906ef 48%,#020202fb 100%);overflow:hidden}.arcade-defeat-overlay[hidden]{display:none}.arcade-defeat-card{position:relative;width:min(280px,58vw);text-align:center}.arcade-defeat-card figure{position:relative;margin:15px 0 10px}.arcade-defeat-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:2px solid #d57a40;box-shadow:0 24px 70px #000,0 0 35px #d53817}.arcade-defeat-card strong{display:block;color:#f7eadb;font:900 clamp(30px,6vw,46px)/.9 var(--condensed);letter-spacing:1px}.arcade-defeat-strike{position:absolute;z-index:2;top:50%;left:-10%;width:120%;height:15px;opacity:0;background:#f5eee4;box-shadow:0 0 18px #fff;transform:rotate(-38deg) scaleX(.15);transform-origin:center}.arcade-defeat-overlay.is-defeated .arcade-defeat-card{animation:arcade-rival-defeated 1.75s cubic-bezier(.2,.75,.2,1) both}.arcade-defeat-overlay.is-defeated .arcade-defeat-strike{animation:arcade-rival-strike 1.75s ease both}.arcade-defeat-overlay.is-next .arcade-defeat-card{animation:arcade-next-rival 1.05s cubic-bezier(.16,.82,.25,1) both}.arcade-defeat-transitioning main,.arcade-defeat-transitioning .floating-menu,.arcade-defeat-transitioning .hand-panel{filter:brightness(.22) blur(3px)}@keyframes arcade-rival-defeated{0%{transform:scale(.72);opacity:0;filter:none}22%{transform:scale(1.04);opacity:1}48%{transform:scale(1.24);filter:grayscale(1) contrast(1.5) brightness(2.7)}100%{transform:scale(1.65) translateY(-18px) rotate(7deg);opacity:0;filter:grayscale(1) contrast(1.6) brightness(2.5)}}@keyframes arcade-rival-strike{0%,34%{opacity:0;transform:rotate(-38deg) scaleX(.1)}46%,62%{opacity:1;transform:rotate(-38deg) scaleX(1.12)}100%{opacity:0;transform:rotate(-38deg) scaleX(1.3)}}@keyframes arcade-next-rival{0%{opacity:0;transform:translateX(120px) scale(.72);filter:brightness(2.5)}62%{opacity:1;transform:translateX(-7px) scale(1.06)}100%{transform:none;filter:none}}@media(max-width:700px){.arcade-defeat-card{width:min(248px,70vw)}.arcade-defeat-card strong{font-size:31px}}