/* Tela de vitória, derrota e empate (resultado.js, 04/10/2026). Copyright (c) Eclipse. Todos os direitos reservados.
   Mesma identidade do menu: Grenze Gotisch nos títulos, Alegreya Sans no texto, noite, ouro e carmim. */
dialog#result.cine{--rs-accent:#e8c98b;--rs-ink:#f1e6cc;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(18px,4vw,64px);
 border:0;border-radius:0;background:#050307;color:var(--rs-ink);overflow:hidden auto;text-align:left;isolation:isolate;
 display:grid;grid-template-columns:minmax(200px,min(34vw,52vh)) minmax(300px,560px);grid-auto-rows:min-content;column-gap:clamp(24px,6vw,96px);row-gap:10px;justify-content:center;align-content:center;
 font-family:'Alegreya Sans',system-ui,sans-serif;perspective:1200px}
dialog#result.cine.rs-lose{--rs-accent:#ff8fa3}
dialog#result.cine.rs-draw{--rs-accent:#8fe7fa}
dialog#result.cine::backdrop{background:#000}
dialog#result.cine > :not(.rsFx):not(.rsCard){grid-column:2;position:relative;z-index:1}
dialog#result.cine .rsFx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
/* Carta decisiva em moldura de ouro. */
dialog#result.cine .rsCard{grid-column:1;grid-row:1 / span 12;align-self:center;margin:0;position:relative;z-index:1;transform-style:preserve-3d}
.rsCardFrame{position:relative;aspect-ratio:2/3;border-radius:14px;padding:10px;overflow:hidden;
 background:linear-gradient(145deg,#fff1c4,#c9953f 22%,#6b4416 48%,#e8c98b 72%,#7a4f1c);
 box-shadow:0 0 0 1px #00000080,0 30px 60px #000c,0 0 80px color-mix(in srgb,var(--rs-accent) 45%,transparent)}
.rs-lose .rsCardArt{filter:grayscale(.55) sepia(.35) hue-rotate(-25deg) saturate(1.5) brightness(.78)}
.rs-lose .rsCardFrame{background:linear-gradient(145deg,#ffd0d8,#a8243c 22%,#3a0814 48%,#e06078 72%,#4a0a18)}
.rs-draw .rsCardFrame{background:linear-gradient(145deg,#f2fdff,#6fb8d0 22%,#173846 48%,#bfefff 72%,#1d4a5c)}
.rsCardArt{position:absolute;inset:10px;border-radius:8px;background:#120d18 center 22%/cover;box-shadow:inset 0 0 0 2px #00000099,inset 0 -60px 60px -20px #000c}
.rsCardFrame::after{content:'';position:absolute;inset:10px;border-radius:8px;border:1px solid #fff6dc55;pointer-events:none}
.rsShine{position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 40%,#ffffff88 50%,transparent 60%);mix-blend-mode:overlay;pointer-events:none}
.rsCard figcaption{text-align:center;margin-top:14px;text-shadow:0 2px 6px #000}
.rsCard figcaption small{display:block;font:700 12px/1.4 'Alegreya Sans',sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--rs-accent)}
.rsCard figcaption b{display:block;font:700 clamp(20px,2vw,30px)/1.15 'Grenze Gotisch',Georgia,serif;color:#fff6dc}
.rsCard figcaption span{display:block;margin-top:2px;font-size:15px;color:#d8c8b0}
/* Título em letras góticas (canvas). O h2 original fica só para leitores de tela. */
dialog#result.cine #resultTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
dialog#result.cine .rsTitle{display:flex;align-items:flex-end;margin:4px 0 2px -.04em;line-height:0}
dialog#result.cine .rsTitle canvas{display:block;will-change:transform;flex:none}
dialog#result.cine .rsTitle span.rsL{font:900 clamp(56px,8vw,120px)/1 'Grenze Gotisch',Georgia,serif;color:var(--rs-accent)}
dialog#result.cine #resultLabel{font:700 13px/1 'Alegreya Sans',sans-serif;letter-spacing:.45em;color:var(--rs-accent);text-transform:uppercase}
dialog#result.cine #resultTagline{font:italic 500 clamp(22px,2.4vw,34px)/1.2 'Grenze Gotisch',Georgia,serif;color:#fff6dc;text-shadow:0 2px 10px #000;margin:0}
dialog#result.cine #resultText{font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:#d6c9da;max-width:46ch;margin:2px 0 8px}
/* Medalhões. */
dialog#result.cine #resultStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0}
dialog#result.cine #resultStats > div{position:relative;padding:16px 10px 12px;text-align:center;border-radius:12px;
 background:linear-gradient(180deg,#1c1424e6,#0d0a12e6);border:1px solid color-mix(in srgb,var(--rs-accent) 40%,transparent);box-shadow:inset 0 1px 0 #ffffff12,0 10px 26px #000a}
dialog#result.cine #resultStats > div::before{content:'';position:absolute;left:50%;top:-6px;width:10px;height:10px;translate:-50% 0;rotate:45deg;background:var(--rs-accent);box-shadow:0 0 10px var(--rs-accent)}
dialog#result.cine #resultStats b{display:block;font:700 clamp(26px,2.6vw,38px)/1 'Grenze Gotisch',Georgia,serif;color:#fff6dc;text-shadow:0 0 18px color-mix(in srgb,var(--rs-accent) 60%,transparent)}
dialog#result.cine #resultStats small{display:block;margin-top:6px;font-size:11px;letter-spacing:.22em;color:#bfb0c8}
/* Botões: o principal em ouro chapado, o outro em fio, como no menu. */
dialog#result.cine .dialogActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;justify-content:flex-start}
dialog#result.cine .dialogActions button{font:700 17px/1 'Alegreya Sans',sans-serif;letter-spacing:.06em;padding:15px 24px;border-radius:4px;background:#0d0a12cc;border:1px solid color-mix(in srgb,var(--rs-accent) 55%,transparent);color:#f1e6cc}
dialog#result.cine .dialogActions button.primary{background:var(--rs-accent);color:#1a0f08;border-color:transparent;box-shadow:0 0 30px color-mix(in srgb,var(--rs-accent) 45%,transparent)}
dialog#result.cine .dialogActions button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}
dialog#result.cine #resultGold{margin:4px 0}
/* Celular e janelas estreitas: tudo em uma coluna, carta menor no alto. */
@media (max-width:760px){
 dialog#result.cine{grid-template-columns:minmax(0,1fr);align-content:start;text-align:center;padding:18px 16px 28px}
 dialog#result.cine > :not(.rsFx):not(.rsCard){grid-column:1}
 dialog#result.cine .rsCard{grid-row:auto;width:min(46vw,200px);justify-self:center;margin-top:8vh}
 dialog#result.cine .rsTitle{justify-content:center}
 dialog#result.cine #resultText{margin-inline:auto}
 dialog#result.cine .dialogActions{justify-content:center}
 dialog#result.cine #resultStats{gap:8px}
}
/* perfil.css posiciona todo diálogo aberto da partida (sobe 8vh e limita a altura) com um seletor mais forte;
   a tela de resultado é tela cheia, então a geometria dela vence aqui. */
dialog#result.cine[open]{inset:0!important;margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;zoom:1!important}

/* Carta decisiva = a mesma carta do combate (Leo, 04/10/2026), sem a moldura de ouro antiga; o brilho e o balanço 3D vêm de tilt.js/tilt.css. */
.rsCardFrame{aspect-ratio:5/7;padding:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.rsCardFrame::after{display:none}
.rsCardFrame .rsHand{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;gap:0}
.rsCardFrame .rsHand .card.duel{width:100%!important;height:100%!important;margin:0;cursor:default}
.rsCardFrame .rsShine{display:none}
dialog#result.cine .rsCard{width:min(30vw,300px)}
.rsCardFrame{aspect-ratio:5/7}