/* v366 · 요청 반영 UI */

/* 일반 사용자도 설정 버튼 노출 */
#settingsBtn,#mobileSettingsBtn{display:inline-flex!important;visibility:visible!important}

/* 설정 패널 */
.v366-settings-panel{margin:14px 0;padding:14px;border:1px solid rgba(214,172,73,.45);border-radius:12px;background:linear-gradient(180deg,rgba(16,28,43,.96),rgba(9,17,27,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.v366-settings-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.v366-settings-title b{font-size:16px;color:#f6d882}.v366-settings-title span{font-size:12px;color:#9fb2c5}
.v366-nickname-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin-bottom:16px}.v366-nickname-row label{display:grid;gap:6px;color:#d9e4ee;font-size:12px}.v366-nickname-row input{min-height:38px;padding:0 10px;border:1px solid #3b5268;border-radius:7px;background:#07121d;color:#fff}
.v366-cardback-user>b{display:block;margin-bottom:8px;color:#d9e4ee}.v366-cardback-choices{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px}.v366-cardback-choice{border:1px solid #40586f;border-radius:9px;background:#0b1723;color:#e7eef5;padding:8px;cursor:pointer;text-align:center}.v366-cardback-choice.selected{border-color:#f0c45e;box-shadow:0 0 0 2px rgba(240,196,94,.18),0 0 18px rgba(240,196,94,.15)}.v366-cardback-choice b,.v366-cardback-choice small{display:block;margin-top:6px}.v366-cardback-choice small{font-size:10px;color:#9db0c2}.v366-cardback-choice.selected small{color:#f5d989}
.v366-cardback-preview{display:block;width:100%;aspect-ratio:2.5/3.5;border-radius:7px;border:1px solid rgba(255,255,255,.2);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.v366-cardback-preview.default{background:radial-gradient(circle at 50% 45%,rgba(232,190,84,.3),transparent 28%),linear-gradient(145deg,#12375b,#07131f 55%,#421f15);position:relative}.v366-cardback-preview.default:after{content:'三國';position:absolute;inset:0;display:grid;place-items:center;color:#e7c668;font-weight:900;font-size:20px;text-shadow:0 1px 4px #000}.v366-cardback-preview.large{width:78px;min-width:78px}
.v366-cardback-admin-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v366-cardback-admin-slot{display:flex;gap:10px;padding:10px;border:1px solid #31465a;border-radius:9px;background:#08131e}.v366-cardback-slot-info{min-width:0;flex:1}.v366-cardback-slot-info>b,.v366-cardback-slot-info>span{display:block}.v366-cardback-slot-info>span{font-size:11px;color:#9fb0bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 8px}.v366-file-btn{display:inline-flex;position:relative;overflow:hidden;margin-bottom:7px}.v366-file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.v366-cardback-slot-info>div{display:flex;gap:6px;flex-wrap:wrap}

/* 사용자 설정에서는 관리자 게임규칙만 숨김 */
html:not(.is-card-admin) #gameSettingsModal .v366-admin-setting,html:not(.is-card-admin) #v366CardBackAdmin{display:none!important}

/* 사용자 지정 카드 뒷면: 오프닝/부스터 등 실제 뒤집힌 카드에 공통 적용 */
body.v366-custom-card-back .opening-card-back-face,
body.v366-custom-card-back .v276-card-back,
body.v366-custom-card-back .booster-card-back,
body.v366-custom-card-back [class*="card-back-face"]{background-image:var(--v366-card-back-url)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
body.v366-custom-card-back .opening-card-back-face:before,body.v366-custom-card-back .opening-card-back-face:after,body.v366-custom-card-back .v276-card-back:before,body.v366-custom-card-back .v276-card-back:after{opacity:0!important}
body.v366-custom-card-back .opening-card-back-frame,body.v366-custom-card-back .v276-card-back>*:not(.v366-preserve-back-ui){visibility:hidden!important}

/* 전술카드: EN/효과점수 행을 제거하고 설명 영역 확대 */
.v366-tactic-description{white-space:normal!important;overflow:auto!important;display:block!important;line-height:1.38!important;min-height:72px!important;max-height:none!important;padding:7px 8px!important;font-size:11px!important;color:#dfeaf4!important;background:linear-gradient(180deg,rgba(17,37,57,.92),rgba(8,19,31,.96))!important}
.deck-builder-visual-card:has(.v366-tactic-description),.shop-card-visual:has(.v366-tactic-description),.shop-card-entry article:has(.v366-tactic-description){height:auto!important;min-height:var(--collection-card-height,290px)!important}
.deck-builder-visual-card:has(.v366-tactic-description) .collection-five-stats,.shop-card-entry article:has(.v366-tactic-description) .collection-five-stats{display:none!important}

/* 상점/덱 스킬 및 패시브 별도 설명 */
.v366-skill-summary{margin-top:7px;padding:8px 9px;border:1px solid rgba(208,164,62,.38);border-radius:8px;background:rgba(28,22,8,.58);display:grid;gap:4px}.v366-skill-summary>b{font-size:11px;color:#f1d26d}.v366-skill-summary>span{font-size:11px;line-height:1.35;color:#e7edf3}.v366-skill-detail-btn{justify-self:start;margin-top:4px;font-size:10px!important;padding:4px 7px!important;min-height:0!important}
.v366-skill-modal-box{width:min(760px,92vw);max-height:84vh;overflow:auto}.v366-skill-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.v366-skill-modal-head h2{margin:0 0 4px}.v366-skill-info-body{display:grid;gap:9px}.v366-skill-row{padding:11px;border:1px solid #344b60;border-radius:9px;background:#081521}.v366-skill-row header{display:flex;gap:8px;align-items:center}.v366-skill-row header span{font-size:10px;padding:2px 6px;border-radius:999px;background:#4d3711;color:#f9dc80}.v366-skill-row header b{font-size:14px;color:#f3f7fa}.v366-skill-row p{margin:7px 0;color:#d3dee8;line-height:1.48}.v366-skill-row dl{display:grid;grid-template-columns:auto 1fr;gap:7px;margin:0;font-size:11px}.v366-skill-row dt{color:#e7c862}.v366-skill-row dd{margin:0;color:#aebfcc}.v366-skill-empty{padding:30px;text-align:center;color:#9fb0bf}

/* 와룡의 포진: 재행동 날개 */
.v366-fx-host{position:relative!important}.v366-wing-burst{position:absolute;inset:-10% -25%;pointer-events:none;z-index:80;display:flex;align-items:center;justify-content:center;animation:v366WingFade 1.9s ease forwards}.v366-wing-burst i{position:absolute;top:26%;width:48%;height:47%;filter:drop-shadow(0 0 8px rgba(181,230,255,.9));background:repeating-radial-gradient(ellipse at 50% 50%,rgba(235,249,255,.95) 0 12%,rgba(137,207,244,.85) 13% 24%,rgba(255,255,255,.1) 25% 33%);clip-path:polygon(100% 45%,72% 0,44% 14%,16% 0,0 34%,18% 58%,0 88%,42% 76%,68% 100%,83% 70%)}.v366-wing-burst i.left{left:0;transform-origin:100% 50%;animation:v366WingLeft .9s cubic-bezier(.2,.8,.2,1) both}.v366-wing-burst i.right{right:0;transform:scaleX(-1);transform-origin:0 50%;animation:v366WingRight .9s cubic-bezier(.2,.8,.2,1) both}.v366-wing-burst b{position:relative;margin-top:62%;padding:3px 8px;border-radius:999px;background:rgba(6,24,39,.88);border:1px solid rgba(190,232,255,.9);color:#e9f9ff;font-size:11px;text-shadow:0 0 8px #56b9ef}
@keyframes v366WingLeft{0%{transform:scale(.15) rotate(55deg);opacity:0}55%{opacity:1}100%{transform:scale(1) rotate(-8deg);opacity:1}}@keyframes v366WingRight{0%{transform:scaleX(-1) scale(.15) rotate(55deg);opacity:0}55%{opacity:1}100%{transform:scaleX(-1) scale(1) rotate(-8deg);opacity:1}}@keyframes v366WingFade{0%,72%{opacity:1}100%{opacity:0}}

/* 와룡 봉쇄 자물쇠 */
.v366-lock-mark{position:absolute;z-index:75;right:4px;top:4px;display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:7px;background:rgba(16,9,15,.9);border:1px solid rgba(255,93,93,.85);box-shadow:0 0 12px rgba(255,51,51,.45);pointer-events:none;animation:v366LockPulse 1.2s ease-in-out infinite}.v366-lock-mark i{position:relative;width:13px;height:11px;border-radius:2px;background:#f0b0a2;display:block}.v366-lock-mark i:before{content:'';position:absolute;left:2px;right:2px;top:-8px;height:9px;border:2px solid #f0b0a2;border-bottom:0;border-radius:8px 8px 0 0}.v366-lock-mark b{font-size:9px;color:#ffd2c9;white-space:nowrap}@keyframes v366LockPulse{50%{box-shadow:0 0 20px rgba(255,70,70,.75);transform:translateY(-1px)}}

/* 전투 필드 발동 배너 */
#board,.board,.battlefield{position:relative}.v366-battle-fx-layer{position:absolute;inset:0;pointer-events:none;z-index:95;overflow:hidden}.v366-battle-banner{position:absolute;left:50%;top:14%;transform:translate(-50%,-15px) scale(.94);min-width:210px;max-width:75%;padding:9px 18px;border-radius:12px;text-align:center;background:linear-gradient(135deg,rgba(9,30,48,.96),rgba(23,45,65,.94));border:1px solid rgba(111,204,255,.72);box-shadow:0 0 28px rgba(54,166,229,.42);animation:v366Banner 2.2s ease forwards}.v366-battle-banner b,.v366-battle-banner span{display:block}.v366-battle-banner b{font-size:16px;color:#ebf9ff;text-shadow:0 0 10px rgba(96,203,255,.9)}.v366-battle-banner span{font-size:10px;color:#b9d7e8;margin-top:3px}.v366-battle-banner.kind-passive{border-color:#e6c35f;box-shadow:0 0 28px rgba(232,190,65,.42)}.v366-battle-banner.kind-passive b{color:#ffe89d;text-shadow:0 0 10px rgba(240,197,70,.85)}.v366-battle-banner.kind-debuff{border-color:#e97878;box-shadow:0 0 28px rgba(219,62,62,.42)}.v366-battle-banner.kind-debuff b{color:#ffd1d1}.v366-battle-banner.kind-heal{border-color:#75d69c;box-shadow:0 0 28px rgba(64,190,113,.4)}.v366-battle-banner.kind-wolong{top:9%;background:radial-gradient(circle at 50% 0,rgba(75,157,211,.38),transparent 60%),linear-gradient(135deg,rgba(15,26,50,.97),rgba(30,20,58,.96));border-color:#d8e9ff;box-shadow:0 0 34px rgba(120,184,255,.65)}.v366-battle-banner.kind-wolong b{font-size:19px;letter-spacing:.12em}@keyframes v366Banner{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}12%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-6px) scale(1.03)}}

@media(max-width:760px){.v366-cardback-choices{grid-template-columns:repeat(2,1fr)}.v366-cardback-admin-slots{grid-template-columns:1fr}.v366-nickname-row{grid-template-columns:1fr}.v366-battle-banner{top:9%;max-width:88%;min-width:180px}.v366-lock-mark b{display:none}}

/* v367 hotfix · 상점 스킬 행을 명시적인 3행 구조로 고정해 런타임 2행 레이아웃에 가려지지 않게 한다. */
#cardShopGrid .shop-card-entry.v366-has-skill-summary{grid-template-rows:auto auto 24px!important;grid-auto-rows:auto!important;align-content:start!important;overflow:visible!important}
#cardShopGrid .shop-card-entry.v366-has-skill-summary>.shop-card{grid-row:1!important}
#cardShopGrid .shop-card-entry.v366-has-skill-summary>.v366-skill-summary{grid-row:2!important;min-width:0;max-width:100%;box-sizing:border-box;overflow:visible!important;word-break:keep-all;overflow-wrap:anywhere}
#cardShopGrid .shop-card-entry.v366-has-skill-summary>.shop-owned-outside{grid-row:3!important}
#cardShopGrid .shop-card-entry.v366-has-skill-summary>.v312-passive-info{display:none!important}
