/* Custom card boxes + the card details pop-up for community.html / mysaves.html.
   Copied from the trial CSS (_community_content_trial.css, _community_card_details_trial.css and the
   Midnight lines of _community_designs_trial.css) with .ct-community renamed .ct-cards. 5 Nov 2026. */
/* Only the local community/content trial and its isolated editor copies load this file. */
.ct-trialbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px;margin:12px auto;max-width:1100px;color:var(--text-dim,#aaa);font:600 14px 'Rajdhani',sans-serif}
.ct-wrap{max-width:1100px}.ct-nav,.ct-tools,.ct-modal-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.ct-tools{margin:24px 0}.ct-wrap .tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.ct-wrap [aria-selected=true]{color:var(--gold)!important;filter:drop-shadow(0 0 6px #ffd84a44)}
.ct-row{background:var(--bg2);border:1px solid var(--theme-border);border-radius:var(--radius);padding:18px;margin:15px 0}.ct-card-peek{display:flex;width:100%;align-items:center;gap:20px;text-align:left;padding:0;color:inherit;background:none;border:0;cursor:pointer;font:inherit}.ct-card-peek:hover .ct-thumb{filter:drop-shadow(0 0 7px var(--gold))}.ct-thumb{width:112px;height:112px;object-fit:contain;flex:none}.ct-card-peek .ct-leader{flex:1;min-width:0}.ct-label{display:block;font:400 15px 'Black Han Sans',sans-serif;color:var(--gold);margin-bottom:8px}.ct-text{font:500 17px/1.5 'Rajdhani',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.ct-row-foot{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;border-top:1px solid var(--border);padding-top:12px;flex-wrap:wrap}.ct-meta{color:var(--text-dim);font:500 13px 'Rajdhani',sans-serif}.ct-meta time,.ct-count{font-family:Oswald,sans-serif}.ct-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ct-name{font:400 17px 'Black Han Sans',sans-serif;color:var(--gold);margin:0 0 12px}.ct-example{color:var(--gold)}
.ct-build-peek{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ct-build-peek>.ft-slot{width:64px!important;height:64px!important}.ct-tier{display:flex;align-items:center;gap:12px;padding:7px 0}.ct-tier-label{min-width:60px;font:600 16px Oswald,sans-serif;border-left:3px solid var(--tier);padding-left:12px}.ct-board{display:grid;grid-template-columns:54px repeat(5,minmax(0,1fr));max-width:480px;gap:5px;align-items:center}.ct-board>.ft-slot{width:100%!important;height:auto!important;aspect-ratio:1;max-width:64px}.ct-board span{font:600 15px Oswald,sans-serif;text-align:center}.ct-empty-slot{height:42px;border:1px dashed #ffffff16;border-radius:4px}
.ct-modal{box-sizing:border-box;width:min(1050px,calc(100vw - 28px));max-height:90dvh;padding:0;background:var(--bg,#1c1e26);color:var(--text,#ede8d5);border:1px solid var(--theme-border,#ffd84a66);border-radius:12px;overflow:auto}.ct-modal::backdrop{background:#000c}.ct-modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;background:var(--bg2,#232630);border-bottom:2px solid var(--theme,#ffd84a)}.ct-modal-head h2{font:400 21px 'Black Han Sans',sans-serif;margin:0;color:var(--theme,#ffd84a)}.ct-form-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:16px 22px 0}.ct-full-card{padding:20px 24px}.ct-card-hero{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;margin-bottom:22px;align-items:center}.ct-full-art{width:100%;max-height:320px;object-fit:contain}.ct-card-hero h3{font:400 24px 'Black Han Sans',sans-serif;margin:4px 0 12px}.ct-title{font:500 17px 'Rajdhani',sans-serif;color:var(--text-dim)}.ct-stats{display:flex;gap:20px;flex-wrap:wrap}.ct-stats span{display:flex;flex-direction:column;gap:3px;font:600 14px 'Rajdhani',sans-serif}.ct-stats b{font:600 22px Oswald,sans-serif}.ct-detail-box{margin:14px 0;border:1px solid var(--theme-border,#ffffff22);border-radius:8px;overflow:hidden}.ct-detail-box h4{background:var(--theme,#ffd84a);color:#101116;font:400 16px 'Black Han Sans',sans-serif;padding:12px 15px;margin:0}.ct-detail-body{padding:14px 16px;font:500 17px/1.55 'Rajdhani',sans-serif;overflow-wrap:anywhere}.ct-detail-body p{white-space:pre-wrap;margin:0 0 8px}.ct-detail-body .inline-icon{height:1.1em;max-width:2em;object-fit:contain;vertical-align:middle}.ct-modal-actions{position:sticky;bottom:0;background:var(--bg2,#232630);padding:16px;border-top:1px solid var(--border,#ffffff22)}.ct-error{color:#ff9b9b;padding:14px}.ct-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;max-width:calc(100vw - 48px);background:#12151d;border:1px solid var(--gold,#ffd84a);padding:12px 18px;border-radius:8px;font:600 16px 'Rajdhani',sans-serif;color:#fff}.ct-hide{display:none!important}
@media(max-width:600px){.ct-row{padding:14px}.ct-card-peek{gap:12px}.ct-thumb{width:84px;height:84px}.ct-text{font-size:16px}.ct-card-hero{grid-template-columns:104px minmax(0,1fr);gap:12px}.ct-card-hero h3{font-size:18px}.ct-full-card{padding:16px 14px}.ct-stats{gap:12px}.ct-stats b{font-size:19px}.ct-modal-head{padding:14px}.ct-modal-head h2{font-size:17px}.ct-meta{max-width:100%}.ct-actions{gap:10px}.ct-build-peek>.ft-slot{width:46px!important;height:46px!important}.ct-card-peek>.ft-slot{width:84px!important;height:84px!important}.ct-modal-actions{gap:10px}.ct-trialbar{font-size:13px}}

/* The simulator's native green character sheet, scoped to the community trial. */
.ct-art-open{padding:3px 11px;margin:0 0 0 8px;border:1px solid #77a760;background:linear-gradient(#294620,#13250e);color:#e7f6dc;font:500 .75rem Oswald,sans-serif;cursor:pointer;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.ct-art-open:hover{filter:brightness(1.2)}.ct-art-dialog{padding:0;width:min(640px,calc(100vw - 28px));max-width:none;max-height:94dvh;border:2px solid #65bc32;background:#0b100b;color:#fff;box-shadow:0 0 9px #65ef323d;overflow:hidden}.ct-art-dialog::backdrop{background:#000d}.ct-art-dialog .ct-modal-head{padding:10px 14px;background:#101811;border-bottom:1px solid #306722}.ct-art-dialog .ct-modal-head h2{font:500 1rem Oswald,sans-serif;color:#b0e69c}.ct-art-dialog .house-btn{font-size:.8rem}.ct-art-view{display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at center,#223123,#080e09);height:min(700px,calc(94dvh - 90px));box-sizing:border-box}.ct-art-view img{display:block;width:100%;height:100%;object-fit:contain}
.ct-sim-details{width:min(980px,calc(100vw - 28px));background:#0b100b;border:2px solid #65bc32;box-shadow:0 0 9px #65ef323d;--acc:#a1e96e;--acc-rgb:161,233,110;--theme-border:#467d32}
.ct-sim-details .ct-modal-head{background:#101811;border-color:#306722}.ct-sim-details .ct-modal-head h2{color:#b0e69c;font:500 1rem Oswald,sans-serif;letter-spacing:1px}.ct-sim-details .ct-form-tabs{padding:12px 15px 0}.ct-sim-details .ct-modal-actions{background:#101811;border-color:#306722}
.ct-character-sheet{padding:12px 16px 18px;font:500 .92rem/1.4 Oswald,sans-serif;color:#fff}.ct-character-hero{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid #286b1a;background:linear-gradient(100deg,#081b08,#071208);margin:0 0 12px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.ct-character-art{align-self:center}.ct-character-heading{min-width:0}.ct-character-title{font:500 .8rem/1.3 Oswald,sans-serif;color:#a0b39a}.ct-character-hero h3{font:700 italic 1.2rem/1.3 Oswald,sans-serif;letter-spacing:.35px;margin:4px 0 7px;text-shadow:0 2px 2px #000}.ct-character-heading>small{font:500 .75rem Oswald,sans-serif;color:#b0bea9}
.ct-character-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.ct-character-stats>div{display:flex;gap:8px;justify-content:space-between;align-items:center;min-width:0;padding:4px 11px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.ct-character-stats .hp{background:linear-gradient(90deg,#286331,#123519)}.ct-character-stats .atk{background:linear-gradient(90deg,#8d3109,#541506)}.ct-character-stats .def{background:linear-gradient(90deg,#125579,#092d45)}.ct-character-stats span{font:700 italic .9rem Oswald,sans-serif;color:#ffd28a}.ct-character-stats b{font:600 1.2rem Oswald,sans-serif;color:#fff;white-space:nowrap}
.ct-character-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;margin:10px 0}.ct-character-label{color:#ffb14d;font:700 italic 1rem/1.3 Oswald,sans-serif;padding-top:8px;text-shadow:0 2px 2px #000}.ct-character-content{background:linear-gradient(100deg,#060906,#0d110d);padding:10px 12px;min-width:0;border-bottom:1px solid #233421}.ct-character-content h4{font:600 italic .96rem/1.4 Oswald,sans-serif;margin:0 0 7px;color:#fff}.ct-character-content p{margin:3px 0;font:500 .86rem/1.5 Oswald,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.ct-character-content dl{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;margin:9px 0 0;font:500 .82rem/1.5 Oswald,sans-serif}.ct-character-content dt{color:#ffb14d;font-style:italic}.ct-character-content dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.ct-character-content .ct-character-detail{float:right;position:relative;margin:0 0 7px 10px;background:linear-gradient(#325c20,#142a0d);border:1px solid #9bbd88;box-shadow:0 0 5px #55ed2226,inset 0 1px 0 #ffffff35;color:#fff;font:600 .77rem Oswald,sans-serif;padding:3px 11px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);cursor:pointer;letter-spacing:0;text-transform:none}.ct-character-detail:hover{filter:brightness(1.25)}.ct-character-detail::before{display:none!important}
.ct-effect-slot{position:relative;isolation:isolate;overflow:visible;vertical-align:middle}.ct-precomposed>.ct-thumb{position:absolute;inset:0;width:100%;height:100%;z-index:3}.ct-precomposed>.fx-seza{z-index:4}.ct-precomposed>.fx-thunder{z-index:5}.ct-effect-slot .fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ct-effect-slot .fx-spin,.ct-effect-slot .fx-thunder{mix-blend-mode:screen}
.ct-effect-slot .ct-reverse-btn,.ct-effect-slot .ct-reverse-badge{position:absolute;top:6.5%;left:8.5%;width:33%;height:auto;aspect-ratio:1.5;z-index:8;padding:0;background:none;border:0;clip-path:none;box-shadow:none}.ct-effect-slot .ct-reverse-btn{pointer-events:auto;cursor:pointer}.ct-effect-slot .ct-reverse-btn img,.ct-effect-slot .ct-reverse-badge img{width:100%;height:auto;object-fit:contain}.ct-reverse-btn::before{display:none!important}.ct-reverse-btn.on img{filter:brightness(1.2) drop-shadow(0 0 3px #ffe900)}.ct-exchange-state{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 12px;color:#c6f0b0;font:500 .82rem Oswald,sans-serif}.ct-exchange-state>img{width:32px;height:32px;object-fit:contain}.ct-exchange-state .house-btn{font-size:.7rem;padding:5px 12px}
.ct-link-plates{display:grid;grid-template-columns:repeat(2,minmax(0,250px));gap:9px}.ct-link-plate{position:relative;display:block;width:100%;max-width:250px;height:auto;aspect-ratio:25/6;padding:0;border:0;border-radius:0;clip-path:none;transform:none;background:url('https://assets.dokkantracker.com/frames/linkgold.png') center/100% 100% no-repeat;box-shadow:none;color:#fff;cursor:help}.ct-link-plate::before{display:none!important}.ct-link-plate:hover,.ct-link-plate:focus-visible{filter:brightness(1.15);outline:1px solid #c1f49b;outline-offset:1px}.ct-link-level{position:absolute;left:6.4%;top:17%;width:14.4%;height:65%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1}.ct-link-level small{font:500 10px/1 Oswald,sans-serif}.ct-link-level b{font:600 19px/1 Oswald,sans-serif}.ct-link-name{position:absolute;left:23%;right:4%;top:12%;bottom:12%;display:flex;align-items:center;justify-content:center;font:600 14px/1.1 Oswald,sans-serif;text-align:center;overflow:hidden;text-shadow:0 1px 2px #000}.ct-link-tooltip{position:fixed;z-index:20;box-sizing:border-box;width:310px;max-width:calc(100vw - 16px);background:#111b12;border:1px solid #69a34f;border-radius:6px;padding:11px 13px;box-shadow:0 8px 25px #000b;pointer-events:none;color:#fff;font:500 14px/1.5 Oswald,sans-serif}.ct-link-tooltip strong{color:#d8efbb}.ct-link-tooltip>b{float:right;color:#ffd968;font:600 14px Oswald,sans-serif}.ct-link-tooltip p{margin:6px 0 0;overflow-wrap:anywhere}.ct-link-tooltip[hidden]{display:none}
.ct-category-plates{display:grid;grid-template-columns:repeat(2,minmax(0,256px));gap:8px;align-items:center}.ct-category-plates>img{display:block;width:100%;height:auto;object-fit:contain}.ct-custom-category{display:block;padding:7px 12px;background:#182b16;border:1px solid #4b7537;color:#fff;font:500 .85rem Oswald,sans-serif}
#ctPassiveDetails{padding:0;border:0;background:transparent;color:#fff;width:min(640px,calc(100vw - 28px));max-width:none;max-height:95dvh;overflow:visible}#ctPassiveDetails::backdrop{background:#000d}#ctPassiveDetails .pv-modal{height:min(900px,92dvh);width:100%;display:flex;flex-direction:column;filter:drop-shadow(0 20px 60px #000d)}#ctPassiveDetails .pv-inner{flex:1;min-height:0;display:flex;flex-direction:column;border:40px solid;border-image:url('https://assets.dokkantracker.com/ui/com_dialog.png') 40 fill stretch;padding:6px 14px 14px;background:#080b0f;background-clip:padding-box}#ctPassiveDetails .pv-title{flex:none;display:flex;align-items:center;justify-content:center;height:62px;margin-bottom:14px;background:url('https://assets.dokkantracker.com/ui/com_dialog_header.png') center/100% 100% no-repeat}#ctPassiveDetails .pv-title span{font:500 1.34rem Oswald,sans-serif;letter-spacing:1px;color:white;text-shadow:0 2px 3px #000b}#ctPassiveDetails .pv-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 6px 14px}#ctPassiveDetails .pv-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 16px;font:500 .92rem Oswald,sans-serif;color:#fff}#ctPassiveDetails .pv-stat.atk{background:#B02A12}#ctPassiveDetails .pv-stat.def{background:#14539C}#ctPassiveDetails .pv-stat i{font-style:normal;font-size:.82rem;letter-spacing:1.4px;color:#F4A500}#ctPassiveDetails .pv-stat b{font-weight:500}#ctPassiveDetails .pv-name{font:400 .72rem Oswald,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#9ca8ba;text-align:center;margin-bottom:10px}#ctPassiveDetails .pv-body{flex:1;min-height:0;overflow:auto;padding:2px 8px 2px 2px;scrollbar-width:thin;scrollbar-color:#6d7484 #ffffff0f}.ct-passive-rich{font:500 .95rem/1.5 Rajdhani,sans-serif}.ct-passive-rich p{margin:7px 0;white-space:pre-wrap}.ct-passive-rich p:has(>b:only-child),.ct-passive-rich p:has(>strong:only-child){color:#F4A500;font:500 .88rem/1.4 Oswald,sans-serif}.ct-passive-rich .inline-icon{height:1.05em;width:auto;object-fit:contain;vertical-align:middle;margin:0 3px}#ctPassiveDetails .pv-foot{display:flex;justify-content:center;padding-top:12px}#ctPassiveDetails .pv-ok{width:186px;height:51px;border:0;background:url('https://assets.dokkantracker.com/ui/com_btn_01_orange.png') center/100% 100% no-repeat;font:500 1.06rem Oswald,sans-serif;letter-spacing:2px;color:#fff;text-shadow:0 2px 3px #000b;cursor:pointer}#ctPassiveDetails .pv-ok::before{display:none!important}#ctPassiveDetails .pv-ok:hover{filter:brightness(1.09)}
@media(max-width:600px){.ct-character-sheet{padding:9px}.ct-character-hero{grid-template-columns:84px minmax(0,1fr);gap:9px;padding:8px}.ct-character-art .ft-slot{width:84px!important;height:84px!important}.ct-character-hero h3{font-size:1rem}.ct-character-title{font-size:.7rem}.ct-character-stats{gap:5px;margin-top:8px}.ct-character-stats>div{flex-direction:column;gap:2px;padding:4px 6px}.ct-character-stats span{font-size:.68rem}.ct-character-stats b{font-size:.95rem}.ct-character-row{grid-template-columns:64px minmax(0,1fr);gap:7px}.ct-character-label{font-size:.83rem}.ct-character-content{padding:8px}.ct-character-content h4{font-size:.86rem}.ct-character-content p{font-size:.8rem}.ct-character-content dl{grid-template-columns:1fr;gap:3px;font-size:.8rem}.ct-character-content dd{margin-bottom:5px}.ct-character-content .ct-character-detail{font-size:.72rem;margin-left:5px;padding:3px 7px}.ct-link-plates,.ct-category-plates{grid-template-columns:minmax(0,1fr)}.ct-link-plate{max-width:250px}.ct-sim-details .ct-modal-actions{gap:8px;padding:12px 8px}.ct-sim-details .ct-modal-actions .house-btn{font-size:.7rem;padding:7px 10px}.ct-exchange-state{font-size:.76rem;padding:6px 8px}#ctPassiveDetails .pv-inner{border-width:24px;padding:4px 3px 8px}#ctPassiveDetails .pv-title span{font-size:1.1rem}#ctPassiveDetails .pv-stat{padding:5px 8px;gap:5px;font-size:.85rem}#ctPassiveDetails .pv-stats{margin-inline:0;gap:7px}}

/* The Community card popup follows the site's navy/gold palette. */
.ct-cards #ctDetails.ct-sim-details{--acc:inherit;--acc-rgb:inherit;--theme-border:rgba(var(--acc-rgb,255,216,74),.4);background:#090e17;border:1px solid rgba(var(--acc-rgb,255,216,74),.5);box-shadow:0 18px 60px #000b}
.ct-cards #ctDetails .ct-modal-head,.ct-cards #ctDetails .ct-modal-actions{background:#0c121c;border-color:rgba(var(--acc-rgb,255,216,74),.3)}
.ct-cards #ctDetails .ct-modal-head h2{color:var(--gold,#ffd84a)}
.ct-cards #ctDetails .ct-character-sheet{background:#090e17}
.ct-cards #ctDetails .ct-character-hero{border-color:rgba(var(--acc-rgb,255,216,74),.25);background:linear-gradient(110deg,rgba(var(--acc-rgb,255,216,74),.045),transparent),#0b121e}
.ct-cards #ctDetails .ct-character-title,.ct-cards #ctDetails .ct-character-heading>small{color:#a0adbf}
.ct-cards #ctDetails .ct-character-content{background:linear-gradient(100deg,#070c13,#0c131e);border-color:#7187a035}
.ct-cards #ctDetails :is(.ct-character-detail,.ct-art-open){background:#131c29;border-color:rgba(var(--acc-rgb,255,216,74),.5);color:#fff;box-shadow:0 0 7px rgba(var(--acc-rgb,255,216,74),.1)}
.ct-cards #ctDetails .ct-exchange-state{color:var(--gold,#ffd84a)}
.ct-cards #ctDetails .ct-link-plate:hover,.ct-cards #ctDetails .ct-link-plate:focus-visible{outline:0;filter:brightness(1.12) drop-shadow(0 3px 10px #0008);transform:scale(1.0375)}
.ct-cards #ctDetails .ct-link-plate{transition:transform .12s,filter .12s;transform-origin:center}
.ct-link-level{left:13.8%;top:51.6667%;width:auto;height:auto;transform:translate(-50%,-50%) scale(var(--ct-link-scale,1));gap:0}
.ct-glyphrow{display:flex;align-items:center;justify-content:center;gap:0;height:14px}
.ct-g{display:inline-block;flex:none;background-image:url('https://assets.dokkantracker.com/frames/gold2_text.png');background-repeat:no-repeat}
.ct-g.L{width:13.1px;height:14px;background-size:238.9px 238.9px;background-position:-151.7px -.9px}.ct-g.v{width:12.6px;height:14px;background-size:238.9px 238.9px;background-position:-164.3px -.9px}.ct-g.d1{width:8.9px;height:14px;background-size:238.9px 238.9px;background-position:-176.4px -.9px}.ct-g.d0{width:13.1px;height:14px;background-size:238.9px 238.9px;background-position:-70.9px -.9px}
.ct-cards #ctDetails .ct-link-tooltip{width:250px;padding:0 4px;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;font:500 12px/1.5 Oswald,sans-serif;text-shadow:0 1px 3px #000,0 0 6px #000}
.ct-cards #ctDetails .ct-link-tooltip p{margin:0}

.ct-cards{--bg:#07090d;--bg2:#0a0d12;--bg3:#10141b;--bg4:#141a23;--text:#f0ede2;--text-dim:#a3a6b0;--border:#ffffff12;--theme-border:#ffd84a4a}
.ct-cards .ct-label{letter-spacing:.7px;text-shadow:0 1px 2px #0008}
.ct-cards .ct-text{color:#eeeae0}
.ct-cards .ct-sim-details{background:#050905}.ct-cards .ct-sim-details .ct-modal-head,.ct-cards .ct-sim-details .ct-modal-actions{background:#0a110b}
.ct-cards .ct-toast{background:#070a10}

/* ===== owner's changes, 5 Nov 2026 ===== */
/* the link hover reads like the card page's: a dark box with a site-colour edge over the plate */
.ct-cards #ctDetails .ct-link-tooltip{width:250px;padding:6px 12px 8px;border:1px solid rgba(var(--acc-rgb,255,216,74),.45);border-radius:6px;background:rgba(10,12,22,.98);box-shadow:0 -4px 16px rgba(0,0,0,.7);color:#fff;font:400 12px/1.5 Oswald,sans-serif;text-shadow:none}
/* CARD ART (and Passive Details beside it): the house angled plate in the site colour */
.ct-cards #ctDetails :is(.ct-character-detail,.ct-art-open){position:relative;isolation:isolate;display:inline-block;padding:7px 15px;background:none!important;border:0!important;box-shadow:none!important;clip-path:none;color:#fff;font:700 .74rem/1 'Rajdhani',sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}
.ct-cards #ctDetails :is(.ct-character-detail,.ct-art-open)::before{content:'';position:absolute;inset:0;z-index:-1;transform:skewX(-12deg);border-radius:3px;background:linear-gradient(180deg,#151821,#08090d);border:1px solid rgba(var(--acc-rgb,255,216,74),.6);box-shadow:0 0 8px rgba(var(--acc-rgb,255,216,74),.22)}
.ct-cards #ctDetails :is(.ct-character-detail,.ct-art-open):hover::before{border-color:rgba(var(--acc-rgb,255,216,74),1);box-shadow:0 0 12px rgba(var(--acc-rgb,255,216,74),.45)}
.ct-cards #ctDetails .ct-art-open{margin:8px 0 0 6px}
.ct-cards #ctDetails .ct-character-detail::before{display:block!important}
.ct-cards #ctDetails .ct-character-content .ct-character-detail{margin:0 4px 7px 10px}

/* ===== 6 Nov 2026 fixes ===== */
/* the creator's art window (card_creator.html .ft-art-clip): the custom picture stays inside the frame */
.ct-effect-slot .ft-art-clip{position:absolute;width:65%;height:65%;top:15.5%;left:22.5%;z-index:4;overflow:hidden;
  clip-path:polygon(14% 0,86% 0,100% 15%,100% 85%,86% 100%,14% 100%,0 85%,0 15%)}
.ct-effect-slot .ft-art-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center}
/* the saved preview picture holds the tile at 72% of its size, 14% in (buildThumbCanvas). Drawn over the whole slot,
   the frame came out small and the LR spin / thunder (sized for a full tile) far too big round it. Scaled so the
   picture's tile IS the slot, the effects fit the frame as on every other tile. */
.ct-precomposed>.ct-thumb{inset:auto;left:-19.444%;top:-19.444%;width:138.889%;height:138.889%;max-width:none}
/* passive details: conditions orange, effects white, one per line */
.ct-passive-rich .ct-pcond{color:#F4A500;font:500 .9rem/1.4 Oswald,sans-serif;margin:14px 0 4px}
.ct-passive-rich .ct-pcond:first-child{margin-top:2px}
.ct-passive-rich .ct-pline{margin:3px 0;overflow-wrap:anywhere}

/* passive icons: the Card Creator's two sizes (card_creator.html), larger than the old 1.05em and the same in a
   condition line as in an effect line (owner, 6 Nov 2026) */
.ct-passive-rich .inline-icon{width:auto;object-fit:contain;margin:0 3px}
.ct-passive-rich .inline-icon[src*="passive_icon/"]{height:1.15em;vertical-align:-0.2em}
.ct-passive-rich .inline-icon[src*="skill_icons/"]{height:1.25em;vertical-align:-0.28em}
/* skill names, Condition(s) and Effect(s) in the card's type colour (--ctc, set per card in render(); owner, 7 Nov 2026) */
.ct-character-sheet .ct-character-content h4{color:var(--ctc,#fff)}
.ct-character-sheet .ct-character-content dt{color:var(--ctc,#ffb14d)}
.ct-character-sheet .ct-character-content dd{overflow-wrap:anywhere;min-width:0}
.ct-art-gone{color:#a3a6b0;font:500 1rem 'Rajdhani',sans-serif;text-align:center;padding:30px 12px}
/* the saved preview picture has its badges baked in, so the LR thunder must go UNDER the picture, never over it --
   the thunder then shows around the tile as on the card grid and never crosses the rarity badge (owner, 7 Nov 2026) */
.ct-precomposed>.ct-thumb{z-index:4}
.ct-precomposed>.fx-thunder,.ct-precomposed>.fx-spin{z-index:3}
.ct-precomposed>.fx-seza{z-index:2}