/* Guitix TCG UI V3 — local staging. Presentation only; never affects ownership or points. */
.ggx-tcg-v3{--ggx-family-accent:#efc47e;--ggx-family-glow:#f9ddad;position:relative;background:radial-gradient(circle at 80% 0%,#30606a 0,transparent 38%),linear-gradient(155deg,#0e2337 0%,#16343d 49%,#102535 100%);padding:clamp(15px,2.5vw,29px)!important;border:2px solid #a78b5b;box-shadow:inset 0 0 0 1px #fff2bb24,0 9px 22px #11253625;isolation:isolate;overflow:hidden}
.ggx-tcg-v3::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 87% 4%,transparent 0 35px,#fbeab50b 37px 39px,transparent 42px 75px);z-index:-1}
.ggx-tcg-v3 .ggx-heading{max-width:850px}
.ggx-tcg-v3 .ggx-heading h3{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.045em;margin:8px 0 10px}
.ggx-tcg-v3 .ggx-heading p{font-size:15px;max-width:700px;line-height:1.6}
.ggx-tcg-v3 .ggx-demo{background:#fff2d9;color:#6e4d1b;border-color:#f4cb7e;font-size:10px;line-height:1.5;padding:9px 13px}
.ggx-tcg-v3 .ggx-summary{background:linear-gradient(125deg,#1b3948,#234d4c);border:1px solid #8aa7a1;box-shadow:inset 0 1px #ffffff18;padding:15px 17px}
.ggx-tcg-v3 .ggx-number{font-size:37px}
.ggx-tcg-v3 .ggx-tabs{margin-top:8px}
.ggx-tcg-v3 .ggx-tab,.ggx-tcg-v3 .ggx-state{min-height:44px;padding:10px 12px;font-size:12px;border-color:#648d96;background:#1a4555}
.ggx-tcg-v3 .ggx-tab.active,.ggx-tcg-v3 .ggx-state.active{background:#fbd88f;color:#362d22}
.ggx-tcg-v3 .ggx-lower{margin-top:16px}
.ggx-tcg-v3 .ggx-visible{font-size:12px;color:#f5deaf}
.ggx-tcg-v3 .ggx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,1.9vw,22px);align-items:start}
.ggx-tcg-v3 .ggx-tcg-card{--ggx-family-accent:#b8d2dd;--ggx-family-glow:#acdee5;--ggx-family-bg:#1b5065;position:relative;isolation:isolate;display:flex;flex-direction:column;aspect-ratio:5/8;min-width:0;min-height:0;border:3px solid var(--ggx-family-accent);border-radius:17px;color:#fff7e6;text-align:left;background:linear-gradient(155deg,var(--ggx-family-bg),#102938 78%);padding:6px;overflow:hidden;box-shadow:0 5px 0 #071822a0,0 11px 21px #0004,inset 0 0 0 1px #ffffff38;transform:perspective(850px) rotateX(var(--ggx-tilt-x,0deg)) rotateY(var(--ggx-tilt-y,0deg)) translateY(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Cordilhos"]{--ggx-family-accent:#efd18c;--ggx-family-glow:#f8dd9b;--ggx-family-bg:#3e5a4b}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Ritmix"]{--ggx-family-accent:#79d8e9;--ggx-family-glow:#7de4fb;--ggx-family-bg:#214a68}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Notix"]{--ggx-family-accent:#cdb8fa;--ggx-family-glow:#dfc3ff;--ggx-family-bg:#554a78}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Tecnix"]{--ggx-family-accent:#f69d80;--ggx-family-glow:#ffc293;--ggx-family-bg:#65433e}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Lendários"]{--ggx-family-accent:#e7b96b;--ggx-family-glow:#f8d98e;--ggx-family-bg:#3c314b}
.ggx-tcg-v3 .ggx-tcg-card.guardian{box-shadow:0 5px 0 #061a22a8,0 0 0 1px #f8d88b,0 0 22px #f6d18747}
.ggx-tcg-v3 .ggx-tcg-card::before{content:"";position:absolute;inset:4px;z-index:4;border:1px solid #fff3cc4d;border-radius:11px;pointer-events:none}
.ggx-tcg-v3 .ggx-tcg-card::after{content:"";position:absolute;z-index:5;top:-50%;left:-120%;width:50%;height:180%;pointer-events:none;background:linear-gradient(95deg,transparent,#ffffff04,#ffffff40,#ffffff0b,transparent);transform:rotate(16deg) translateX(0);opacity:0}
.ggx-tcg-v3 .ggx-tcg-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px 6px;min-height:29px;position:relative;z-index:2;color:#ffedbb;font-weight:950;font-size:12px;line-height:1.2}
.ggx-tcg-v3 .ggx-tcg-top small{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8f5ec;font-size:11px;font-weight:900}
.ggx-tcg-v3 .ggx-image.ggx-tcg-art{position:relative;display:grid;place-items:center;flex:1 1 auto;min-height:0;aspect-ratio:auto;margin:0 3px;padding:1px;background:radial-gradient(ellipse at 50% 60%,var(--ggx-family-glow) 0%,#243e4777 58%,#071b2cb0 100%);border:2px solid #ecd4a27f;border-radius:10px;overflow:hidden}
.ggx-tcg-v3 .ggx-tcg-art::before{content:"✧";position:absolute;right:8px;top:1px;font-size:25px;color:#ffefc484;pointer-events:none}
.ggx-tcg-v3 .ggx-tcg-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 7px #07162276);transform:scale(1.02);transition:transform .28s ease,filter .28s ease}
.ggx-tcg-v3 .ggx-tcg-card.locked .ggx-tcg-art img{filter:grayscale(1) brightness(.12) blur(3px);transform:scale(1.0);opacity:.9}
.ggx-tcg-v3 .ggx-tcg-mystery{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(35px,5vw,62px);font-family:Georgia,serif;color:#ffe2a0;text-shadow:0 3px 9px #000b;pointer-events:none}
.ggx-tcg-v3 .ggx-tcg-meta{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:5px;padding:9px 9px 9px;min-height:112px;position:relative;z-index:2}
.ggx-tcg-v3 .ggx-name{display:block;min-width:0}
.ggx-tcg-v3 .ggx-name small{display:block;font-size:9px;font-weight:950;letter-spacing:.07em;color:#f6dcad}
.ggx-tcg-v3 .ggx-name strong{display:block;font-family:Georgia,serif;letter-spacing:-.025em;font-size:clamp(15px,1.5vw,19px);line-height:1.15;color:#fffaf1;margin-top:4px;overflow-wrap:break-word}
.ggx-tcg-v3 .ggx-tcg-flavor{font-size:clamp(10px,1vw,12px);line-height:1.35;color:#e6edf0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:26px}
.ggx-tcg-v3 .ggx-tcg-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;margin-top:auto}
.ggx-tcg-v3 .ggx-chip{border:1px solid #b6e3c4;background:#0f3e3e;color:#d5fbe2;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:850;white-space:nowrap}
.ggx-tcg-v3 .ggx-tcg-card.locked .ggx-chip{border-color:#99a9b7;color:#dae3e7;background:#2e3f4c}
.ggx-tcg-v3 .ggx-tcg-open{font-size:10px;font-weight:900;color:#ffe6ad;margin-left:auto;white-space:nowrap}
.ggx-tcg-v3 .ggx-tcg-card:focus-visible{outline:4px solid #fff3bd;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.ggx-tcg-v3 .ggx-tcg-card:hover{transform:perspective(850px) rotateX(var(--ggx-tilt-x,0deg)) rotateY(var(--ggx-tilt-y,0deg)) translateY(-7px);box-shadow:0 11px 0 #0618229c,0 19px 30px #0006,0 0 24px var(--ggx-family-glow)}.ggx-tcg-v3 .ggx-tcg-card:hover::after{opacity:1;animation:ggxTcgShimmer .7s ease-out both}.ggx-tcg-v3 .ggx-tcg-card:hover .ggx-tcg-art img{transform:scale(1.065)}}
.ggx-tcg-v3 .ggx-tcg-card:active{transform:translateY(2px);box-shadow:0 2px 0 #081722}
.ggx-tcg-v3 .ggx-simulate{min-height:44px;font-size:13px;background:linear-gradient(#fee5aa,#e8b965);color:#513b23;box-shadow:0 3px 0 #a37941}
.ggx-tcg-v3 .ggx-note{font-size:12px!important;color:#dcf0ed!important}
@keyframes ggxTcgShimmer{from{transform:rotate(16deg) translateX(0)}to{transform:rotate(16deg) translateX(700%)}}
/* Full-size portrait trading card detail */
.ggx-tcg-shade{background:#08141ded;z-index:2500;padding:clamp(8px,2vw,24px);backdrop-filter:blur(5px)}
.ggx-tcg-shade .ggx-tcg-dialog{width:min(930px,98vw);max-height:94dvh;overflow-y:auto;border:3px solid #d4ad6c;border-radius:22px;background:linear-gradient(140deg,#153945,#0d2638 80%);box-shadow:0 35px 90px #000b,inset 0 0 0 2px #fcecc02b;padding:clamp(12px,2.2vw,25px)}
.ggx-tcg-shade .ggx-dialog-inner{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(16px,2vw,29px);align-items:start}
.ggx-tcg-shade .ggx-tcg-detail-art{position:relative;aspect-ratio:3/4;min-width:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#d0ab71 0,#305264 62%,#102b3d 100%);border:4px solid #e0bf79;border-radius:17px;box-shadow:inset 0 0 0 5px #173344,0 8px 22px #0007}
.ggx-tcg-shade .ggx-tcg-detail-art::after{content:"";position:absolute;inset:9px;border:1px solid #fff7dd66;border-radius:9px;pointer-events:none}
.ggx-tcg-shade .ggx-detail-picture{display:block;width:100%;height:100%;margin:0;padding:3px;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent}
.ggx-tcg-shade .ggx-detail-picture.hidden-picture{filter:brightness(.15) grayscale(1) blur(4px)}
.ggx-tcg-shade .ggx-tcg-detail-question{position:absolute;inset:0;display:grid;place-items:center;color:#ffda85;font:800 110px Georgia,serif;text-shadow:0 4px 20px #000c}
.ggx-tcg-shade .ggx-tcg-detail-info{min-width:0;padding:18px 4px 8px;color:#f6fbf8}
.ggx-tcg-shade .ggx-dialog h2{font-size:clamp(25px,3vw,39px);color:#ffe5aa;line-height:1.1;margin:8px 45px 16px 0;font-family:Georgia,serif}
.ggx-tcg-shade .ggx-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ggx-tcg-shade .ggx-facts span{padding:10px;border:1px solid #77918d;background:#1d4a4c;border-radius:10px}
.ggx-tcg-shade .ggx-facts small{font-size:11px;color:#dbedec}
.ggx-tcg-shade .ggx-facts strong{font-size:13px;color:#fffaf0;line-height:1.4}
.ggx-tcg-shade .ggx-dialog-desc{font-size:16px;color:#fff4d8;line-height:1.56;margin:20px 0}
.ggx-tcg-shade .ggx-tcg-story{padding:14px 0;border-top:1px solid #789d9a6b}
.ggx-tcg-shade .ggx-tcg-story h3{font-size:17px;color:#ffdb99;margin:0 0 8px}
.ggx-tcg-shade .ggx-tcg-story p{font-size:14px;line-height:1.65;color:#e4edeb;margin:0}
.ggx-tcg-shade .ggx-tcg-tip{padding:14px;border:1px solid #bfab6e;border-radius:12px;background:#29463c}
.ggx-tcg-shade .ggx-tcg-tip strong{font-size:15px;color:#fff2bc}
.ggx-tcg-shade .ggx-tcg-tip p{font-size:14px;color:#eff5ec;line-height:1.5;margin:7px 0 0}
.ggx-tcg-shade .ggx-tcg-review{font-size:11px;font-weight:900;color:#f4d59f;margin-top:15px;letter-spacing:.025em;line-height:1.6}
.ggx-tcg-shade .ggx-close{position:sticky;float:right;right:0;top:0;margin:0 0 -40px auto;width:46px;height:46px;z-index:15;background:#21475a;border:2px solid #dbbf8b;border-radius:12px;font-size:28px;box-shadow:0 3px 0 #102636}
.ggx-tcg-shade .ggx-close:focus-visible{outline:3px solid #ffe3a0;outline-offset:3px}
@media(max-width:1080px){.ggx-tcg-v3 .ggx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.ggx-tcg-v3 .ggx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ggx-tcg-v3 .ggx-tcg-card{border-width:2px}.ggx-tcg-v3 .ggx-tcg-meta{min-height:111px;padding:8px 7px 8px}.ggx-tcg-v3 .ggx-tcg-open{font-size:9px}.ggx-tcg-shade .ggx-dialog-inner{grid-template-columns:1fr;gap:12px}.ggx-tcg-shade .ggx-tcg-detail-art{width:min(100%,310px);height:auto;aspect-ratio:3/4;margin:0 auto}.ggx-tcg-shade .ggx-tcg-dialog{max-height:95dvh;padding:15px}.ggx-tcg-shade .ggx-tcg-detail-info{padding:7px 4px}.ggx-tcg-shade .ggx-dialog-desc{margin:10px 0}}
@media(max-width:430px){.ggx-tcg-v3 .ggx-summary{grid-template-columns:1fr}.ggx-tcg-v3 .ggx-grid{gap:10px}.ggx-tcg-v3 .ggx-tcg-card{padding:4px;border-radius:13px}.ggx-tcg-v3 .ggx-tcg-top{padding:5px 6px 4px;font-size:10px;min-height:23px}.ggx-tcg-v3 .ggx-tcg-top small{font-size:10px}.ggx-tcg-v3 .ggx-tcg-meta{min-height:102px;padding:7px 5px 7px;gap:3px}.ggx-tcg-v3 .ggx-name strong{font-size:14px}.ggx-tcg-v3 .ggx-tcg-flavor{font-size:10px;line-height:1.25}.ggx-tcg-v3 .ggx-chip{font-size:9px;padding:3px 5px}.ggx-tcg-v3 .ggx-tcg-open{display:none}.ggx-tcg-v3 .ggx-heading p{font-size:13px}}
@media(max-width:350px){.ggx-tcg-v3 .ggx-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:15px}.ggx-tcg-v3 .ggx-tcg-card{width:min(100%,270px)}.ggx-tcg-v3 .ggx-tcg-meta{min-height:105px}.ggx-tcg-v3 .ggx-name strong{font-size:19px}.ggx-tcg-v3 .ggx-tcg-open{display:inline;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ggx-tcg-v3 .ggx-tcg-card,.ggx-tcg-v3 .ggx-tcg-art img,.ggx-tcg-shade *{animation:none!important;transition:none!important;transform:none!important}.ggx-tcg-v3 .ggx-tcg-card::after{animation:none!important;opacity:0!important}}