:root{
  --ink-900:#0A0D13;--ink-850:#0E131C;--ink-800:#121927;--ink-750:#172033;--ink-700:#1B2536;
  --line:#2A3650;--line-soft:#202b40;--parch:#ECE6D6;--muted:#8B95AC;--muted-2:#5e6883;
  --destruction:#D84A3F;--incarnation:#46B97A;--eminence:#E0B23C;--fabrication:#C9763B;--mastery:#9A6BE6;
  --neutral:#9aa6bf;--invoke:#5BA9E6;--resolution:#E06A5E;--eternal:#B98BEA;--gold:#E0B23C;
  
  --ley-destruction:#3FB56F;--ley-incarnation:#ECECEC;--ley-eminence:#D8453B;--ley-fabrication:#4A86E8;--ley-mastery:#9A6BE6;
  --ley-astral:#7FE3FF;--ley-umbral:#C36BD8;   
  --gothic:"UnifrakturMaguntia",serif;
  --body:"Grenze",serif;
  --desc:"Spectral",Georgia,serif;
}
*{box-sizing:border-box}

html, body{ overflow:hidden!important; height:100%; max-width:100%; }

main{visibility:hidden}
body.mp-live main{visibility:visible}

body, body *{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
  -webkit-tap-highlight-color:transparent; cursor:default}
button, .card.activatable, .pile.click, [onclick]{cursor:pointer}
.card.combat-ready{cursor:crosshair}
.scry-card.draggable, .card[draggable="true"]{cursor:grab}
input, textarea{-webkit-user-select:text; -moz-user-select:text; user-select:text; cursor:text}

html{margin:0;height:100%;overflow:hidden;background:#05070c}
#ley-stage{position:absolute;left:0;top:0;
  width:var(--design-w,2560px);height:var(--design-h,1440px);
  transform-origin:0 0;
  transform:translate(var(--ley-ox,0px),var(--ley-oy,0px)) scale(var(--ley-scale,1))}
body{margin:0;width:var(--design-w,2560px);height:var(--design-h,1440px);overflow:hidden;
  background:radial-gradient(1200px 700px at 50% -10%,#131b2c,transparent 60%),
  radial-gradient(900px 600px at 50% 110%,#141026,transparent 55%),
  radial-gradient(150% 120% at 50% 45%,transparent 56%,rgba(4,6,11,.62) 100%),var(--ink-900);
  color:var(--parch);font-family:var(--body);font-size:15.5px;line-height:1.4;-webkit-font-smoothing:antialiased}
button{font-family:inherit;font-size:inherit;line-height:normal!important;-webkit-appearance:none;appearance:none;cursor:pointer}
.ui{font-family:var(--body)}

header{display:flex;align-items:baseline;gap:18px;padding:13px 22px;border-bottom:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(20,27,44,.6),transparent);box-shadow:0 1px 0 rgba(224,178,60,.12)}
.brand{display:inline-flex;align-items:center;justify-content:center;min-height:58px}
.brand-logo{height:58px;width:auto;max-width:360px;object-fit:contain;display:block;filter:drop-shadow(0 2px 9px rgba(0,0,0,.55))}
.brand-text{font-family:var(--gothic);font-weight:400;font-size:38px;letter-spacing:.02em;line-height:1;
  background:linear-gradient(90deg,var(--destruction),var(--eminence),var(--incarnation),var(--mastery));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 6px rgba(224,178,60,.28)) drop-shadow(0 0 1px rgba(0,0,0,.6));
  align-items:center;gap:.34em}
.brand-text::before,.brand-text::after{content:"❦";font-family:var(--body);-webkit-text-fill-color:var(--eminence);color:var(--eminence);
  font-size:19px;opacity:.62;filter:none;transform:translateY(-2px)}
.brand-text::after{transform:translateY(-2px) scaleX(-1)}
.tag{color:var(--muted);font-style:italic;font-size:14.5px}
.spacer{flex:1}
.viewtabs{display:flex;gap:6px}
.viewtabs button{background:var(--ink-800);border:1px solid var(--line);color:var(--muted);
  padding:6px 14px;border-radius:6px;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase}
.viewtabs button.active{color:var(--parch);border-color:var(--gold);box-shadow:0 0 0 1px rgba(224,178,60,.25) inset}
.rail .viewtabs{flex-direction:column;gap:6px;margin:12px 0 2px}
.rail .viewtabs button{width:100%;text-align:center;padding:8px 10px;cursor:pointer}

main{display:grid;grid-template-columns:236px 1fr;gap:14px;padding:14px;height:100%}
.rail{background:linear-gradient(180deg,var(--ink-800),var(--ink-850));border:1px solid var(--line-soft);
  border-radius:10px;padding:14px;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.rail h3{font-family:var(--body);font-size:12.5px;letter-spacing:.18em;color:var(--muted);
  text-transform:uppercase;margin:0 0 10px;font-weight:600}

.turnbox{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.turnbox .who{font-family:var(--body);font-size:15.5px;letter-spacing:.06em}
.turnbox .num{color:var(--muted);font-size:13.5px}
.phase{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.phase .p{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;border:1px solid transparent;color:var(--muted);font-size:14px}
.phase .p .dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none}
.phase .p.on{background:var(--ink-750);border-color:var(--gold);color:var(--parch)}
.phase .p.on .dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.nextbtn{width:100%;background:linear-gradient(180deg,#243149,#192234);border:1px solid var(--gold);
  color:var(--parch);padding:9px;border-radius:8px;letter-spacing:.12em;text-transform:uppercase;font-size:12.5px;font-family:var(--body)}
.nextbtn:hover{box-shadow:0 0 14px rgba(224,178,60,.3)}
.minorbtn{width:100%;margin-top:7px;background:var(--ink-800);border:1px solid var(--line);color:var(--muted);
  padding:7px;border-radius:7px;font-size:12.5px;letter-spacing:.06em;font-family:var(--body)}
.minorbtn:hover{color:var(--parch);border-color:var(--muted)}
.log{font-size:13.5px;color:var(--muted);display:flex;flex-direction:column;gap:5px;margin-top:6px;flex:1 1 auto;min-height:80px;overflow-y:auto;padding-right:4px}
.log .e{padding-left:10px;border-left:2px solid var(--line);line-height:1.35}
.log .e b{color:var(--parch);font-weight:600}
.log .e.sys{border-color:var(--gold)} .log .e.warn{border-color:var(--destruction);color:#e6a39c}

.log .lg-row{display:flex;align-items:center;gap:7px;padding:3px 6px 3px 7px;border-left:3px solid var(--line);border-radius:0 7px 7px 0;line-height:1.28;background:linear-gradient(90deg,rgba(255,255,255,.022),transparent 60%)}
.log .lg-sec{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:10px 0 3px;padding:2px 6px 4px;border-bottom:1px solid var(--line-soft,var(--line))}
.log .lg-sec:first-child{margin-top:0}
.log .lg-sec-who{font-family:var(--body);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold)}
.log .lg-sec-meta{font-family:var(--body);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2,var(--muted))}
.log .lg-badge{flex:0 0 auto;min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;gap:1px;padding:0 4px;font-size:12px;border-radius:5px;background:var(--ink-800);color:var(--muted);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.log .lg-badge .lg-amt{font-style:normal;font-size:11px;font-weight:800;line-height:1}
.log .lg-thumbs{flex:0 0 auto;display:flex;gap:2px}
.log .lg-thumb{width:26px;height:34px;object-fit:cover;object-position:50% 22%;border-radius:4px;border:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.45)}
.log .lg-sym{gap:6px;padding:3px 8px}
.log .lg-sym .lg-thumb{width:30px;height:39px}
.log .lg-group{font-size:12px;letter-spacing:-2px;color:var(--muted);opacity:.85}
.log .lg-text{flex:1 1 auto;font-size:12.5px;color:var(--muted)}
.log .lg-text b{color:var(--parch);font-weight:600}
.log .lg-row.warn .lg-text{color:#e6a39c}
.log .lg-damage{border-left-color:var(--destruction)} .log .lg-damage .lg-badge{color:#eb8f83;background:rgba(200,70,60,.18)}
.log .lg-heal{border-left-color:#5fa86b} .log .lg-heal .lg-badge{color:#93d69e;background:rgba(80,165,95,.18)}
.log .lg-wound{border-left-color:#8a8a96} .log .lg-wound .lg-badge{color:#cfd2dc;background:rgba(125,125,138,.22)}
.log .lg-destroy{border-left-color:#9a3f38} .log .lg-destroy .lg-badge{color:#ec9d93;background:rgba(150,55,48,.22)}
.log .lg-summon{border-left-color:#c9a23c} .log .lg-summon .lg-badge{color:#f2d271;background:rgba(205,162,60,.18)}
.log .lg-cast{border-left-color:var(--mastery)} .log .lg-cast .lg-badge{color:#bda1ea;background:rgba(154,107,230,.2)}
.log .lg-burgeon{border-left-color:#e0b23c} .log .lg-burgeon .lg-badge{color:#eec766;background:rgba(224,178,60,.18)}
.log .lg-draw{border-left-color:#5ba9e6} .log .lg-draw .lg-badge{color:#a6cdf5;background:rgba(91,169,230,.18)}
.log .lg-attack{border-left-color:var(--ley-eminence,#d8453b)} .log .lg-attack .lg-badge{color:#eb8f83;background:rgba(216,69,59,.18)}
.log .lg-mod{border-left-color:#9a6be6} .log .lg-mod .lg-badge{color:#bda1ea;background:rgba(154,107,230,.16)}
.log .lg-turn{border-left-color:var(--gold)} .log .lg-turn .lg-badge{color:var(--gold);background:rgba(224,178,60,.16)}
.log .lg-util .lg-badge{color:var(--muted)}
.log .lg-row.sys{border-left-color:var(--gold)}
.log .lg-row.sys .lg-text{color:var(--parch)}

.board{display:flex;flex-direction:column;gap:7px;overflow:auto;position:relative;scrollbar-gutter:stable both-edges}


:root{
  --skin-fw-window:13px; --skin-fw-window-menu:55px!important; --skin-sl-window-menu-lock:170!important;
  --skin-fw-button:8px 24px 8px 24px!important;
  
  --skin-fw-name:32px 72px 32px 72px; 
  --skin-sl-nameframe-lock:75 180 75 180; 
  --skin-name-h:64px;         
  --skin-name-w:480px;        
  --skin-name-content-h:38px; 
  --skin-name-content-w:300px;
  --skin-name-pad-y:4px; --skin-name-pad-x:18px; --skin-name-pad-l:18px;
  --skin-name-shift:34px;     
  --skin-paper-overlap:20px;  
}


body.skin-art [data-skin9], body.skin-art .skin9{ position:relative; isolation:isolate; }
.skin9-overlay{
  content:'' !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important;
  max-width:none !important; max-height:none !important;
  margin:0 !important; padding:0 !important; transform:none !important;
  background:none !important; box-shadow:none !important; border-radius:0 !important;
  z-index:-1 !important; pointer-events:none !important; box-sizing:border-box !important;
  border-style:solid !important; border-color:transparent !important; opacity:1 !important; display:block !important;
}


body.skin-art.has-skin-btn button,
body.skin-art.has-skin-btn .fxr-btn,
body.skin-art.has-skin-btn .advance-hand,
body.skin-art.has-skin-btn .minorbtn,
body.skin-art.has-skin-btn .blk-go{
  position:relative; isolation:isolate;
  background:transparent!important; border-color:transparent!important; box-shadow:none!important;
}
body.skin-art.has-skin-btn button::before,
body.skin-art.has-skin-btn .fxr-btn::before,
body.skin-art.has-skin-btn .advance-hand::before,
body.skin-art.has-skin-btn .minorbtn::before,
body.skin-art.has-skin-btn .blk-go::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important; border-width:var(--skin-fw-button) !important;
  border-image:var(--skin-btn) var(--skin-sl-btn) fill stretch !important;
}
body.skin-art.has-skin-btn-hover button:hover:not(:disabled)::before,
body.skin-art.has-skin-btn-hover .fxr-btn:hover:not(:disabled)::before,
body.skin-art.has-skin-btn-hover .advance-hand:hover:not(:disabled)::before,
body.skin-art.has-skin-btn-hover .minorbtn:hover:not(:disabled)::before{
  border-image:var(--skin-btn-hover) var(--skin-sl-btn-hover) fill stretch !important;
}
body.skin-art.has-skin-btn-pressed button:active:not(:disabled)::before,
body.skin-art.has-skin-btn-pressed .fxr-btn:active:not(:disabled)::before,
body.skin-art.has-skin-btn-pressed .advance-hand:active:not(:disabled)::before,
body.skin-art.has-skin-btn-pressed .minorbtn:active:not(:disabled)::before{
  border-image:var(--skin-btn-pressed) var(--skin-sl-btn-pressed) fill stretch !important;
}
body.skin-art.has-skin-btn-disabled button:disabled::before,
body.skin-art.has-skin-btn-disabled .fxr-btn:disabled::before,
body.skin-art.has-skin-btn-disabled .advance-hand:disabled::before{
  border-image:var(--skin-btn-disabled) var(--skin-sl-btn-disabled) fill stretch !important;
}
body.skin-art.has-skin-btn-disabled button:disabled,
body.skin-art.has-skin-btn-disabled .advance-hand:disabled{ opacity:1; }   



body.skin-art .board::before{
  background-color:transparent!important; background-image:none!important;
  box-shadow:none!important; opacity:1!important;                 
}

body.skin-art.has-skin-paper .board::before{
  top:var(--skin-paper-top, 0px)!important;
  bottom:var(--skin-paper-bottom, 0px)!important;
  left:0!important; right:0!important;
  background-image:var(--skin-paper)!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;                                
}

body.skin-art.has-skin-paper.paperfit-fitheight .board::before{
  background-size:auto 100%!important; background-repeat:repeat-x!important;
}
body.skin-art.has-skin-paper.paperfit-fitwidth .board::before{ background-size:100% auto!important; }
body.skin-art.has-skin-paper.paperfit-contain  .board::before{ background-size:contain!important; }
body.skin-art.has-skin-paper.paperfit-stretch  .board::before{ background-size:100% 100%!important; }
body.skin-art.has-skin-paper.paperfit-tile     .board::before{ background-size:auto!important; background-repeat:repeat!important; }
body.skin-art.has-skin-paper .board{ background-image:none!important; }

body.skin-art.mp-live #ley-stage::before{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;   
  background:#000;
}
body.skin-art.mp-live.has-skin-bg-game #ley-stage::before{
  background-image:var(--skin-bg-game);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}


body.skin-art{ --tex-play:none!important; --tex-conduit:none!important; --tex-hand:none!important; }
body.skin-art .cardrow, body.skin-art .conduit-cell, body.skin-art .hand, body.skin-art .field{
  background-image:none!important; background-color:transparent!important;
}



body.skin-art.has-skin-window-play:not(.has-skin-window-menu) .side{
  position:relative; isolation:isolate;
  background:transparent!important; border-color:transparent!important; box-shadow:none!important;
}
body.skin-art.has-skin-window-play:not(.has-skin-window-menu) .side::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important; border-width:var(--skin-fw-window) !important;
  border-image:var(--skin-window-play) var(--skin-sl-window-play) fill stretch !important;
}
body.skin-art.has-skin-window-conduit .conduit-cell{
  position:relative; isolation:isolate;
  background-image:none!important; background-color:transparent!important; border-color:transparent!important;
  
  box-shadow:0 12px 26px -8px rgba(0,0,0,.78), 0 2px 6px -2px rgba(0,0,0,.6)!important;
}
body.skin-art.has-skin-window-conduit .conduit-cell::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important; border-width:var(--skin-fw-window) !important;
  border-image:var(--skin-window-conduit) var(--skin-sl-window-conduit) fill stretch !important;
}
body.skin-art.has-skin-window-casting .cast-slot{ position:relative; isolation:isolate; }
body.skin-art.has-skin-window-casting .cast-slot::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important; border-width:var(--skin-fw-window) !important;
  border-image:var(--skin-window-casting) var(--skin-sl-window-casting) fill stretch !important;
}
body.skin-art.has-skin-window-menu .side,          
body.skin-art.has-skin-window-menu .setup-panel,   
body.skin-art.has-skin-window-menu .blk-panel,     
body.skin-art.has-skin-window-menu .rail,          
body.skin-art.has-skin-window-menu #fx-rail .fxr-turn,  
body.skin-art.has-skin-window-menu #fx-rail .fxr-win,   
body.skin-art.has-skin-window-menu .mull-panel,    
body.skin-art.has-skin-window-menu .mp-stone{      
  position:relative; isolation:isolate;
  background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:none!important; border-color:transparent!important; box-shadow:none!important;
}

body.skin-art.has-skin-window-menu #fx-rail{
  isolation:isolate;
  background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:none!important; border-color:transparent!important; box-shadow:none!important;
}
body.skin-art.has-skin-window-menu .side::before,
body.skin-art.has-skin-window-menu .setup-panel::before,
body.skin-art.has-skin-window-menu .blk-panel::before,
body.skin-art.has-skin-window-menu .rail::before,
body.skin-art.has-skin-window-menu #fx-rail::before,
body.skin-art.has-skin-window-menu #fx-rail .fxr-turn::before,
body.skin-art.has-skin-window-menu #fx-rail .fxr-win::before,
body.skin-art.has-skin-window-menu .mull-panel::before,
body.skin-art.has-skin-window-menu .mp-stone::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important; border-width:var(--skin-fw-window-menu) !important;
  border-image-source:var(--skin-window-menu) !important;
  border-image-slice:var(--skin-sl-window-menu-lock) fill !important;
  border-image-width:var(--skin-fw-window-menu) !important;
  border-image-repeat:stretch !important;
}


body.skin-art.has-skin-window-menu .side-head{
  background:transparent!important; background-color:transparent!important; background-image:none!important;
  border:0!important; outline:0!important; border-radius:0!important;
  box-shadow:none!important; filter:none!important; backdrop-filter:none!important;
}
body.skin-art.has-skin-window-menu .side-head::before,
body.skin-art.has-skin-window-menu .side-head::after{content:none!important;display:none!important}

body.skin-art.has-skin-nameframe .side-id,
body.skin-art.has-skin-center-nameframe .side-id,
body.skin-art.has-skin-nameframe .side-id-content,
body.skin-art.has-skin-center-nameframe .side-id-content,
body.skin-art.has-skin-nameframe .side-id-frame,
body.skin-art.has-skin-center-nameframe .side-id-frame{
  background:transparent!important; background-color:transparent!important; background-image:none!important;
  border:0!important; outline:0!important; box-shadow:none!important; filter:none!important; backdrop-filter:none!important;
}
body.skin-art.has-skin-nameframe .side-id::before,
body.skin-art.has-skin-nameframe .side-id::after,
body.skin-art.has-skin-center-nameframe .side-id::before,
body.skin-art.has-skin-center-nameframe .side-id::after,
body.skin-art.has-skin-nameframe .side-id-frame::after,
body.skin-art.has-skin-center-nameframe .side-id-frame::after{content:none!important;display:none!important}


body.skin-art.has-skin-scroll-thumb ::-webkit-scrollbar,
body.skin-art.has-skin-scroll-thumb .log::-webkit-scrollbar,
body.skin-art.has-skin-scroll-thumb .rail::-webkit-scrollbar,
body.skin-art.has-skin-scroll-thumb #fx-rail .fxr-body::-webkit-scrollbar,
body.skin-art.has-skin-scroll-thumb .token-rail::-webkit-scrollbar,
body.skin-art.has-skin-scroll-thumb .cardrow::-webkit-scrollbar{ width:14px!important; height:14px!important; }

body.skin-art.has-skin-scroll-track ::-webkit-scrollbar-track,
body.skin-art.has-skin-scroll-track .log::-webkit-scrollbar-track,
body.skin-art.has-skin-scroll-track .rail::-webkit-scrollbar-track,
body.skin-art.has-skin-scroll-track #fx-rail .fxr-body::-webkit-scrollbar-track,
body.skin-art.has-skin-scroll-track .token-rail::-webkit-scrollbar-track,
body.skin-art.has-skin-scroll-track .cardrow::-webkit-scrollbar-track{
  background-color:transparent!important; background-image:var(--skin-scroll-track)!important;
  background-size:100% 100%!important; background-repeat:no-repeat!important; background-clip:border-box!important;
  border:none!important; border-radius:0!important; box-shadow:none!important;
}
body.skin-art.has-skin-scroll-thumb ::-webkit-scrollbar-thumb,
body.skin-art.has-skin-scroll-thumb .log::-webkit-scrollbar-thumb,
body.skin-art.has-skin-scroll-thumb .rail::-webkit-scrollbar-thumb,
body.skin-art.has-skin-scroll-thumb #fx-rail .fxr-body::-webkit-scrollbar-thumb,
body.skin-art.has-skin-scroll-thumb .token-rail::-webkit-scrollbar-thumb,
body.skin-art.has-skin-scroll-thumb .cardrow::-webkit-scrollbar-thumb{
  background-color:transparent!important; background-image:var(--skin-scroll-thumb)!important;
  background-size:100% 100%!important; background-repeat:no-repeat!important; background-clip:border-box!important;
  border:none!important; border-radius:0!important; box-shadow:none!important;
}

body.skin-art, body.skin-art *{ scrollbar-width:auto!important; scrollbar-color:auto!important; }



body.skin-art.has-skin-nameframe .side-head{
  position:relative; justify-content:flex-end;
  min-height:var(--skin-name-h);
}
body.skin-art.has-skin-nameframe .side-id{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  isolation:isolate; margin:0; padding:0;
  min-height:var(--skin-name-content-h); min-width:var(--skin-name-content-w);
  width:var(--skin-name-w); max-width:calc(100% - 24px); overflow:visible;
  align-items:center; justify-content:center; text-align:center; line-height:1;
}
body.skin-art.has-skin-nameframe .side-id-frame{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:100%; height:var(--skin-name-h);
  margin:0; padding:0; box-sizing:border-box; pointer-events:none;
  z-index:-1; isolation:isolate; overflow:visible;
}
body.skin-art.has-skin-nameframe .side-id-content{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:center; gap:9px;
  width:var(--skin-name-content-w); min-width:var(--skin-name-content-w); max-width:calc(100% - 144px); min-height:var(--skin-name-content-h);
  padding:var(--skin-name-pad-y) var(--skin-name-pad-x);
  box-sizing:border-box; white-space:nowrap; overflow:visible;
}
body.skin-art.has-skin-nameframe .side-id > *{ align-self:center; }
body.skin-art.has-skin-nameframe .side-id .nm{
  font-size:var(--nm-size, 26px);
  line-height:1.05; max-width:none; padding:0; white-space:nowrap;
  position:relative; top:var(--skin-name-text-y, 0px);
}
body.skin-art.has-skin-nameframe .side-id .mp-title{
  font-size:var(--nm-title-size, 26px);
  line-height:1.05; white-space:nowrap;
  position:relative; top:var(--skin-name-text-y, 0px);
}
body.skin-art.has-skin-nameframe .side-id-frame::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important;
  border-width:var(--skin-fw-name) !important;
  border-image-source:var(--skin-nameframe)!important;
  border-image-slice:var(--skin-sl-nameframe-lock)!important;
  border-image-width:var(--skin-fw-name)!important;
  border-image-repeat:stretch!important;
}


body.skin-art .side::after{ display:none!important; }

body.skin-art.has-skin-window-play .side{ box-shadow:0 16px 30px -12px rgba(0,0,0,.82)!important; }
body.skin-art.has-skin-window-play .side.you{ box-shadow:0 -16px 30px -12px rgba(0,0,0,.82)!important; }
body.skin-art.has-skin-window-menu .rail, body.skin-art.has-skin-window-menu #fx-rail{
  background:transparent!important; border-color:transparent!important; box-shadow:none!important;
}


body.skin-art .token-chip{
  background:transparent!important; background-color:transparent!important;
  border-color:rgba(198,160,86,.35)!important; color:var(--parch)!important;
}
body.skin-art .token-chip:hover{ background:rgba(224,178,60,.10)!important; border-color:var(--gold)!important; }
body.skin-art .tok-empty{ background:transparent!important; color:var(--muted)!important; }
body.skin-art .token-rail{ background:transparent!important; }


.setup-go.ready, .mp-find-ready{
  background:linear-gradient(180deg,#2A2113,#16100A)!important;
  color:var(--gold)!important;
  border:1px solid var(--gold)!important;
  animation:readyGlow 1.5s ease-in-out infinite;
}
@keyframes readyGlow{
  0%,100%{ text-shadow:0 0 6px rgba(224,178,60,.55), 0 0 14px rgba(224,178,60,.30);
           box-shadow:0 0 0 1px rgba(224,178,60,.55); }
  50%    { text-shadow:0 0 12px rgba(224,178,60,.95), 0 0 26px rgba(224,178,60,.60);
           box-shadow:0 0 0 1px rgba(224,178,60,.95), 0 0 18px rgba(224,178,60,.35); }
}


#mp-connect button.mp-login-pending{
  pointer-events:none!important;
  cursor:wait!important;
  animation:none!important;
}


body.skin-art .confirm-banner,
body.skin-art .pending-panel,
body.skin-art .blk-panel,
body.skin-art .phase-hint-bar,
body.skin-art .float-insp{
  background:linear-gradient(180deg,#26282C,#1B1C1F)!important;
  border:1px solid #45484E!important;
  color:#E9EAEC!important;
  box-shadow:0 24px 70px rgba(0,0,0,.62)!important;
}
body.skin-art .confirm-banner b,
body.skin-art .pending-panel b,
body.skin-art .blk-panel b,
body.skin-art .blk-panel h1{ color:#D8DADE!important; }                 
body.skin-art .confirm-banner .cf-yes{ border-color:#9AA0A6!important; color:#F2F3F5!important; }
body.skin-art .confirm-banner .cf-yes:hover{ box-shadow:0 0 14px rgba(200,205,212,.45)!important; }
body.skin-art .confirm-banner .cf-no{ border-color:#5A5E65!important; color:#C9CCD1!important; }
body.skin-art .banner{ background:rgba(14,15,17,.88)!important; }





#mp-connect{ overflow:hidden!important; }
#mp-connect.mp-account-screen .mp-screenwin{
  width:min(980px,calc(100vw - var(--ley-account-screen-gutter) - var(--ley-account-screen-gutter)));
  height:min(980px,calc(100vh - var(--ley-account-screen-gutter) - var(--ley-account-screen-gutter)));
  flex:0 1 auto;
  margin:0;
  max-width:calc(100vw - var(--ley-account-screen-gutter) - var(--ley-account-screen-gutter));
  max-height:calc(100vh - var(--ley-account-screen-gutter) - var(--ley-account-screen-gutter));
}
#mp-connect .mp-account-layout{
  display:flex!important;flex-wrap:wrap!important;gap:16px!important;align-items:flex-start!important;
  justify-content:center!important;width:100%!important;max-width:800px!important;min-width:0!important;
}
.mp-screenwin{display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;isolation:isolate;
  max-width:min(1250px,96vw);
  aspect-ratio:var(--skin-screen-ar, 1);            
  max-height:96vh;
  min-width:var(--skin-screen-w, 0px);
  min-height:var(--skin-screen-h, 0px);
}
body.skin-art.has-skin-window-screen .mp-screenwin{
  
  padding:var(--skin-screen-pad-t, 6px) var(--skin-screen-pad-x, 90px) var(--skin-screen-pad-b, 80px);
}

body.skin-art.has-skin-window-screen .mp-screenwin{ justify-content:flex-start; }
body.skin-art.has-skin-window-screen .mp-screenwin::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important;
  border-width:var(--skin-fw-screen, 21px) !important;
  border-image:var(--skin-window-screen) var(--skin-sl-window-screen) fill stretch !important;
}


.setup-panel{ margin-top:var(--setup-top, 70px); }


body.skin-art #fx-rail .fxr-sec,
#fx-rail .fxr-sec, #fx-rail .fxr-sub, #fx-rail .fxr-lab, #fx-rail .fxr-win, #fx-rail .fxr-queued, #fx-rail .fxr-hint{
  text-align:center;
}
#fx-rail .fxr-win{ align-items:center; }
#fx-rail .fxr-btns, #fx-rail .fxr-row{ justify-content:center; }


#fx-rail .fxr-turn{ position:relative; top:var(--fxr-turn-y, 5px); }
body.skin-art.has-skin-window-menu #fx-rail .fxr-turn{ padding:9px 12px; margin-bottom:7px; }
.piles{ position:relative; transform:translate(var(--piles-x, -26px), var(--piles-y, 7px)); }


.side.you .conduit-row{ margin-top:var(--cc-row-you, 0px); }
.mp-foe .side .conduit-row{ margin-top:var(--cc-row-foe, 0px); }


body.skin-art.has-skin-window-stat .draft-clock,
body.skin-art.has-skin-window-stat .mull-timer-win,
body.skin-art.has-skin-window-stat .statctl,
body.skin-art.has-skin-window-stat .ticker-win.show,
body.skin-art.has-skin-window-stat .pile,
body.skin-art.has-skin-window-stat .clock-win{
  position:relative; isolation:isolate;
  background:transparent!important; background-color:transparent!important;
  border-color:transparent!important; box-shadow:none!important;
}
body.skin-art.has-skin-window-stat .draft-clock::before,
body.skin-art.has-skin-window-stat .mull-timer-win::before,
body.skin-art.has-skin-window-stat .statctl::before,
body.skin-art.has-skin-window-stat .ticker-win.show::before,
body.skin-art.has-skin-window-stat .pile::before,
body.skin-art.has-skin-window-stat .clock-win::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important;
  border-width:var(--skin-fw-stat, 9px) !important;
  border-image:var(--skin-window-stat) var(--skin-sl-window-stat) fill stretch !important;
}
body.skin-art.has-skin-window-stat .statctl{ padding:var(--skin-stat-pad, 9px) var(--skin-stat-pad, 9px); }

body.skin-art.has-skin-window-stat .draft-clock{
  position:absolute !important; left:var(--draft-clock-x, 14px) !important; top:var(--draft-clock-y, 12px) !important;
  padding:calc(var(--skin-fw-stat, 9px) + 4px) calc(var(--skin-fw-stat, 9px) + 12px) !important; }
body.skin-art.has-skin-window-stat .pile,
body.skin-art.has-skin-window-stat .clock-win{ padding:var(--skin-stat-pad, 9px) var(--skin-stat-pad, 9px); }

body.skin-art.has-skin-window-stat .ticker-win.show{
  padding:calc(var(--skin-fw-stat, 9px) + var(--skin-stat-pad, 6px)) calc(var(--skin-fw-stat, 9px) + var(--skin-stat-pad, 6px) + 4px); }


body.skin-art.has-skin-btn-red .btn-red,
body.skin-art.has-skin-btn-red .mp-forfeit-rail{
  position:relative; isolation:isolate;
  background:transparent!important; border-color:transparent!important; box-shadow:none!important;
}
body.skin-art.has-skin-btn-red .btn-red::before,
body.skin-art.has-skin-btn-red .mp-forfeit-rail::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important;
  border-width:var(--skin-fw-button) !important;
  border-image:var(--skin-btn-red) var(--skin-sl-btn-red) fill stretch !important;
}
body.skin-art.has-skin-btn-red-hover .btn-red:hover:not(:disabled)::before,
body.skin-art.has-skin-btn-red-hover .mp-forfeit-rail:hover:not(:disabled)::before{
  border-image:var(--skin-btn-red-hover) var(--skin-sl-btn-red-hover) fill stretch !important;
}
body.skin-art.has-skin-btn-red-pressed .btn-red:active:not(:disabled)::before,
body.skin-art.has-skin-btn-red-pressed .mp-forfeit-rail:active:not(:disabled)::before{
  border-image:var(--skin-btn-red-pressed) var(--skin-sl-btn-red-pressed) fill stretch !important;
}
body.skin-art.has-skin-btn-red-disabled .btn-red:disabled::before,
body.skin-art.has-skin-btn-red-disabled .mp-forfeit-rail:disabled::before{
  border-image:var(--skin-btn-red-disabled) var(--skin-sl-btn-red-disabled) fill stretch !important;
}

body.skin-art.has-skin-btn .btn-red::before,
body.skin-art.has-skin-btn .mp-forfeit-rail::before{ border-image:var(--skin-btn-red) var(--skin-sl-btn-red) fill stretch !important; }


.rail .minorbtn{ display:none!important; }


.smoke-fx{display:none!important}


body:not(.mp-live) *{animation:none!important}


.mp-screenwin{ position:relative; }
.mp-devline{ position:absolute!important; left:0; right:0; bottom:var(--skin-devline-bottom, 16px);
  margin:0!important; padding:0!important; text-align:center; }
@media (prefers-reduced-motion: reduce){ .smoke-fx{display:none!important} }


body.skin-art.has-skin-window-popup .float-insp,
body.skin-art.has-skin-window-popup .pile-peek,
body.skin-art.has-skin-window-popup .confirm-banner,
body.skin-art.has-skin-window-popup .pending-panel,
body.skin-art.has-skin-window-popup .blk-panel{
  isolation:isolate;
  
  background:var(--skin-popup-bg, #17181B)!important;
  border-color:transparent!important; box-shadow:none!important;
}
body.skin-art.has-skin-window-popup .float-insp::before,
body.skin-art.has-skin-window-popup .pile-peek::before,
body.skin-art.has-skin-window-popup .confirm-banner::before,
body.skin-art.has-skin-window-popup .pending-panel::before,
body.skin-art.has-skin-window-popup .blk-panel::before{
  content:'' !important; position:absolute !important; inset:0 !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; background:none !important;
  box-shadow:none !important; border-radius:0 !important; z-index:-1 !important; pointer-events:none !important;
  box-sizing:border-box !important; display:block !important; opacity:1 !important;
  border-style:solid !important; border-color:transparent !important;
  border-width:var(--skin-fw-popup, 14px) !important;
  border-image:var(--skin-window-popup) var(--skin-sl-window-popup) fill stretch !important;
}


.rail h3, .rail .rail-head, .rail .sec-title{ text-align:center; }


.zone-panel .setup-cancel{
  text-decoration:none!important;
  display:block; margin:16px auto 0; padding:10px 26px; min-width:120px;
  font:600 13.5px var(--body),Georgia,serif; letter-spacing:0; color:#FFFFFF!important;
  background:linear-gradient(180deg,#8d3238,#6d262b)!important; border:1px solid #b8474e!important;
  border-radius:8px; cursor:pointer;
}
.zone-panel .setup-cancel:hover{ background:linear-gradient(180deg,#a13c43,#7d2d33)!important; border-color:#c25a60!important; }


#fine-panel{position:fixed;top:14px;right:556px;width:250px;max-height:calc(100vh - 28px);overflow:auto;z-index:9500;
  background:linear-gradient(180deg,#24262a,#191a1d);border:1px solid #4a4d53;border-radius:10px;padding:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.6);color:#E9EAEC;font:12px var(--body),Georgia,serif}
#fine-panel h4{margin:0 0 8px;font-size:13px;color:#D8DADE}
#fine-panel .fp-grp{margin:11px 0 5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8fb0d8;border-bottom:1px solid #3a3d42;padding-bottom:3px}
#fine-panel .st-row{margin:0 0 7px}
#fine-panel .st-lab{display:flex;justify-content:space-between;font-size:11px;color:#B9BDC3;margin-bottom:1px}
#fine-panel .st-lab b{color:#fff;font-weight:600}
#fine-panel input[type=range]{width:100%;height:15px;cursor:pointer}
#fine-panel .st-btns{display:flex;gap:6px;margin-top:10px}
#fine-panel button{flex:1;padding:6px;font:600 11px var(--body),Georgia,serif;cursor:pointer;background:#2A2C31;color:#E9EAEC;border:1px solid #4a4d53;border-radius:6px}
#fine-panel button.pri{background:linear-gradient(180deg,#2A2113,#16100A);color:var(--gold);border-color:var(--gold)}
#fine-panel .st-out{margin-top:8px;background:#111;border:1px solid #3a3d42;border-radius:6px;padding:7px;font:11px ui-monospace,monospace;color:#9fe0a0;white-space:pre-wrap;user-select:text!important;cursor:text!important}


#skin-tuner{position:fixed;top:14px;right:280px;width:266px;max-height:calc(100vh - 28px);overflow:auto;z-index:9500;
  background:linear-gradient(180deg,#24262a,#191a1d);border:1px solid #4a4d53;border-radius:10px;padding:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.6);color:#E9EAEC;font:12px var(--body),Georgia,serif}
#skin-tuner h4{margin:0 0 8px;font-size:13px;color:#D8DADE;letter-spacing:.04em}
#skin-tuner .st-row{margin:0 0 9px}
#skin-tuner .st-lab{display:flex;justify-content:space-between;font-size:11px;color:#B9BDC3;margin-bottom:2px}
#skin-tuner .st-lab b{color:#fff;font-weight:600}
#skin-tuner input[type=range]{width:100%;height:16px;cursor:pointer}
#skin-tuner select{width:100%;background:#191A1C;color:#E9EAEC;border:1px solid #3C3E42;border-radius:5px;padding:3px}
#skin-tuner .st-btns{display:flex;gap:6px;margin-top:10px}
#skin-tuner button{flex:1;padding:6px;font:600 11px var(--body),Georgia,serif;cursor:pointer;
  background:#2A2C31;color:#E9EAEC;border:1px solid #4a4d53;border-radius:6px}
#skin-tuner button.pri{background:linear-gradient(180deg,#2A2113,#16100A);color:var(--gold);border-color:var(--gold)}
#skin-tuner .st-out{margin-top:8px;background:#111;border:1px solid #3a3d42;border-radius:6px;padding:7px;
  font:11px ui-monospace,monospace;color:#9fe0a0;white-space:pre-wrap;user-select:text!important;cursor:text!important}


.railtoggle{display:block;width:100%;box-sizing:border-box;margin-top:10px;padding:8px 10px;cursor:pointer;
  font:600 12.5px var(--body),Georgia,serif;letter-spacing:.04em;color:var(--muted);
  background:var(--ink-850);border:1px solid var(--line);border-radius:8px;transition:all .15s}
.railtoggle:hover{color:var(--parch);border-color:var(--gold)}

#skin-tune-btn, #fine-btn{ display:none !important; }
.railtoggle.on{color:#f0dfae;border-color:var(--gold);background:linear-gradient(180deg,#2b2113,#1d160d)}


.board-divider{position:relative;flex:0 0 auto;height:2px;margin:6px 10%;border-radius:2px;
  background:linear-gradient(90deg,transparent 0,var(--gold) 8%,var(--gold) 92%,transparent 100%);
  opacity:.8;box-shadow:0 0 12px rgba(224,178,60,.30);filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}
.board-divider::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:12px;
  transform:translate(-50%,-50%) rotate(45deg);background:var(--ink-850);border:2px solid var(--gold);
  box-shadow:0 0 10px rgba(224,178,60,.45)}

.board-divider.foe{background:linear-gradient(90deg,transparent 0,var(--destruction) 8%,var(--destruction) 92%,transparent 100%);
  box-shadow:0 0 12px rgba(216,74,63,.32)}
.board-divider.foe::after{border-color:var(--destruction);box-shadow:0 0 10px rgba(216,74,63,.48)}

.side{border:1px solid var(--line-soft);border-radius:12px;padding:9px;position:relative;z-index:2;
  background:radial-gradient(700px 200px at 50% 0,rgba(40,52,80,.22),transparent 70%),var(--ink-850);transition:box-shadow .2s;
  box-shadow:0 14px 26px -12px rgba(0,0,0,.78)}
.side.you{background:radial-gradient(700px 200px at 50% 100%,rgba(40,52,80,.26),transparent 70%),var(--ink-850);
  box-shadow:0 -14px 26px -12px rgba(0,0,0,.78)}
.side.activeside{box-shadow:0 0 0 1px var(--gold),0 0 22px rgba(224,178,60,.12),0 14px 26px -12px rgba(0,0,0,.78)}
.side.you.activeside{box-shadow:0 0 0 1px var(--gold),0 0 22px rgba(224,178,60,.12),0 -14px 26px -12px rgba(0,0,0,.78)}
.side-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.side-head .nm{font-family:var(--body);letter-spacing:.08em;font-size:14.5px}
.side-head .nm.opp{color:var(--destruction)} .side-head .nm.me{color:var(--incarnation)}
.badge{font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);
  border-radius:20px;padding:2px 8px;font-family:var(--body)}
.piles{display:flex;gap:8px;margin-left:auto;font-size:12.5px;color:var(--muted);align-items:center}
.side-id{display:flex;align-items:center;gap:9px;min-width:0;padding-left:14px}   

.side-id .nm{font-weight:700;font-size:23px;line-height:1.25;white-space:nowrap;max-width:320px;padding:0 2px}

.side-id .mp-title{font-weight:600;font-size:18px;line-height:1.15}
.side-id .mp-title.mp-nm-plain{color:var(--gold)}   

.hand-adv{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 0 7px}
.adv-phase{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;font-size:15px;font-weight:700;
  color:var(--gold);opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.6)}   
.adv-phase.foe{color:var(--destruction)}   
.board.shaking{will-change:transform}   
.advance-hand{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;cursor:pointer;
  color:var(--parch);background:linear-gradient(180deg,#2a3a55,#1a2436);border:1px solid var(--gold);border-radius:9px;padding:7px 28px}
.advance-hand:hover:not(:disabled){box-shadow:0 0 18px rgba(224,178,60,.4)}
.advance-hand:disabled{opacity:.35;cursor:default;box-shadow:none}

.turn-indicator{display:inline-flex;align-items:center}
.ti-div{display:inline-block;width:1px;height:12px;background:currentColor;opacity:.5;margin:0 11px}
.scry-card{position:relative;width:58px;height:80px;border-radius:8px;overflow:hidden;flex:0 0 auto;border:1px solid #7d5fb0;background:rgba(140,110,200,.16);box-shadow:0 0 0 1px rgba(140,110,200,.22),0 4px 12px rgba(0,0,0,.4)}
.scry-card .card-art{width:100%;height:100%;object-fit:cover;display:block}
.scry-card .card-name{position:absolute;left:0;right:0;bottom:0;font-size:8.5px;font-weight:600;color:#fff;text-align:center;padding:2px 3px;line-height:1.12;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.4) 70%,transparent)}
.scry-card .scry-eye{position:absolute;top:2px;left:3px;font-size:11px;text-shadow:0 1px 3px #000}
.scry-card .scry-cue{position:absolute;top:2px;right:3px;font-size:12px;color:#e3d3fb;text-shadow:0 1px 3px #000}
.scry-card.draggable{cursor:grab}
.scry-card.draggable:hover{box-shadow:0 0 0 1px #9d7fd0,0 0 14px rgba(140,110,200,.6)}
.pile{background:var(--ink-800);border:1px solid var(--line);border-radius:6px;padding:5px 9px;text-align:center;min-width:56px}
.pile.click{cursor:pointer}.pile.click:hover{border-color:var(--muted)}
.pile-peek{position:fixed;z-index:9999;display:none;max-height:60vh;overflow:auto;background:#12141c;border:1px solid #2a2d3a;border-radius:10px;padding:8px 10px;box-shadow:0 12px 40px rgba(0,0,0,.55);min-width:180px;max-width:300px;pointer-events:none;font-size:12px;color:#d8dbe6}
.pile-peek .pp-head{font-weight:700;margin-bottom:6px;opacity:.8;font-size:10.5px;letter-spacing:.4px;text-transform:uppercase}
.pile-peek .pp-row{display:flex;align-items:center;gap:7px;padding:2px 0}
.pile-peek .pp-dot{width:8px;height:8px;border-radius:2px;background:var(--ctype,#888);flex:0 0 auto}
.pile-peek .pp-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pile-peek .pp-type{opacity:.5;font-size:10px;flex:0 0 auto}
.pile-peek .pp-empty{opacity:.6;padding:4px 0}
.blk-overlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(6,7,12,.72);backdrop-filter:blur(3px)}
.blk-overlay.show{display:flex}
.blk-panel{background:#151824;border:1px solid #2c3040;border-radius:16px;padding:22px 26px;box-shadow:0 24px 70px rgba(0,0,0,.6);max-width:min(92vw,640px);text-align:center;color:#e6e8f0}
.blk-panel h1{font-size:19px;margin:0 0 4px}
.blk-sub{opacity:.75;font-size:13px;margin:0 0 18px}
.blk-dice{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}
.blk-die{display:flex;flex-direction:column;align-items:center;gap:7px}
.blk-face{width:64px;height:64px;border-radius:12px;background:#f4f1e8;border:1px solid #cbc7ba;box-shadow:inset 0 -3px 6px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.blk-die.changed .blk-face{background:#ffe7a3;border-color:#e0b64a;box-shadow:inset 0 -3px 6px rgba(0,0,0,.14),0 0 0 2px rgba(224,182,74,.5),0 3px 10px rgba(0,0,0,.4)}
.blk-pips{width:46px;height:46px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}
.blk-pips span{border-radius:50%;background:transparent}
.blk-pips span.on{background:#23262e}
.blk-btns{display:flex;gap:6px}
.blk-adj{width:30px;height:30px;border-radius:8px;border:1px solid #3a3f52;background:#232838;color:#e6e8f0;font-size:18px;line-height:1;cursor:pointer;transition:.12s}
.blk-adj:hover:not(:disabled){background:#2e3548;border-color:#556}
.blk-adj:disabled{opacity:.28;cursor:default}
.blk-was{font-size:11px;opacity:.6;min-height:14px}
.blk-die.changed .blk-was{color:#e0b64a;opacity:.95}
.blk-actions{display:flex;gap:12px;justify-content:center}
.blk-keep,.blk-go{padding:9px 18px;border-radius:9px;font-size:14px;cursor:pointer;border:1px solid #3a3f52}
.blk-keep{background:#232838;color:#cfd3e0}.blk-keep:hover{background:#2b3143}
.blk-go{background:#3b6fe0;border-color:#3b6fe0;color:#fff;font-weight:600}.blk-go:hover{background:#2f60cf}
.pile.click{cursor:pointer} .pile.click:hover{border-color:var(--gold);color:var(--parch)}
.pile b{display:block;color:var(--parch);font-size:17px;font-family:var(--body)}

.conduit-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.hand-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%}
.conduit-cell{background-color:var(--ink-800);background-image:var(--tex-conduit,none);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--line-soft);border-radius:10px;padding:var(--cc-cell-pad-y, 18px) var(--cc-cell-pad-x, 17px);position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;gap:8px}
.cc-body{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:10px}
.conduit-row > .conduit-cell:last-child .cc-body{flex-direction:row-reverse}   
.conduit-cell::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(220px 90px at 50% -20%,var(--glow,rgba(224,178,60,.13)),transparent 70%)}
.conduit-cell.mw{filter:grayscale(.55) brightness(.82)}
.conduit-cell.destroyed{filter:grayscale(.9) brightness(.6);opacity:.78}
.card.cc-card.destroyed{border-style:dashed;opacity:.7}
.cc-status .destroyed-tag{color:#9aa0ab}
.mod-link{font-size:12px;font-weight:600;letter-spacing:.02em;color:#cdb1f5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.equip-link{font-size:12px;font-weight:600;letter-spacing:.02em;color:#f0c071;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

.card.gc.is-mod,.card.gc.host-mod{box-shadow:0 0 0 2.5px var(--mastery),0 0 13px rgba(154,107,230,.55)}
.card.gc.ethereal-cast{animation:etherealPulse .72s ease-out}
@keyframes etherealPulse{0%{box-shadow:0 0 0 2px rgba(159,200,255,.9),0 0 26px rgba(159,200,255,.8)}100%{box-shadow:0 0 0 0 rgba(159,200,255,0),0 0 0 rgba(159,200,255,0)}}
.cc-stats{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}
.cc-status{width:100%;text-align:center;line-height:1.1}
.cc-status .wound{color:var(--destruction);font-size:11px;letter-spacing:.1em;display:block}
.statctl{display:inline-flex;align-items:center;gap:4px;background:var(--ink-750);border:1px solid var(--line);
  border-radius:7px;padding:2px 4px}
.statctl .lab{font-size:10px;color:var(--muted);letter-spacing:.06em;padding:0 2px}


.statctl{ align-items:center!important; }
.statctl b, .statctl .lab{
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--skin-stat-line, 22px); line-height:var(--skin-stat-line, 22px);
  position:relative; top:var(--skin-stat-text-y, 0px);
}
.statctl b{font-family:var(--body);font-size:17px;min-width:24px;text-align:center;}
.statctl .lab{ top:calc(var(--skin-stat-text-y, 0px) + var(--skin-stat-lab-y, 0px)); }
@keyframes statPulse{0%{transform:scale(1)}28%{transform:scale(1.34)}100%{transform:scale(1)}}
.statctl b.roll-up,.statctl b.roll-down{display:inline-block;animation:statPulse .5s ease-out}
.statctl b.roll-up{color:#5fe39b!important;text-shadow:0 0 9px rgba(95,227,155,.8)}
.statctl b.roll-down{color:#ff6a5d!important;text-shadow:0 0 9px rgba(255,106,93,.8)}
.statctl.hp b{color:#7fd49a} .statctl.ab b{color:var(--mastery)}
.statctl.ab.modified{border-color:rgba(111,208,224,.6);box-shadow:inset 0 0 8px rgba(111,208,224,.18)}
.statctl.ab.ab-up b{color:#6fd0e0}
.statctl.ab.ab-down{border-color:rgba(224,138,111,.6);box-shadow:inset 0 0 8px rgba(224,138,111,.18)}
.statctl.ab.ab-down b{color:#e08a6f}
.statctl.ab .ab-star{font-family:var(--body);font-size:12.5px;line-height:1;color:#6fd0e0;align-self:flex-start;margin-left:-2px}
.statctl.ab.ab-down .ab-star{color:#e08a6f}
.cc-card-slot{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}
.cast-slot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  min-width:var(--cast-w, 193px);min-height:var(--cast-h,213px)}   
.cast-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:5px}
.dropzone{border:1px dashed var(--line);border-radius:8px;transition:background .12s,border-color .12s}
.cast-drop{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5px}
.cast-drop.empty-slot{color:var(--muted-2);font-size:12.5px;font-style:italic;text-align:center}
.dropzone.over{border-color:var(--gold);background:rgba(224,178,60,.08)}
.dropzone.drag-legal{border-color:var(--incarnation)!important;border-style:solid;background:rgba(70,185,122,.14);
  box-shadow:0 0 14px rgba(70,185,122,.35) inset}
.dropzone.drag-illegal{opacity:.4;border-color:var(--destruction)}

body.dragging-attach .card{opacity:.32;transition:opacity .1s}
body.dragging-attach .card.dragging{opacity:1}
body.dragging-attach .card.drag-legal{opacity:1;outline:2px solid var(--incarnation);outline-offset:1px;
  box-shadow:0 0 16px rgba(70,185,122,.55);cursor:copy}
body.dragging-attach .card.drag-illegal{opacity:.28;filter:grayscale(.5)}
.play-group-sep{flex:0 0 auto;width:1px;align-self:stretch;margin:2px 5px;background:linear-gradient(180deg,transparent,var(--line),transparent)}
.unit-group{display:flex;align-items:flex-start;gap:3px;padding:3px;border-radius:9px;background:rgba(216,162,74,.06);box-shadow:inset 0 0 0 1px rgba(216,162,74,.22)}

.token-stack{position:relative;display:flex;align-items:flex-start}
.token-stack>.card{transition:filter .12s ease}
.token-stack>.card:not(:first-child){margin-left:-99px}   

.token-stack>.card:not(:last-of-type){pointer-events:none!important;z-index:1!important}
.token-stack>.card:last-of-type{position:relative;z-index:26}
.token-stack>.card:last-of-type:hover{z-index:30}
.token-stack>.card.combat-ready:last-of-type{z-index:27}   
.token-stack:hover>.card:not(:last-of-type){filter:brightness(.78)}
.stack-count{position:absolute;top:-7px;right:-7px;z-index:31;min-width:21px;height:21px;padding:0 5px;
  display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--ink-900);
  color:var(--gold);border:1px solid var(--gold);font-family:var(--body);font-weight:700;font-size:12px;
  box-shadow:0 2px 7px rgba(0,0,0,.6);pointer-events:none}
.card.mortally-wounded .card-art{filter:grayscale(1) brightness(.6)}
.card.mortally-wounded::after{content:"";position:absolute;inset:0;border-radius:8px;background:rgba(36,6,8,.5);pointer-events:none;z-index:2}
.card.mortally-wounded .cn,.card.mortally-wounded .ct{color:#9a9a9a}
.mw-label{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%) rotate(-9deg);text-align:center;font-family:var(--body);font-size:11px;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#ff5b5b;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.65);pointer-events:none;z-index:4}
.whip-strike{position:absolute;top:3px;right:3px;z-index:4;font-size:10px;line-height:1;padding:3px 5px;border-radius:6px;cursor:pointer;
  font-family:var(--body);letter-spacing:.03em;background:#5a2a12;color:#ffb37a;border:1px solid #b3531f}
.whip-strike:hover{background:#7a3a18;box-shadow:0 0 10px rgba(220,120,40,.6)}
.hier-toggle{font-family:var(--body);font-size:12.5px;letter-spacing:.03em;padding:5px 11px;border-radius:8px;cursor:pointer;
  background:var(--ink-750);color:var(--muted);border:1px solid var(--line);margin-right:10px;transition:all .12s}
.hier-toggle:hover{border-color:var(--eminence,#D8453B);color:var(--parch)}
.hier-toggle.on{background:rgba(216,69,59,.18);border-color:var(--eminence,#D8453B);color:#f0a59d;box-shadow:0 0 10px rgba(216,69,59,.3)}
.np-controls{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}
.np-controls .hier-toggle{margin-right:0;font-size:14.5px;padding:7px 13px;font-weight:600}

.field{border:1px solid var(--line-soft);border-radius:10px;padding:9px;background:var(--ink-850);position:relative}

.ticker-win{min-height:54px;margin-top:8px;display:flex;align-items:center;justify-content:center;
  padding:10px 16px;border-radius:9px;border:1px solid transparent;background:transparent;box-shadow:none;
  opacity:0;transition:opacity .45s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
  pointer-events:none;overflow:hidden}
.ticker-win.show{opacity:1;
  border-color:rgba(201,162,74,.55);
  background:linear-gradient(180deg,rgba(28,34,48,.96),rgba(16,20,30,.96));
  box-shadow:0 4px 14px rgba(0,0,0,.5),0 0 14px rgba(201,162,74,.16),inset 0 1px 0 rgba(255,255,255,.05)}

body.skin-art.has-skin-window-stat .ticker-win.show{border-radius:0}
.ticker-win .tw-body{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-family:var(--body);font-size:13px;line-height:1.35;letter-spacing:.02em;text-align:center}
.ticker-win b{font-weight:600}

.clock-win{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-width:120px;padding:10px 18px;border-radius:10px;
  background:linear-gradient(180deg,rgba(26,28,36,.95),rgba(14,15,20,.95));
  border:1px solid var(--line);box-shadow:0 3px 10px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
  font-variant-numeric:tabular-nums;letter-spacing:1px;color:#b9c2d0;
  margin-top:var(--clock-top, 10px);   
  margin-right:auto;                   
  margin-left:var(--clock-left, 26px); 
  transition:color .2s,border-color .2s}
body.skin-art.has-skin-window-stat .clock-win{background:none;border:none;box-shadow:none}   
.clock-win .cw-t{font-size:30px;line-height:1.05;font-weight:800;font-variant-numeric:tabular-nums}
.clock-win.running{color:#f2e2b0;border-color:rgba(224,178,60,.6);
  box-shadow:0 0 0 1px rgba(224,178,60,.2),0 3px 12px rgba(0,0,0,.55)}
.clock-win.warn,.clock-win.running.warn{color:#ff6b6b;border-color:rgba(220,80,80,.6)}   
.clock-win.low,.clock-win.running.low{color:#ff4d4d;border-color:rgba(230,60,60,.75)}   
.clock-win.low .cw-t{ animation:cwBlink 1s steps(1,end) infinite }   
@keyframes cwBlink{0%,49%{opacity:1}50%,100%{opacity:.15}}
body.skin-art.has-skin-window-stat .clock-win{padding:var(--skin-stat-pad, 12px) calc(var(--skin-stat-pad, 12px) + 6px)}
@keyframes cwPulse{0%,100%{opacity:1}50%{opacity:.55}}
.ticker-win .ft-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;
  animation:ftFlash .85s ease-out forwards}

.ticker-win .ft-static{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#e9edf5}
@keyframes ftFlash{
  0%{color:var(--gold,#c9a24a);text-shadow:0 0 12px rgba(201,162,74,.75);transform:translateY(-2px)}
  35%{color:var(--gold,#c9a24a);text-shadow:0 0 8px rgba(201,162,74,.45);transform:none}
  100%{color:#e9edf5;text-shadow:none;transform:none}}
@media (prefers-reduced-motion:reduce){ .ticker-win .ft-text{animation:none;color:#e9edf5} }

.row-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:22;width:34px;height:52px;padding:0;
  border:1px solid var(--line-soft);border-radius:8px;cursor:pointer;
  background:rgba(12,16,24,.72) center/contain no-repeat;
  color:var(--gold,#c9a24a);font-size:20px;line-height:1;font-weight:700;
  display:flex;align-items:center;justify-content:center;transition:opacity .12s,filter .12s}
.row-arrow[hidden]{display:none}
.row-arrow-l{left:2px}
.row-arrow-r{right:2px}
.row-arrow::before{content:"\276F"}                      
.row-arrow:hover{filter:brightness(1.15)}
.row-arrow:active{transform:translateY(-50%) scale(.94)}

.roll-win{position:fixed;left:50%;top:14%;transform:translateX(-50%);z-index:190;display:none;
  min-width:280px;padding:14px 20px;border-radius:12px;text-align:center;
  background:linear-gradient(180deg,rgba(26,28,36,.97),rgba(13,14,19,.97));
  border:1px solid var(--line);box-shadow:0 10px 34px rgba(0,0,0,.6)}
.roll-win.show{display:block}
.roll-win .rw-title{font-weight:800;letter-spacing:.6px;margin-bottom:8px;color:#f2e2b0}
.roll-win .rrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 2px}
.roll-win .rrow.win .rnm,.roll-win .rrow.win .rv{color:#9ff5b5}
.roll-win .rnm{font-weight:600;color:#cdd5e2}
.roll-win .rv{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:#e9edf5;min-width:28px}
.roll-win .rv.pending{opacity:.4}
.roll-win .radj{font-size:11px;letter-spacing:.4px;color:#f2c14e;animation:cwPulse 1s ease-in-out infinite}
.roll-win .rw-note{margin-top:8px;font-size:12px;color:#b9c2d0}

#mulligan-overlay.setup-overlay{ background:rgba(8,9,12,.55); padding:0;
  z-index:8500;   
  align-items:center; justify-content:center; }
.mull-panel{ position:relative; max-width:min(1180px,94vw); width:100%;
  margin:var(--mull-top, 0px) auto 0; text-align:center;
  background:linear-gradient(180deg,rgba(24,26,34,.98),rgba(13,14,19,.98));
  border:1px solid var(--line); border-radius:14px; padding:18px 22px 20px;
  box-shadow:0 18px 60px rgba(0,0,0,.7); }
.mull-panel h1{ font-family:var(--body); font-weight:700; color:var(--gold); font-size:25px; margin:0 0 6px; letter-spacing:.02em; }
.mull-panel p{ font-size:13px; color:var(--muted); margin:0 0 12px; line-height:1.5; }
.mull-grid{ grid-template-columns:repeat(7,minmax(0,1fr)); gap:11px; margin:6px 0 14px; }
.mull-panel .draft-clock.mull-clock{ position:static !important; font-size:22px; padding:3px 12px; vertical-align:middle; }
body.skin-art.has-skin-window-stat .mull-panel .draft-clock.mull-clock{ position:static !important; }
.mull-foot{ display:flex; flex-direction:column; align-items:center; gap:7px; }
.mull-status{ font-size:12px; color:var(--muted); letter-spacing:.03em; }

.mull-timer-win{ position:absolute; right:14px; top:-26px; z-index:4;
  display:inline-flex; align-items:center; justify-content:center; min-width:92px; padding:8px 16px;
  background:linear-gradient(180deg,rgba(26,28,36,.97),rgba(13,14,19,.97));
  border:1px solid var(--line); border-radius:10px; box-shadow:0 3px 12px rgba(0,0,0,.55);
  font-variant-numeric:tabular-nums; letter-spacing:1px; color:#f2e2b0; }
.mull-timer-win .cw-t{ font-size:26px; font-weight:800; line-height:1.05; font-variant-numeric:tabular-nums; }
.mull-timer-win .cw-t.low{ color:#ff4d4d; animation:cwBlink 1s steps(1,end) infinite }
body.skin-art.has-skin-window-stat .mull-timer-win{ background:none; border:none; box-shadow:none;
  padding:calc(var(--skin-fw-stat, 9px) + 4px) calc(var(--skin-fw-stat, 9px) + 10px); }
.db-card.mull-locked{ cursor:default; opacity:.92 }
.setup-go.locked{ opacity:.7; cursor:default }
.hier-toggle.blocked{opacity:.42;cursor:not-allowed;filter:grayscale(.55)}   
.row-arrow:hover{cursor:default}   
.row-arrow:disabled{opacity:.35;cursor:default;filter:grayscale(.6)}
.row-arrow-l::before{transform:scaleX(-1)}

body.has-skin-arrow-left  .row-arrow-l{background-image:var(--skin-arrow-left);border-color:transparent;background-color:transparent}
body.has-skin-arrow-right .row-arrow-r{background-image:var(--skin-arrow-right);border-color:transparent;background-color:transparent}
body.has-skin-arrow-left  .row-arrow-l::before,
body.has-skin-arrow-right .row-arrow-r::before{content:""}
body.has-skin-arrow-left.has-skin-arrow-left-hover    .row-arrow-l:hover:not(:disabled){background-image:var(--skin-arrow-left-hover);filter:none}
body.has-skin-arrow-left.has-skin-arrow-left-pressed  .row-arrow-l:active:not(:disabled){background-image:var(--skin-arrow-left-pressed)}
body.has-skin-arrow-left.has-skin-arrow-left-disabled .row-arrow-l:disabled{background-image:var(--skin-arrow-left-disabled);opacity:1;filter:none}
body.has-skin-arrow-right.has-skin-arrow-right-hover    .row-arrow-r:hover:not(:disabled){background-image:var(--skin-arrow-right-hover);filter:none}
body.has-skin-arrow-right.has-skin-arrow-right-pressed  .row-arrow-r:active:not(:disabled){background-image:var(--skin-arrow-right-pressed)}
body.has-skin-arrow-right.has-skin-arrow-right-disabled .row-arrow-r:disabled{background-image:var(--skin-arrow-right-disabled);opacity:1;filter:none}
.cardrow{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;min-height:201px;align-items:center;padding:12px 90px 6px;background-image:var(--tex-play,none);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px}
.cardrow::-webkit-scrollbar{height:9px}
.cardrow::-webkit-scrollbar-track{background:rgba(0,0,0,.28);border-radius:5px}
.cardrow::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold,#c9a24a),#8a6d2c);border-radius:5px;border:1px solid rgba(0,0,0,.35)}
.cardrow::-webkit-scrollbar-thumb:hover{background:var(--gold,#c9a24a)}
.cardrow::-webkit-scrollbar{width:0;height:0;display:none}

.cardrow.popout,.hand.popout,.conduit-cell.popout{overflow:visible;position:relative;z-index:40}
.cardrow.dropzone{min-height:201px}   
.cardrow>.card,.cardrow>.unit-group,.cardrow>.token-stack{flex:0 0 auto}
.cardrow:empty::after{content:"— empty —";color:var(--muted-2);font-style:italic;font-size:12.5px;align-self:center}

.spine{display:flex;align-items:center;justify-content:center;gap:14px;padding:2px 0;position:relative;border-top:2px solid rgba(201,162,74,.42);border-bottom:2px solid rgba(201,162,74,.42);box-shadow:0 -8px 20px -14px rgba(201,162,74,.55),0 8px 20px -14px rgba(201,162,74,.55)}   
.gem{width:24px;height:24px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(45deg);
  border:1px solid rgba(255,255,255,.15);position:relative;flex:none}
.gem::after{content:"";position:absolute;inset:3px;border-radius:inherit;background:rgba(255,255,255,.18)}
.gem.destruction{background:var(--ley-destruction);box-shadow:0 0 9px var(--ley-destruction)}
.gem.incarnation{background:var(--ley-incarnation);box-shadow:0 0 9px rgba(255,255,255,.6)}
.gem.eminence{background:var(--ley-eminence);box-shadow:0 0 9px var(--ley-eminence)}
.gem.fabrication{background:var(--ley-fabrication);box-shadow:0 0 9px var(--ley-fabrication)}
.gem.mastery{background:var(--ley-mastery);box-shadow:0 0 9px var(--ley-mastery)}

.ley-rail{display:flex;flex-direction:column;gap:6px}
.ley-chip{display:flex;align-items:center;gap:12px;padding:5px 8px;border:1px solid var(--line-soft);
  border-radius:8px;background:var(--ink-800);cursor:pointer;padding-left:14px}
.ley-chip:hover{border-color:var(--gold)}
.ley-chip.castable{border-color:var(--gold);cursor:grab;box-shadow:0 0 10px rgba(224,178,60,.25)}
.ley-chip.castable:active{cursor:grabbing}
.ley-chip .ley-name{font-size:13.5px;color:var(--muted)} .ley-chip:hover .ley-name{color:var(--parch)}

.token-rail{display:flex;flex-direction:column;gap:5px;max-height:46vh;overflow-y:auto;padding-right:2px;flex:none}
.token-chip{display:flex;align-items:center;gap:9px;padding:4px 7px;border:1px solid var(--line-soft);
  border-radius:8px;background:var(--ink-800);cursor:default;transition:border-color .15s,background .15s}
.token-chip:hover{border-color:var(--gold);background:var(--ink-750)}
.tok-art{width:27px;height:37px;flex:0 0 auto;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.tok-art-ph{display:flex;align-items:center;justify-content:center;color:var(--muted-2);background:var(--ink-900);font-size:15px}
.tok-name{font-size:12.5px;color:var(--muted);line-height:1.15} .token-chip:hover .tok-name{color:var(--parch)}
.tok-empty{font-size:12.5px;color:var(--muted-2);font-style:italic;padding:4px 2px}

.phasebar{flex-direction:column;gap:8px;padding:6px 0}
.turn-indicator{font-family:var(--body);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px;padding:3px 14px;border-radius:20px;border:1px solid}
.turn-indicator.you{color:var(--gold);border-color:rgba(224,178,60,.5);background:rgba(224,178,60,.08)}
.turn-indicator.foe{color:var(--destruction,#d8453b);border-color:rgba(216,69,59,.5);background:rgba(216,69,59,.08)}
.pb-track{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
.pb{font-family:var(--body);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);
  padding:5px 12px;border:1px solid var(--line-soft);border-radius:20px;background:var(--ink-850);transition:all .15s}
.pb.done{color:var(--muted);opacity:.6}
.pb.on{color:#1a1206;background:linear-gradient(180deg,var(--gold),#caa033);border-color:var(--gold);
  box-shadow:0 0 16px rgba(224,178,60,.4);font-weight:700}
.advance-center{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;font-size:13.5px;
  color:var(--parch);background:linear-gradient(180deg,#2a3a55,#1a2436);border:1px solid var(--gold);
  border-radius:9px;padding:9px 30px}
.advance-center:hover{box-shadow:0 0 18px rgba(224,178,60,.4)}
.advance-center:disabled{opacity:.4;cursor:default;box-shadow:none}

.card{width:94px;min-height:78px;background:linear-gradient(180deg,var(--ink-750),var(--ink-800));
  border:1px solid var(--line);border-top:3px solid var(--ctype,var(--neutral));border-radius:8px;padding:7px;
  cursor:pointer;position:relative;transition:transform .18s ease-out,box-shadow .22s ease-out;user-select:none}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.5)}

.card.card-motion-measure,.card.card-motion-measure:hover,
.card.mp-action-pending,.card.mp-action-pending:hover,
.card.card-motion-settling,.card.card-motion-settling:hover{
  transform:none!important;transition:none!important;animation:none!important;
}
.card.mp-action-pending{z-index:auto!important;}
.card.card-motion-settling{will-change:auto!important;}
.card-motion-ghost,.fx-clone,.med-ghost,.pdrag-avatar{backface-visibility:hidden;transform-style:flat;contain:paint;}
.card.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}

.card.cast-left{border-left:4px solid var(--ctype,var(--neutral))}
.card.cast-right{border-right:4px solid var(--ctype,var(--neutral))}
.card.cast-both{border-left:4px solid var(--ctype,var(--neutral));border-right:4px solid var(--ctype,var(--neutral))}
.card.gc[data-drag]{cursor:grab;touch-action:none}
body.pdragging,body.pdragging .card.gc[data-drag]{cursor:grabbing}
body.pdragging{-webkit-user-select:none;user-select:none}
body.pdragging *{-webkit-user-select:none!important;user-select:none!important}   
.card.dragging{opacity:.32}

.pdrag-avatar{position:fixed;left:0;top:0;z-index:9000;pointer-events:none;will-change:left,top,transform;border-radius:9px;overflow:hidden;background:var(--ink-850);box-shadow:0 42px 78px rgba(0,0,0,.82),0 0 0 2px var(--gold);transform-origin:50% 62%;transition:transform .085s ease-out}
.pdrag-avatar .card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card img,.pdrag-avatar img{-webkit-user-drag:none;user-drag:none}
.card .cn{font-size:12.5px;font-weight:600;line-height:1.15;margin-bottom:3px}
.card .ct{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.card.gc{overflow:hidden;padding:0;transition:transform .18s ease-out,box-shadow .22s ease-out}
.card.gc.drag-lift{width:168px;height:229px;box-shadow:0 38px 70px rgba(0,0,0,.78),0 0 0 2px var(--gold);transform:perspective(760px) rotateX(15deg) scale(1.02)}
.card.gc.mini{width:112px;height:153px}        
.hand .card.gc.mini{width:var(--hand-card-w, 134px);height:var(--hand-card-h,187px)}          
.conduit-cell .card.gc.mini:not(.cc-card){width:144px;height:197px}  
.cardrow .card.gc.mini{width:116px;height:157px}       
.conduit-cell .card.gc.cc-card, .card.gc.cc-card{width:var(--cc-card-w, 171px);height:var(--cc-card-h, 216px);padding:0}          
.card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:6px}

.card.gc.cc-card .card-art{ object-position:var(--cc-art-x, 40%) var(--cc-art-y, 51%); }
.card.gc.cc-card .card-art{object-position:top}
.card.gc .ct{position:absolute;top:5px;left:6px;z-index:3;margin:0;color:#dbe3f2;background:rgba(8,12,22,.62);padding:1px 4px;border-radius:3px;font-size:8.5px}
.card.gc .card-name{position:absolute;left:0;right:0;bottom:0;z-index:3;min-height:calc(100% * 122 / 1122);display:flex;align-items:flex-end;justify-content:center;text-align:center;font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.01em;color:#f3ecd8;line-height:1.04;padding:7px 4px 3px;word-break:break-word;background:linear-gradient(180deg,transparent,rgba(3,5,10,.72) 36%,#000);text-shadow:0 1px 2px #000,0 0 5px rgba(0,0,0,.85);border-radius:0 0 6px 6px}

.card.gc .cond-badges{position:absolute;top:22px;left:6px;right:auto;z-index:3;display:flex;flex-direction:column;gap:2px;align-items:flex-start}

.card.gc .card-markers{position:absolute;left:6px;right:6px;bottom:20px;z-index:4;display:flex;flex-direction:column;gap:3px;align-items:flex-start;pointer-events:none}
.card.gc .card-markers .unit-badges{position:static;left:auto;bottom:auto;top:auto;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.card.gc.cc-card .cond-badges{top:auto;bottom:6px;left:0;right:0;flex-direction:row;justify-content:center;align-items:center}
.card.gc.cc-card .cc-wound-tag{position:absolute;top:5px;left:0;right:0;z-index:4;display:flex;justify-content:center;pointer-events:none}
.card.gc .mod-link,.card.gc .equip-link{position:static;z-index:4;background:rgba(4,7,13,.92);border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:2px 6px;width:fit-content;max-width:100%;box-shadow:0 1px 3px rgba(0,0,0,.6)}
.card.gc.facedown::after{font-size:34px}
.card.gc .mod-link{border-color:rgba(154,107,230,.55)}
.card.gc .equip-link{border-color:rgba(216,162,74,.6)}
.card.gc .mw-label,.card.gc .drag-cue,.card.gc .pt-badge{position:relative;z-index:3}
.card.gc.cc-card{border:none}
.card.gc.cc-card .card-name{font-size:13.5px;padding-top:20px}
.card.facedown{background:repeating-linear-gradient(45deg,#16203a,#16203a 6px,#141b30 6px,#141b30 12px);
  border-top-color:var(--line);display:flex;align-items:center;justify-content:center}
.card.facedown .cn,.card.facedown .ct{display:none}
.card.facedown::after{content:"❖";color:var(--muted-2);font-size:19px}
.card-back{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;z-index:2}
.card.mini{width:88px;min-height:74px}
.drag-ghost{position:fixed;left:-9999px;top:0;pointer-events:none}   

.card.cc-card{width:108px;min-height:84px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px}
.card.cc-card .cn{font-size:15.5px;margin:0;line-height:1.15}
.card.delayed .card-art{filter:grayscale(1) brightness(.62)}
.card.delayed::after{content:"";position:absolute;inset:0;border-radius:8px;background:rgba(9,10,16,.5);pointer-events:none;z-index:2}
.delayed-label{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%) rotate(-9deg);text-align:center;font-family:var(--body);font-size:15px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#cdd2e2;text-shadow:0 1px 3px #000;pointer-events:none;z-index:4}
.card.disabled{opacity:.42;cursor:default;filter:grayscale(.4)}
.card.disabled:hover{transform:none;box-shadow:none;border-color:var(--line)}
@keyframes pulseMust{0%,100%{box-shadow:0 0 0 3px #FFC52E,0 0 24px rgba(255,185,20,.85),inset 0 0 12px rgba(255,197,46,.35)}50%{box-shadow:0 0 0 5px #FFF0AD,0 0 40px rgba(255,185,20,1),inset 0 0 11px rgba(255,224,130,.22)}}
@keyframes pulseMay{0%,100%{box-shadow:0 0 0 3px #3EADFF,0 0 22px rgba(40,155,255,.8),inset 0 0 12px rgba(62,173,255,.35)}50%{box-shadow:0 0 0 5px #B8E7FF,0 0 38px rgba(40,155,255,1),inset 0 0 10px rgba(91,169,230,.2)}}
.card.must{border-color:#FFE082;animation:pulseMust 1.2s ease-in-out infinite}        
.card.may{border-color:#8DCDFF;animation:pulseMay 1.35s ease-in-out infinite}      

body:not(.targeting) .card.may:not(.must):not(.combat-ready){outline:3px solid #66C4FF;outline-offset:2px}
body:not(.targeting) .card.must:not(.combat-ready){outline:3px solid #FFD34D;outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  body .card.may:not(.combat-ready),body .card.must:not(.combat-ready){animation:none!important}
  body .card.may:not(.must):not(.combat-ready){box-shadow:0 0 0 3px #3EADFF,0 0 22px rgba(40,155,255,.8)}
  body .card.must:not(.combat-ready){box-shadow:0 0 0 3px #FFC52E,0 0 24px rgba(255,185,20,.85)}
}
@keyframes pulseMod{0%,100%{box-shadow:0 0 0 1px var(--mastery),0 0 12px rgba(154,107,230,.35)}50%{box-shadow:0 0 0 2px var(--mastery),0 0 22px rgba(154,107,230,.6)}}
.card.mod-pending{border-color:var(--mastery);border-style:dashed;cursor:grab;animation:pulseMod 1.15s ease-in-out infinite}
.card.mod-pending:active{cursor:grabbing}
.drag-cue{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:8.5px;letter-spacing:.02em;color:var(--mastery);opacity:.95;pointer-events:none}
.unit-badges{position:absolute;bottom:3px;left:4px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:2}
.ub{font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:1.5px 5px;font-weight:700;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.92);box-shadow:0 1px 3px rgba(0,0,0,.55)}
.ub.mod{background:rgba(12,8,20,.93);color:#d2b8f7;border:1px solid rgba(154,107,230,.78)}
.ub.eq{background:rgba(16,11,4,.93);color:#f3c884;border:1px solid rgba(216,162,74,.8)}
.ub.tuck{background:rgba(4,15,15,.93);color:#8fe6df;border:1px solid rgba(74,200,194,.8)}
.ub.nul{background:rgba(20,6,8,.94);color:#ff9a93;border:1px solid rgba(216,69,59,.85)}       
.ub.wound{background:rgba(20,6,8,.94);color:#ff8f88;border:1px solid rgba(216,69,59,.9)}       
.ub.copy{background:rgba(6,14,20,.94);color:#8fb8ff;border:1px solid rgba(90,140,230,.82)}     
.card.gc.nullified-card{filter:grayscale(.55) brightness(.82)}                                  
.card.gc.nullified-card .card-art{filter:grayscale(.4)}
.cond-badges{position:absolute;bottom:5px;left:0;right:0;display:flex;flex-direction:row;justify-content:center;gap:4px;pointer-events:none}
.insp-attach{margin-top:11px;padding-top:10px;border-top:1px solid var(--line-soft)}
.att-lab{font-family:var(--body);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:6px 0 3px}
.att-lab.mod{color:#c4a9f0} .att-lab.eq{color:#e6c489} .att-lab.tuck{color:#86e0d9}
.att-item{font-size:13px;color:var(--parch);padding:4px 8px;background:var(--ink-750);border:1px solid var(--line);border-radius:6px;margin-bottom:3px}
.att-item b{display:block}
.att-desc{display:block;font-size:11px;color:var(--muted);line-height:1.4;margin-top:2px}
.att-ctr{font-size:11px;color:var(--muted)}
.phase-notice{background:linear-gradient(90deg,rgba(224,178,60,.12),transparent);border:1px solid var(--line);
  border-left:3px solid var(--gold);border-radius:7px;padding:7px 11px;margin-bottom:10px;font-size:13.5px;color:var(--parch)}
.pn-must{color:var(--gold);font-weight:600} .pn-may{color:var(--invoke);font-weight:600}


.arrow-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60;display:none}
.arrow-overlay.ai-aim #arrow-path{stroke:var(--destruction,#d8453b);marker-end:url(#arrowhead-ai)}
.arrow-overlay.mp-oppaim #arrow-path{stroke:var(--destruction,#d8453b);marker-end:url(#arrowhead-ai);animation:mpArrowFade 1.15s ease-out forwards}
@keyframes mpArrowFade{0%{opacity:0}14%{opacity:1}62%{opacity:1}100%{opacity:0}}
.arrow-overlay.show{display:block}
.target-banner{position:fixed;top:auto;bottom:12px;left:50%;transform:translateX(-50%);z-index:61;display:none;
  background:linear-gradient(180deg,#22304a,#16203a);border:1px solid var(--gold);border-radius:9px;
  padding:9px 18px;font-size:14.5px;color:var(--parch);box-shadow:0 6px 24px rgba(0,0,0,.5);max-width:80vw;text-align:center}
.target-banner.show{display:block}
.target-banner b{color:var(--gold)} .target-banner .esc{color:var(--muted);font-size:12.5px;margin-left:8px}
.target-banner .target-cancel{margin-left:10px;padding:3px 10px;min-height:28px;border:1px solid var(--muted);background:rgba(0,0,0,.22);color:var(--parch);font:600 12px Georgia,serif;cursor:pointer}
.target-banner .target-cancel:hover{border-color:var(--gold);color:var(--gold)}
.target-banner .target-invalid{display:block;min-height:0;margin-top:0;color:#ffb1a8;font-size:12px;font-weight:700}
.target-banner.invalid .target-invalid{min-height:15px;margin-top:4px}

body.skin-art.has-skin-window-menu .target-banner.window-menu{
  position:fixed!important;isolation:isolate;background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:none!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important;
  padding:24px 58px 22px!important;min-height:88px;min-width:520px;
}
body.skin-art.has-skin-window-menu .target-banner.window-menu::before{
  content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;transform:none!important;background:none!important;box-shadow:none!important;
  border-radius:0!important;z-index:-1!important;pointer-events:none!important;box-sizing:border-box!important;
  display:block!important;opacity:1!important;border-style:solid!important;border-color:transparent!important;
  border-width:var(--skin-fw-window-menu)!important;border-image-source:var(--skin-window-menu)!important;
  border-image-slice:var(--skin-sl-window-menu-lock) fill!important;border-image-width:var(--skin-fw-window-menu)!important;
  border-image-repeat:stretch!important;
}
.target-banner.invalid{animation:targetReject .18s ease-in-out}
@keyframes targetReject{0%,100%{transform:translateX(-50%)}35%{transform:translateX(calc(-50% - 5px))}70%{transform:translateX(calc(-50% + 5px))}}
.target-banner .tb-src{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;font-size:12.5px;
  font-weight:600;color:#0f1420;background:var(--gold,#E0B23C);vertical-align:1px}   
#dmg-preview{position:fixed;transform:translate(-50%,-100%);z-index:1500;pointer-events:none;display:none;
  align-items:center;gap:8px;background:rgba(20,16,10,.96);border:1px solid var(--gold,#E0B23C);border-radius:8px;
  padding:4px 10px;font:800 13px/1.2 inherit;color:#F3ECD8;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.55)}
#dmg-preview.show{display:inline-flex}
#dmg-preview .dp-amt{color:var(--gold,#E0B23C);font-size:15px;font-weight:800}
#dmg-preview .dp-hp{color:#CFE8C9;font-weight:600;font-variant-numeric:tabular-nums}
#dmg-preview .dp-tag{font-weight:700}
#dmg-preview .dp-opt{color:var(--muted,#a8977e);font-size:11px;font-weight:500}
#dmg-preview.kill{border-color:#c94b52} #dmg-preview.kill .dp-tag{color:#ff9aa0}
#dmg-preview.safe{border-color:#5a6b7a} #dmg-preview.safe .dp-hp{color:#9fb0bf}
body.targeting .card{opacity:.32;transition:opacity .12s}
body.targeting .card.legal-target{opacity:1;cursor:crosshair;outline:2px solid var(--incarnation);
  outline-offset:1px;box-shadow:0 0 14px rgba(70,185,122,.5)}
body.targeting .card.legal-target:hover{box-shadow:0 0 22px rgba(70,185,122,.85);transform:translateY(-3px)}
body.targeting .card.targeting-source{opacity:1;outline:2px solid var(--gold);outline-offset:1px;box-shadow:0 0 16px rgba(224,178,60,.6)}
.card.activatable{cursor:pointer}
@keyframes pulseCombat{0%,100%{box-shadow:0 0 0 1px var(--ley-eminence),0 0 12px rgba(216,69,59,.4)}50%{box-shadow:0 0 0 2px var(--ley-eminence),0 0 22px rgba(216,69,59,.7)}}

.card.combat-ready{border-color:#e8564a!important;cursor:crosshair;animation:pulseCombatRed 1.05s ease-in-out infinite}
@keyframes pulseCombatRed{
  0%,100%{box-shadow:0 0 0 2px rgba(232,86,74,.35),0 0 12px rgba(232,86,74,.40)}
  50%{box-shadow:0 0 0 3px rgba(232,86,74,.70),0 0 26px rgba(232,86,74,.80)}}
.combat-banner{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:61;display:none;
  background:linear-gradient(180deg,#3a1f1d,#2a1614);border:1px solid var(--ley-eminence);border-radius:10px;
  padding:10px 16px;font-size:14.5px;color:var(--parch);box-shadow:0 6px 26px rgba(0,0,0,.55)}
.combat-banner.show{display:flex;align-items:center;gap:14px}
.combat-banner b{color:var(--ley-eminence)}
.confirm-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:140;display:none;
  background:linear-gradient(180deg,#2a2620,#1d1a15);border:1px solid var(--gold);border-radius:12px;
  padding:16px 20px;font-size:15.5px;color:var(--parch);box-shadow:0 10px 40px rgba(0,0,0,.7);max-width:min(680px,calc(100vw - 32px));text-align:center}
.confirm-banner.show{display:block}
.cf-reveals{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:13px auto 4px}
.cf-reveal-wrap{position:relative;flex:0 0 auto}
.cf-reveal-card.card.gc.mini{width:96px;height:131px;border-color:var(--ctype,var(--line));cursor:help}
.cf-reveal-card.card.gc.mini:hover{transform:none;box-shadow:0 0 0 1px var(--gold),0 5px 18px rgba(0,0,0,.58)}
.cf-reveal-pos{position:absolute;top:-6px;left:-6px;z-index:6;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#111;font:700 11px var(--body);box-shadow:0 2px 6px rgba(0,0,0,.65)}

.setup-overlay{position:fixed;inset:0;z-index:200;display:none;background:rgba(8,9,12,.92);overflow:auto;padding:20px 16px}
.setup-overlay.show{display:flex;align-items:flex-start;justify-content:center}
.setup-panel{position:relative;max-width:min(1640px,96vw);width:100%;margin:0 auto;text-align:center;background:var(--ink-850);border:1px solid var(--line);border-radius:16px;padding:24px 24px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.setup-panel.wide{max-width:min(1640px,96vw)}
.setup-panel h1{font-family:var(--body);font-weight:700;color:var(--gold);font-size:27px;letter-spacing:.02em;margin:0 0 6px}
.setup-panel p{color:var(--muted);font-size:14.5px;margin:4px 0 14px}
.setup-panel b{color:var(--parch)}
.setup-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px}
.setup-grid.neutrals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.setup-conduit{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:224px}
.setup-conduit .setup-card{width:100%}
.setup-cards{font-size:10.5px;color:var(--muted-2);line-height:1.35;width:100%;text-align:left}
.kit-card{margin-top:6px;padding-top:5px;border-top:1px solid var(--line)}
.kit-card.kit-token{border-top:1px dashed var(--gold);opacity:.85}
.kit-card.kit-token .kit-t{color:var(--gold);opacity:.8}
.kit-n{font-size:11px;font-weight:600;color:var(--parch)}
.kit-t{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;font-weight:400}
.setup-card{position:relative;width:208px;min-height:auto;background:linear-gradient(180deg,var(--ink-750),var(--ink-800));
  border:1px solid var(--line);border-left:3px solid var(--ctype,#888);border-radius:9px;padding:9px 11px 10px;cursor:pointer;text-align:left;transition:all .1s}
.setup-grid.neutrals .setup-card{width:auto;min-height:auto}
.setup-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.setup-card.sel{border-color:var(--incarnation);box-shadow:0 0 14px rgba(70,185,122,.45);background:rgba(70,185,122,.08)}
.setup-card .cn{font-size:13px;font-weight:600;color:var(--parch);line-height:1.2}
.setup-card .ct{font-size:10px;color:var(--muted-2);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
.setup-eff{margin-top:7px}

.setup-card.offphase{opacity:.5;border-left-style:dashed}
.setup-card.offphase:hover{opacity:.85}
.setup-conduit.offphase{opacity:.62}
.offphase-tag{position:absolute;top:6px;right:7px;font-family:var(--body);font-size:9.5px;letter-spacing:.04em;color:#c9a14a;background:rgba(201,161,74,.12);border:1px solid rgba(201,161,74,.4);border-radius:10px;padding:1px 6px}
.offphase-tag.inline{position:static;display:inline-block;padding:0 5px}
.offphase-note{font-size:10px;color:#c9a14a;text-align:center;letter-spacing:.03em}
.kit-card.offphase{opacity:.5}
.pt-badge{position:absolute;top:4px;left:4px;z-index:3;font-family:var(--body);font-size:9px;font-weight:600;letter-spacing:.02em;color:#7fd4a8;background:rgba(70,185,122,.16);border:1px solid rgba(70,185,122,.55);border-radius:9px;padding:1px 5px;pointer-events:none}
.phase-legend{font-size:13.5px;color:var(--muted);background:var(--ink-850);border:1px solid var(--line);border-radius:8px;padding:8px 11px;margin:0 0 12px}
.phase-list{display:flex;flex-direction:column;gap:9px;margin:14px 0}
.phase-opt{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--ink-800);border:1px solid var(--line);border-radius:9px;padding:11px 14px;cursor:pointer;color:var(--parch);transition:all .1s}
.phase-opt:hover{border-color:var(--gold);transform:translateY(-1px)}
.phase-opt b{font-size:14.5px}
.phase-opt span{font-size:12px;color:var(--muted);line-height:1.45}
.se{font-family:var(--desc);font-size:11px;line-height:1.4;margin-top:4px;padding-left:7px;border-left:2px solid var(--muted-2);color:var(--muted)}
.se-lab{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--body);opacity:.8}
.se.invoke{border-color:var(--invoke);color:#bcd9f2} .se.invoke .se-lab{color:var(--invoke)}
.se.resolution{border-color:var(--resolution);color:#e6b0aa} .se.resolution .se-lab{color:var(--resolution)}
.se.eternal{border-color:var(--eternal);color:#cdb8ef} .se.eternal .se-lab{color:var(--eternal)}
.se.passive{border-color:var(--muted-2);color:var(--muted)}
.setup-grid.cutting .setup-card.sel{border-color:#c8443b;box-shadow:0 0 14px rgba(200,68,59,.4);background:rgba(200,68,59,.09);opacity:.62;filter:grayscale(.35)}
.setup-grid.cutting .setup-card.sel .setup-check{color:#e07368}

.db-card{position:relative;border-radius:9px;overflow:hidden;background:var(--ink-800);border:1px solid var(--line)}
.db-card .card-art{width:100%;height:100%;object-fit:cover;display:block}
.db-card .card-name{position:absolute;left:0;right:0;bottom:0;font-size:11px;font-weight:600;color:#fff;text-align:center;padding:4px 5px;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.45) 60%,rgba(0,0,0,0));line-height:1.18}
.db-card .card-name .kit-t{font-weight:500;color:var(--gold);font-size:9.5px}
.db-check{position:absolute;top:5px;right:5px;width:23px;height:23px;border-radius:50%;background:var(--incarnation);color:#08110b;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 7px rgba(0,0,0,.55);z-index:3}
.db-check.cut-check{background:#c8443b;color:#fff}
.db-conduit-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:6px 0 4px}
.db-pickbar{display:flex;justify-content:center;align-items:center;gap:14px;margin:2px 0 10px}
.draft-clock{position:absolute;left:var(--draft-clock-x, 14px);top:var(--draft-clock-y, 12px);z-index:6;display:inline-block;font-variant-numeric:tabular-nums;font-weight:800;font-size:26px;letter-spacing:.6px;color:#f2e2b0;
  padding:6px 16px;border:1px solid rgba(224,178,60,.55);border-radius:9px;background:rgba(20,22,29,.9);
  box-shadow:0 2px 10px rgba(0,0,0,.45);vertical-align:middle}
.draft-clock.low{color:#ff8f8f;border-color:rgba(220,80,80,.65);animation:cwPulse 1s ease-in-out infinite}
.draft-matchup{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:4px auto 14px;padding:10px 16px;background:var(--ink-900);border:1px solid var(--line);border-radius:12px;max-width:820px}
.draft-matchup .mu-side{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:200px}
.draft-matchup .mu-label{font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--ink-300)}
.draft-matchup .mu-foe .mu-label{color:var(--danger,#d9755b)}
.draft-matchup .mu-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.draft-matchup .mu-chip{font-family:var(--head,var(--body));font-size:13px;font-weight:600;color:var(--ink-050);background:var(--ink-800);border:1px solid var(--line);border-radius:999px;padding:3px 12px;white-space:nowrap}
.draft-matchup .mu-foe .mu-chip{border-color:color-mix(in srgb,var(--danger,#d9755b) 45%,var(--line))}
.draft-matchup .mu-unknown{color:var(--ink-400);font-style:italic;font-weight:400;background:transparent}
.draft-matchup .mu-vs{font-family:var(--body);letter-spacing:.1em;font-size:12px;color:var(--ink-400);font-weight:700}
.db-pickcount{font-family:var(--body);letter-spacing:.05em;font-size:12.5px;color:var(--muted);background:var(--ink-800);border:1px solid var(--line);border-radius:20px;padding:5px 16px}
.db-pickcount b{color:var(--gold);font-size:15px}
.db-pickcount .db-of{color:var(--muted-2)}
.db-divider{display:flex;align-items:center;gap:12px;margin:12px 2px 9px;color:var(--muted-2);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-family:var(--body)}
.db-divider::before,.db-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.reveal-head{display:flex;align-items:baseline;gap:12px;padding:0 2px 9px;flex:0 0 auto;border-bottom:1px solid var(--line);margin-bottom:11px}
.reveal-title{font-family:var(--body);font-weight:700;font-size:20px;letter-spacing:.01em}
.reveal-sub{font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.db-conduit-tile{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;width:112px}
.db-conduit-tile .db-card{transition:box-shadow .15s,border-color .15s}
.db-conduit-tile .db-card{width:112px;height:153px}
.db-conduit-tile .db-name{font-size:12px;font-weight:600;color:var(--parch);text-align:center;line-height:1.2}
.db-conduit-tile.sel .db-card{border-color:var(--incarnation);box-shadow:0 0 17px rgba(70,185,122,.55)}
.db-conduit-tile.sel .db-name{color:#7fe0a6}
.db-conduit-tile.peek .db-card{border-color:var(--gold);box-shadow:0 0 17px rgba(224,178,60,.5)}
.db-conduit-tile.offphase{opacity:.6}
.conduit-reveal{opacity:0;overflow:visible;text-align:left;margin:0 0 16px;transition:opacity .2s ease;display:flex;flex-direction:column;background:var(--ink-900);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.conduit-reveal.show{opacity:1}
.conduit-reveal-inner{display:flex;gap:16px;align-items:stretch;height:clamp(300px,42vh,440px)}
.insp-window{background:var(--ink-850);border:1px solid var(--line);border-radius:10px;padding:12px 15px;box-shadow:0 8px 26px rgba(0,0,0,.45)}
.db-reveal-cond{flex:0 0 330px;overflow-y:auto;max-height:100%}        
.db-kit-grid{flex:1 1 auto;display:grid;gap:12px 11px;align-content:start;justify-content:start;overflow:visible}   
.db-kit-entry{display:block;cursor:pointer;animation:kitFade .4s ease both;min-width:0}
.db-kit-entry .db-card{width:100%;aspect-ratio:3/4;height:auto;border:2px solid var(--ctype,var(--neutral));transition:transform .12s,box-shadow .12s,border-color .12s}
.db-kit-entry .db-card .card-name{font-size:11px;padding:3px 5px;line-height:1.14}
.db-kit-entry:hover .db-card{transform:translateY(-3px);box-shadow:0 7px 18px rgba(0,0,0,.55)}
.db-kit-entry.detail .db-card{box-shadow:0 0 0 2px var(--gold),0 7px 18px rgba(0,0,0,.55)}
.db-kit-entry.tok .db-card{border-style:dashed;border-color:var(--gold)}
.db-kit-entry.offphase{opacity:.5}
@keyframes kitFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.db-neutral-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:8px 0 16px;justify-items:center}
.db-card.db-neutral{width:124px;height:168px;cursor:pointer;transition:transform .15s,box-shadow .15s;border:2.5px solid var(--ctype,var(--neutral))}
.db-card.db-neutral:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 0 1px var(--ctype)}
.db-card.db-neutral.cut{filter:grayscale(.55);opacity:.6;border-color:#c8443b!important;box-shadow:none}
.db-card.offphase{opacity:.5}
.zone-grid{max-height:62vh;overflow:auto;padding:4px;margin-bottom:6px}
.zone-count{font-family:var(--body);color:var(--muted);font-size:17px;margin-left:4px}
.setup-check{position:absolute;top:5px;right:6px;color:var(--incarnation);font-weight:700;font-size:14.5px}
.setup-go{font-family:var(--body);letter-spacing:.06em;font-size:14.5px;text-transform:uppercase;color:var(--ink-900);
  background:var(--gold);border:none;border-radius:9px;padding:11px 22px;cursor:pointer;margin-top:6px}
.setup-go:hover{box-shadow:0 0 18px rgba(224,178,60,.55)}
.setup-go:disabled{background:var(--ink-700);color:var(--muted-2);cursor:not-allowed;box-shadow:none}
.setup-cancel{display:block;margin:14px auto 0;background:none;border:none;color:var(--muted-2);font-size:12.5px;cursor:pointer;text-decoration:underline}
.confirm-banner b{color:var(--gold)}
.confirm-banner .cf-row{margin-top:12px;display:flex;gap:10px;justify-content:center}
.confirm-banner button{font-family:var(--body);letter-spacing:.08em;font-size:12.5px;text-transform:uppercase;color:var(--parch);
  background:var(--ink-800);border:1px solid var(--gold);border-radius:7px;padding:6px 16px;cursor:pointer}
.confirm-banner .cf-yes:hover{box-shadow:0 0 14px rgba(224,178,60,.5)}
.confirm-banner .cf-no{border-color:var(--line)} .confirm-banner .cf-no:hover{box-shadow:0 0 12px rgba(255,255,255,.15)}
.end-combat{font-family:var(--body);letter-spacing:.08em;font-size:12.5px;text-transform:uppercase;color:var(--parch);
  background:var(--ink-800);border:1px solid var(--ley-eminence);border-radius:7px;padding:5px 12px;cursor:pointer}
.end-combat:hover{box-shadow:0 0 14px rgba(216,69,59,.45)}
.card .ctr{position:absolute;bottom:4px;right:5px;display:flex;gap:3px;align-items:center}
.card.gc .ctr{bottom:auto;top:5px;right:6px;z-index:4}
.card .ctr .cv{background:var(--eminence);color:#1a1206;font-size:11px;font-weight:700;border-radius:9px;
  padding:0 5px;font-family:var(--body);min-width:14px;text-align:center}
.destroy-x{position:absolute;top:5px;right:5px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;
  border:1px solid var(--destruction);background:rgba(10,10,16,.92);color:var(--destruction);font-size:12px;padding:0;
  box-shadow:0 1px 5px rgba(0,0,0,.7);z-index:6;cursor:pointer}
.destroy-x:hover{background:var(--destruction);color:#fff}
.cast-drop{position:relative}

.cast-x{
  position:absolute!important;   
  top:var(--cast-x-y, 8px); right:var(--cast-x-x, 8px); z-index:60;
  width:var(--cast-x-size, 32px); height:var(--cast-x-size, 32px);
  border-radius:7px;
  font:700 15px var(--body),Georgia,serif; line-height:1;
  color:#FFFFFF!important;
  background:linear-gradient(180deg,#8d3238,#6d262b)!important;
  border:1px solid #b8474e!important;
  box-shadow:0 3px 12px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.35);
  transition:transform .1s ease, box-shadow .15s ease;
}
.cast-x:hover{
  background:linear-gradient(180deg,#a13c43,#7d2d33)!important; border-color:#c25a60!important;
  color:#fff!important; transform:scale(1.08);
  box-shadow:0 4px 16px rgba(0,0,0,.6), 0 0 14px rgba(200,70,78,.5);
}
.cast-x:active{ transform:scale(.96); }

.hand-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin:0 0 6px;text-align:center}
.hand{display:flex;gap:8px;flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;padding:8px 24px 34px;border:1px solid var(--line-soft);border-radius:10px;
  background-color:var(--ink-850);background-image:var(--tex-hand,none);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:200px}
.hand:empty::after{content:"— empty hand —";color:var(--muted-2);font-style:italic;font-size:12.5px}


.hand-slot{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center}

.ley-icons{position:absolute;top:100%;left:50%;transform:translate(-50%,12px);display:none;
  gap:5px;padding:5px 7px;border-radius:8px;background:var(--ink-800);border:1px solid var(--line);
  box-shadow:0 5px 16px rgba(0,0,0,.55);z-index:8}
.ley-icons::before{content:'';position:absolute;left:-8px;right:-8px;top:-14px;height:14px}
.hand-slot:hover .ley-icons{display:flex}
.ley-ico{width:14px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(45deg);
  cursor:grab;border:1px solid rgba(255,255,255,.25);transition:transform .1s,filter .1s}
.ley-ico:hover{filter:brightness(1.4);transform:rotate(45deg) scale(1.3)}
.ley-ico:active{cursor:grabbing}
.ley-ico.destruction{background:var(--ley-destruction);box-shadow:0 0 6px var(--ley-destruction)}
.ley-ico.incarnation{background:var(--ley-incarnation);box-shadow:0 0 6px rgba(255,255,255,.6)}
.ley-ico.eminence{background:var(--ley-eminence);box-shadow:0 0 6px var(--ley-eminence)}
.ley-ico.fabrication{background:var(--ley-fabrication);box-shadow:0 0 6px var(--ley-fabrication)}
.ley-ico.mastery{background:var(--ley-mastery);box-shadow:0 0 6px var(--ley-mastery)}
.ley-ico.astral{background:var(--ley-astral);box-shadow:0 0 8px var(--ley-astral)}
.ley-ico.umbral{background:var(--ley-umbral);box-shadow:0 0 8px var(--ley-umbral)}

.insp .ph{color:var(--muted);font-style:italic;text-align:center;margin-top:36px}
.insp-name{font-family:var(--body);font-weight:700;font-size:21.5px;line-height:1.1;margin:0 0 3px}
.insp-row{display:flex;gap:12px;align-items:center}
.insp-art{flex:0 0 auto;width:124px;max-height:320px;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.25)}
.insp-body{flex:1 1 auto;min-width:0}
.insp-type{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:13px}
.seg{margin-bottom:11px;padding-left:11px;border-left:3px solid var(--line)}
.seg .lab{font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px;font-family:var(--body)}
.seg .txt{font-family:var(--desc);font-size:14.5px;line-height:1.45;white-space:pre-wrap}
.seg.invoke{border-color:var(--invoke)} .seg.invoke .lab{color:var(--invoke)}
.seg.resolution{border-color:var(--resolution)} .seg.resolution .lab{color:var(--resolution)}
.seg.eternal{border-color:var(--eternal)} .seg.eternal .lab{color:var(--eternal)}
.seg.passive{border-color:var(--muted-2)} .seg.passive .lab{color:var(--muted)}
.seg.granted{border-color:var(--gold);background:rgba(196,160,82,.07)} .seg.granted .lab{color:var(--gold)}
.insp-meta{margin-top:13px;padding-top:11px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--muted)}
.chip{display:inline-block;background:var(--ink-800);border:1px solid var(--line);border-radius:20px;padding:2px 10px;font-size:11px;color:var(--muted);margin-right:5px}

.float-insp{position:fixed;z-index:10000;pointer-events:none;display:none;min-width:220px;max-width:320px;
  background:var(--ink-850);border:1px solid var(--line);border-radius:10px;padding:12px 14px;
  box-shadow:0 12px 34px rgba(0,0,0,.62);max-height:74vh;overflow:hidden;opacity:1;transition:opacity .22s ease}
.float-insp.show{display:block}
.float-insp.fading{opacity:0}
.insp-tag{font-family:var(--body);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:-2px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--line-soft)}
.insp-tag.src{color:var(--gold)}
.insp-tag.tgt{color:var(--invoke)}

#fx-layer{position:fixed;inset:0;pointer-events:none;z-index:95}

.fx-float{position:fixed;z-index:9600;pointer-events:none;transform:translate(-50%,-50%);font-family:var(--body),Georgia,serif;font-weight:900;font-size:33px;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.92),0 0 7px rgba(0,0,0,.7),0 0 2px #000;will-change:transform,opacity;animation:fxRise 1s ease-out forwards}
@keyframes fxRise{0%{transform:translate(-50%,-50%) scale(.55);opacity:0}16%{transform:translate(-50%,-95%) scale(1.14);opacity:1}40%{transform:translate(-50%,-110%) scale(1.04);opacity:1}100%{transform:translate(-50%,-190%) scale(1);opacity:0}}
.fx-ring{position:fixed;z-index:9599;pointer-events:none;width:74px;height:74px;border-radius:50%;border:3px solid #fff;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(255,255,255,.35);will-change:transform,opacity;animation:fxRing .45s ease-out forwards}
@keyframes fxRing{0%{transform:translate(-50%,-50%) scale(.2);opacity:.95}100%{transform:translate(-50%,-50%) scale(1.75);opacity:0}}
.med-ring{position:fixed;border-radius:9px;border:2px solid var(--invoke);
  box-shadow:0 0 18px 4px rgba(91,169,230,.55),inset 0 0 26px 4px rgba(91,169,230,.35);animation:medRing 1s ease-out forwards}
@keyframes medRing{0%{opacity:0;transform:scale(.92)}20%{opacity:1}100%{opacity:0;transform:scale(1.06)}}
.med-ghost{position:fixed;opacity:0;z-index:96;pointer-events:none;
  box-shadow:0 0 24px rgba(91,169,230,.75),0 12px 30px rgba(0,0,0,.6);
  transition:opacity .3s ease, transform .62s cubic-bezier(.22,.61,.36,1)}

.browser{display:none;overflow:auto;padding:2px 26px 34px} .browser.show{display:block} .board.hide{display:none}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.filters select,.filters input{background:var(--ink-800);border:1px solid var(--line);color:var(--parch);border-radius:6px;padding:7px 10px;font-family:var(--body);font-size:13.5px}
.filters .count{color:var(--muted);font-size:13.5px;margin-left:auto}
.search-wrap{position:relative;display:inline-flex;align-items:center}
.search-wrap #search{padding-right:26px}
.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:none;background:rgba(255,255,255,.13);color:#cdd6e6;border-radius:50%;cursor:pointer;font-size:9.5px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
.search-clear:hover{background:rgba(255,255,255,.28);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,112px);gap:12px;justify-content:center}
.lib-card{cursor:pointer}
.cov-badge{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px var(--ink-800)}
.card.verified{border-color:#46b97a;box-shadow:0 0 0 1px #46b97a,0 0 12px rgba(70,185,122,.22)}
.ver-badge{position:absolute;bottom:5px;right:5px;width:15px;height:15px;border-radius:50%;background:#46b97a;color:#0b0d11;font-family:var(--body);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--ink-800);z-index:6}
.lib-hint{font-size:12.5px;color:var(--muted);background:var(--ink-850);border:1px solid var(--line);border-radius:8px;padding:6px 11px;margin-bottom:12px}

body.mp-library-live main{
  visibility:visible!important;display:block!important;height:100%!important;overflow:hidden!important;
  padding:58px 74px!important;
  background-color:#191714!important;
  background-image:var(--skin-bg-lobby,
    radial-gradient(1100px 520px at 50% -8%,rgba(122,92,44,.17),transparent 62%),
    linear-gradient(180deg,#2c2a26,#211f1b 66%,#191714))!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
body.mp-library-live .rail,
body.mp-library-live #board{display:none!important}
body.mp-library-live #browser.show{
  display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;
  overflow:hidden!important;padding:68px 82px 62px!important;position:relative!important;isolation:isolate!important;
  color:var(--parch);
}
.mp-library-head{display:flex;align-items:center;gap:24px;flex:0 0 auto;margin:0 0 20px;padding:0 2px 16px;border-bottom:1px solid rgba(198,160,86,.28)}
.mp-library-title{font-family:var(--gothic);font-size:38px;line-height:1;color:var(--parch);letter-spacing:.035em;text-shadow:0 2px 8px rgba(0,0,0,.72)}
.mp-library-sub{font:14px var(--body);color:var(--muted);margin-top:5px}
.mp-library-head .mp-library-back{margin-left:auto;flex:0 0 auto;min-width:190px}
body.mp-library-live #browser .filters{
  flex:0 0 auto;margin:0 0 18px;padding:14px 16px;background:rgba(17,17,17,.66);
  border:1px solid rgba(198,160,86,.24);box-shadow:inset 0 0 22px rgba(0,0,0,.32);
}
body.mp-library-live #browser .filters select,
body.mp-library-live #browser .filters input{
  min-height:40px;background:#1b1b1b;border-color:#56585d;border-radius:0;color:#ece6d6;
  padding:7px 12px;font-size:15px;outline:none;
}
body.mp-library-live #browser .filters select:focus,
body.mp-library-live #browser .filters input:focus{border-color:var(--gold);box-shadow:0 0 0 1px rgba(224,178,60,.28)}
body.mp-library-live #browser .search-wrap #search{min-width:340px;padding-right:34px}
body.mp-library-live #browser .search-clear{right:10px}
body.mp-library-live #browser .filters .count{font-size:14px;color:#c6bca9;padding:0 4px}
body.mp-library-live #brgrid{
  flex:1 1 auto;min-height:0;overflow:auto;align-content:start;justify-content:center;
  padding:10px 18px 24px;scrollbar-gutter:stable both-edges;
}
body.mp-library-live .lib-card{transition:transform .14s ease,filter .14s ease}
body.mp-library-live .lib-card:hover{transform:translateY(-4px);filter:brightness(1.06)}
body.mp-library-live .cov-badge,
body.mp-library-live .ver-badge{display:none!important}
.scry-reveal{background:rgba(140,110,200,.16);border-color:#7d5fb0;color:#c9b4ec}
.pn-trigger{border-color:#caa23a !important;background:rgba(202,162,58,.14) !important;color:#f0d79a !important}
.psi-val{color:var(--gold);font-weight:700;text-decoration:underline}

.pending-panel{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:150;display:none;
  width:min(440px,92vw);background:#15161c;border:1px solid var(--gold);border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 0 1px rgba(224,178,60,.25);padding:12px 13px}
.pending-panel.show{display:block}
.pp-rows{max-height:min(46vh,340px);overflow-y:auto;overflow-x:hidden;margin:0 -3px;padding:0 3px;
  scrollbar-width:thin;scrollbar-color:var(--gold) rgba(0,0,0,.3)}
.pp-rows::-webkit-scrollbar{width:9px}
.pp-rows::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:5px}
.pp-rows::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),#8a6d2c);border-radius:5px;border:1px solid rgba(0,0,0,.45)}
.pp-rows::-webkit-scrollbar-thumb:hover{background:var(--gold)}
.pp-head{font-family:var(--body);letter-spacing:.06em;font-size:12.5px;text-transform:uppercase;color:var(--gold);
  margin-bottom:9px;display:flex;align-items:center;gap:7px}
.pp-head .pp-sub{font-family:inherit;letter-spacing:0;text-transform:none;font-size:12px;color:var(--mute);flex:1}
.pp-row{display:flex;align-items:center;gap:8px;background:#1d1f27;border:1px solid var(--line);border-radius:7px;
  padding:7px 9px;margin-bottom:6px;cursor:grab}
.pp-row:active{cursor:grabbing}
.pp-row.dragover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.pp-grip{color:var(--mute);font-size:14.5px;cursor:grab;user-select:none}
.pp-num{color:var(--gold);font-size:12.5px;min-width:14px;text-align:right}
.pp-label{flex:1;font-size:14px;color:var(--parch);line-height:1.3}
.pp-label b{color:var(--gold)}
.pp-ctrls{display:flex;align-items:center;gap:3px}
.pp-ctrls button{font-family:inherit;background:#262833;border:1px solid var(--line);color:var(--parch);
  border-radius:5px;width:22px;height:22px;line-height:1;font-size:12.5px;cursor:pointer;padding:0}
.pp-ctrls button:hover{border-color:var(--gold)}
.pp-ctrls .pp-x{color:#e58b8b;border-color:#5a3636}
.pp-ctrls .pp-x:hover{box-shadow:0 0 10px rgba(229,139,139,.4)}
.pp-req{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:0 4px}
.pp-go{width:100%;margin-top:5px;font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;
  font-size:12.5px;color:#10110f;background:var(--gold);border:none;border-radius:6px;padding:9px;cursor:pointer;font-weight:700}
.pp-go:hover{box-shadow:0 0 16px rgba(224,178,60,.55)}
.scry-reveal.draggable{cursor:grab}.scry-reveal.draggable:hover{background:rgba(140,110,200,.28)}
.lib-hint b{color:#7fd49a}
.cov-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.cov-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--body);font-size:12.5px;color:var(--muted);background:var(--ink-850);border:1px solid var(--line);border-radius:20px;padding:3px 10px}
.cov-chip b{color:var(--parch)}
.cov-chip i{width:8px;height:8px;border-radius:50%}
.cov-wired,.cov-wired i{background:#46b97a}
.cov-generic,.cov-generic i{background:#4a86e8}
.cov-partial,.cov-partial i{background:#e0a13a}
.cov-unhandled,.cov-unhandled i{background:#d8453b}
.cov-vanilla,.cov-vanilla i{background:#6b6f7a}
.cov-chip.cov-wired,.cov-chip.cov-generic,.cov-chip.cov-partial,.cov-chip.cov-unhandled,.cov-chip.cov-vanilla{background:var(--ink-850)}
.cov-badge.cov-wired,.cov-badge.cov-generic{display:none!important}   
#mp-forfeit.mp-forfeit-rail{display:block;width:100%;margin:0 0 12px;padding:9px 12px;background:linear-gradient(180deg,#5a2327,#3a1518);color:#F0C9CB;border:1px solid #9a4247;border-radius:8px;font:600 13px var(--body),serif;letter-spacing:.05em;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.4)}
#mp-forfeit.mp-forfeit-rail:hover{background:#7a2f34;color:#fff}

.banner{position:fixed;inset:0;background:rgba(6,8,13,.86);display:none;align-items:center;justify-content:center;z-index:50}
.banner.show{display:flex}
.banner .box{text-align:center;background:linear-gradient(180deg,var(--ink-800),var(--ink-850));
  border:1px solid var(--gold);border-radius:14px;padding:34px 46px;box-shadow:0 0 50px rgba(224,178,60,.2)}
.banner h1{font-family:var(--body),Georgia,serif;font-weight:700;font-size:58px;margin:0 0 8px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.65),0 0 26px rgba(201,162,74,.35)}
.banner p{color:var(--muted);margin:0 0 20px}
.banner button{background:var(--ink-700);border:1px solid var(--gold);color:var(--parch);padding:10px 22px;
  border-radius:8px;font-family:var(--body);letter-spacing:.08em}
.hint{font-size:12.5px;color:var(--muted-2);font-style:italic;margin-top:10px;line-height:1.5}
.phase-hint-bar{display:none!important}   
.phase-hint-bar-DEAD{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:120;
  
  width:min(760px,94vw);height:34px;box-sizing:border-box;overflow:hidden;
  display:flex;align-items:center;justify-content:center;gap:6px;
  text-align:center;font-size:13.5px;font-style:italic;color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;
  background:rgba(21,22,28,.94);border:1px solid var(--line-soft);border-radius:8px;padding:0 16px;
  box-shadow:0 6px 20px rgba(0,0,0,.45);pointer-events:none}
.phase-hint-bar:empty{display:none}


:root{
  --ley-btn-pad-y:4px;
  --ley-btn-min-height:40px;
  --ley-btn-radius:0px;
  --ley-small-icon-frame:5px;
  --ley-cast-x-size:24px;
}


button:where(:not(.btn-red):not(.mp-forfeit-rail):not(.search-clear):not(#mp-bell):not(.mp-notif-clear):not(.ley-ui-lab-control)),
.fxr-btn:where(:not(.btn-red)),
.advance-hand:where(:not(.btn-red)),
.minorbtn:where(:not(.btn-red)),
.blk-go:where(:not(.btn-red)),
button:where(.btn-red):where(:not(.ley-ui-lab-control)),
.mp-forfeit-rail{
  min-height:var(--ley-btn-min-height)!important;
  border-radius:var(--ley-btn-radius)!important;
}


button.mp-action-btn,
#mp-forfeit.mp-forfeit-rail,
#fx-rail .fxr-btn,
#fx-rail .fxr-adv,
.setup-go,
.nextbtn,
.minorbtn:not([data-mv]),
.advance-hand,
.advance-center,
.end-combat,
.pp-go,
.confirm-banner button,
.banner button,
.viewtabs button,
.railtoggle,
.hier-toggle,
.blk-keep,
.blk-go,
.zone-panel .setup-cancel,
#fine-panel button,
#skin-tuner button{
  display:inline-flex!important;
  box-sizing:border-box!important;
  min-height:var(--ley-btn-min-height)!important;
  height:auto!important;
  border-radius:var(--ley-btn-radius)!important;
  padding-top:var(--ley-btn-pad-y)!important;
  padding-bottom:var(--ley-btn-pad-y)!important;
  line-height:1!important;
  vertical-align:middle!important;
  align-items:center!important;
  justify-content:center!important;
}


body.skin-art.has-skin-btn button.mp-action-btn,
body.skin-art.has-skin-btn #mp-forfeit.mp-forfeit-rail,
body.skin-art.has-skin-btn #fx-rail .fxr-btn,
body.skin-art.has-skin-btn #fx-rail .fxr-adv,
body.skin-art.has-skin-btn .setup-go,
body.skin-art.has-skin-btn .nextbtn,
body.skin-art.has-skin-btn .minorbtn:not([data-mv]),
body.skin-art.has-skin-btn .advance-hand,
body.skin-art.has-skin-btn .advance-center,
body.skin-art.has-skin-btn .end-combat,
body.skin-art.has-skin-btn .pp-go,
body.skin-art.has-skin-btn .railtoggle,
body.skin-art.has-skin-btn .hier-toggle,
body.skin-art.has-skin-btn .blk-keep,
body.skin-art.has-skin-btn .blk-go,
body.skin-art.has-skin-btn .zone-panel .setup-cancel{
  overflow:hidden!important;
}


.mp-action-row,
#fx-rail .fxr-btns,
.confirm-banner .cf-row,
.blk-actions{
  align-items:center!important;
}
.mp-action-row > button,
#fx-rail .fxr-btn,
#fx-rail .fxr-adv,
.confirm-banner .cf-row > button,
.blk-actions > button{
  align-self:center!important;
}


button.mp-friend-icon{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  max-width:22px!important;max-height:22px!important;
  flex:0 0 22px!important;padding:0!important;margin:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;border-radius:5px!important;
  font-size:12px!important;font-weight:700!important;line-height:1!important;
  vertical-align:middle!important;overflow:hidden!important;
}
button.destroy-x.cast-x{
  width:var(--ley-cast-x-size)!important;height:var(--ley-cast-x-size)!important;
  min-width:var(--ley-cast-x-size)!important;min-height:var(--ley-cast-x-size)!important;
  padding:0!important;margin:0!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;font-size:12px!important;line-height:1!important;
  overflow:hidden!important;
}
.blk-adj{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  padding:0!important;line-height:1!important;
}
.pp-ctrls button,
button.pp-x{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  padding:0!important;line-height:1!important;
}
button.minorbtn[data-mv]{
  width:30px!important;height:22px!important;min-width:30px!important;min-height:22px!important;
  padding:0!important;margin-top:0!important;line-height:1!important;
}
.search-clear{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  padding:0!important;line-height:1!important;
}
#mp-bell{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  padding:0!important;line-height:1!important;
}


body.skin-art.has-skin-btn button.mp-friend-icon::before,
body.skin-art.has-skin-btn-red button.mp-friend-icon.btn-red::before,
body.skin-art.has-skin-btn button.destroy-x.cast-x::before,
body.skin-art.has-skin-btn-red button.destroy-x.cast-x.btn-red::before,
body.skin-art.has-skin-btn .blk-adj::before,
body.skin-art.has-skin-btn .pp-ctrls button::before,
body.skin-art.has-skin-btn button.minorbtn[data-mv]::before{
  border-width:var(--ley-small-icon-frame)!important;
}


body.skin-art.has-skin-btn button.mp-friend-icon::before,
body.skin-art.has-skin-btn-red button.mp-friend-icon.btn-red::before{
  inset:0!important;
  width:auto!important;height:auto!important;
  border-width:var(--ley-small-icon-frame)!important;
  border-image-width:var(--ley-small-icon-frame)!important;
}


body.skin-art.has-skin-btn .search-clear::before,
body.skin-art.has-skin-btn #mp-bell::before,
body.skin-art.has-skin-btn .mp-notif-clear::before{
  display:none!important;
}


.phase-opt{height:auto!important;min-height:0!important;line-height:normal!important;}


:root{ --skin-fw-menu-runtime:55px; --skin-fw-friend-icon:5px; }
body.skin-art .mp-stone{
  position:relative; isolation:isolate;
  background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:none!important; border-color:transparent!important; box-shadow:none!important;
}
body.skin-art .mp-stone::before{
  content:''!important; position:absolute!important; inset:0!important;
  width:auto!important; height:auto!important; min-width:0!important; min-height:0!important;
  margin:0!important; padding:0!important; transform:none!important;
  background:none!important; box-shadow:none!important; border-radius:0!important;
  z-index:-1!important; pointer-events:none!important; box-sizing:border-box!important;
  display:block!important; opacity:1!important;
  border-style:solid!important; border-color:transparent!important;
  border-width:var(--skin-fw-window-menu)!important;
  border-image-source:var(--skin-window-menu, url('/art/ui/window_menu.png'))!important;
  border-image-slice:var(--skin-sl-window-menu-lock) fill!important;
  border-image-width:var(--skin-fw-window-menu)!important;
  border-image-repeat:stretch!important;
}


.mp-menu-dialog{
  position:relative!important; isolation:isolate!important; box-sizing:border-box!important;
  background-color:var(--skin-window-menu-fallback,#171717)!important; background-image:none!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
}
.mp-menu-dialog::before{
  content:''!important; position:absolute!important; inset:0!important; width:auto!important; height:auto!important;
  margin:0!important; padding:0!important; transform:none!important; background:none!important;
  box-shadow:none!important; border-radius:0!important; z-index:-1!important; pointer-events:none!important;
  box-sizing:border-box!important; display:block!important; opacity:1!important;
  border-style:solid!important; border-color:transparent!important; border-width:55px!important;
  border-image-source:var(--skin-window-menu,url('/art/ui/window_menu.png'))!important;
  border-image-slice:170 fill!important; border-image-width:55px!important; border-image-repeat:stretch!important;
}
body.skin-art.has-skin-center-window-menu .mp-menu-dialog{
  background-image:var(--skin-center-window-menu)!important; background-size:100% 100%!important;
  background-position:center!important; background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-menu .mp-menu-dialog::before{border-image-slice:170!important}


#mp-connect .mp-account-primary{
  flex:0 0 auto!important;
  width:min(430px,100%)!important;
  min-width:0!important;
  max-width:430px!important;
  min-height:383px!important;
  padding:22px 24px!important;
  border-radius:11px!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
#mp-connect .mp-menu-logo{
  max-width:600px!important;width:86%!important;height:auto!important;margin:0 0 18px!important;display:block!important;
}

body.skin-art #mp-connect .mp-account-primary::before,
body.skin-art.has-skin-window-menu #mp-connect .mp-account-primary::before,
body.skin-art.has-skin-center-window-menu #mp-connect .mp-account-primary::before{
  content:none!important;display:none!important;
}
#mp-connect .mp-account-frame{display:none}
body.skin-art.has-skin-window-menu #mp-connect .mp-account-primary{
  --skin-fw-window-menu:55px!important;
  --skin-sl-window-menu-lock:170!important;
  position:relative!important;isolation:isolate!important;
  background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:none!important;border-color:transparent!important;box-shadow:none!important;
}
body.skin-art.has-skin-window-menu #mp-connect .mp-account-frame{
  display:block!important;position:absolute!important;inset:0!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;
  background:none!important;box-shadow:none!important;border-radius:0!important;z-index:-1!important;
  pointer-events:none!important;box-sizing:border-box!important;opacity:1!important;
  border-style:solid!important;border-color:transparent!important;border-width:55px!important;
  border-image-source:var(--skin-window-menu, url('/art/ui/window_menu.png'))!important;
  border-image-slice:170 fill!important;border-image-width:55px!important;border-image-repeat:stretch!important;
}
body.skin-art.has-skin-center-window-menu #mp-connect .mp-account-primary{
  background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:var(--skin-center-window-menu)!important;
  background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-menu #mp-connect .mp-account-frame{
  border-image-slice:170!important;
}






body.skin-art.has-skin-center-btn button:not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear),
body.skin-art.has-skin-center-btn .fxr-btn:not(.btn-red),
body.skin-art.has-skin-center-btn .advance-hand:not(.btn-red),
body.skin-art.has-skin-center-btn .minorbtn:not(.btn-red),
body.skin-art.has-skin-center-btn .blk-go:not(.btn-red){
  background-image:var(--skin-center-btn)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-btn button:not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear)::before,
body.skin-art.has-skin-center-btn .fxr-btn:not(.btn-red)::before,
body.skin-art.has-skin-center-btn .advance-hand:not(.btn-red)::before,
body.skin-art.has-skin-center-btn .minorbtn:not(.btn-red)::before,
body.skin-art.has-skin-center-btn .blk-go:not(.btn-red)::before{
  border-image-slice:var(--skin-sl-btn)!important;
}
body.skin-art.has-skin-center-btn-hover button:hover:not(:disabled):not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear),
body.skin-art.has-skin-center-btn-hover .fxr-btn:hover:not(:disabled):not(.btn-red),
body.skin-art.has-skin-center-btn-hover .advance-hand:hover:not(:disabled):not(.btn-red),
body.skin-art.has-skin-center-btn-hover .minorbtn:hover:not(:disabled):not(.btn-red){
  background-image:var(--skin-center-btn-hover)!important;
}
body.skin-art.has-skin-center-btn-hover button:hover:not(:disabled):not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear)::before,
body.skin-art.has-skin-center-btn-hover .fxr-btn:hover:not(:disabled):not(.btn-red)::before,
body.skin-art.has-skin-center-btn-hover .advance-hand:hover:not(:disabled):not(.btn-red)::before,
body.skin-art.has-skin-center-btn-hover .minorbtn:hover:not(:disabled):not(.btn-red)::before{
  border-image-slice:var(--skin-sl-btn-hover)!important;
}
body.skin-art.has-skin-center-btn-pressed button:active:not(:disabled):not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear),
body.skin-art.has-skin-center-btn-pressed .fxr-btn:active:not(:disabled):not(.btn-red),
body.skin-art.has-skin-center-btn-pressed .advance-hand:active:not(:disabled):not(.btn-red),
body.skin-art.has-skin-center-btn-pressed .minorbtn:active:not(:disabled):not(.btn-red){
  background-image:var(--skin-center-btn-pressed)!important;
}
body.skin-art.has-skin-center-btn-pressed button:active:not(:disabled):not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear)::before,
body.skin-art.has-skin-center-btn-pressed .fxr-btn:active:not(:disabled):not(.btn-red)::before,
body.skin-art.has-skin-center-btn-pressed .advance-hand:active:not(:disabled):not(.btn-red)::before,
body.skin-art.has-skin-center-btn-pressed .minorbtn:active:not(:disabled):not(.btn-red)::before{
  border-image-slice:var(--skin-sl-btn-pressed)!important;
}
body.skin-art.has-skin-center-btn-disabled button:disabled:not(.btn-red),
body.skin-art.has-skin-center-btn-disabled .fxr-btn:disabled:not(.btn-red),
body.skin-art.has-skin-center-btn-disabled .advance-hand:disabled:not(.btn-red){
  background-image:var(--skin-center-btn-disabled)!important;
}
body.skin-art.has-skin-center-btn-disabled button:disabled:not(.btn-red)::before,
body.skin-art.has-skin-center-btn-disabled .fxr-btn:disabled:not(.btn-red)::before,
body.skin-art.has-skin-center-btn-disabled .advance-hand:disabled:not(.btn-red)::before{
  border-image-slice:var(--skin-sl-btn-disabled)!important;
}


body.skin-art.has-skin-center-btn-disabled button:disabled:not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear),
body.skin-art.has-skin-center-btn-disabled .fxr-btn:disabled:not(.btn-red),
body.skin-art.has-skin-center-btn-disabled .advance-hand:disabled:not(.btn-red),
body.skin-art button:disabled:not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear),
body.skin-art .fxr-btn:disabled:not(.btn-red),
body.skin-art .advance-hand:disabled:not(.btn-red){
  background-image:none!important; background-color:transparent!important;
}
body.skin-art.has-skin-btn-disabled button:disabled:not(.btn-red):not(.search-clear):not(#mp-bell):not(.mp-notif-clear)::before,
body.skin-art.has-skin-btn-disabled .fxr-btn:disabled:not(.btn-red)::before,
body.skin-art.has-skin-btn-disabled .advance-hand:disabled:not(.btn-red)::before{
  border-image:var(--skin-btn-disabled) var(--skin-sl-btn-disabled) fill stretch!important;
}


body.skin-art.has-skin-center-btn-red .btn-red,
body.skin-art.has-skin-center-btn-red .mp-forfeit-rail{
  background-image:var(--skin-center-btn-red)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-btn-red .btn-red::before,
body.skin-art.has-skin-center-btn-red .mp-forfeit-rail::before{
  border-image-slice:var(--skin-sl-btn-red)!important;
}
body.skin-art.has-skin-center-btn-red-hover .btn-red:hover:not(:disabled),
body.skin-art.has-skin-center-btn-red-hover .mp-forfeit-rail:hover:not(:disabled){
  background-image:var(--skin-center-btn-red-hover)!important;
}
body.skin-art.has-skin-center-btn-red-hover .btn-red:hover:not(:disabled)::before,
body.skin-art.has-skin-center-btn-red-hover .mp-forfeit-rail:hover:not(:disabled)::before{
  border-image-slice:var(--skin-sl-btn-red-hover)!important;
}
body.skin-art.has-skin-center-btn-red-pressed .btn-red:active:not(:disabled),
body.skin-art.has-skin-center-btn-red-pressed .mp-forfeit-rail:active:not(:disabled){
  background-image:var(--skin-center-btn-red-pressed)!important;
}
body.skin-art.has-skin-center-btn-red-pressed .btn-red:active:not(:disabled)::before,
body.skin-art.has-skin-center-btn-red-pressed .mp-forfeit-rail:active:not(:disabled)::before{
  border-image-slice:var(--skin-sl-btn-red-pressed)!important;
}
body.skin-art.has-skin-center-btn-red-disabled .btn-red:disabled,
body.skin-art.has-skin-center-btn-red-disabled .mp-forfeit-rail:disabled{
  background-image:var(--skin-center-btn-red-disabled)!important;
}
body.skin-art.has-skin-center-btn-red-disabled .btn-red:disabled::before,
body.skin-art.has-skin-center-btn-red-disabled .mp-forfeit-rail:disabled::before{
  border-image-slice:var(--skin-sl-btn-red-disabled)!important;
}

body.skin-art.has-skin-center-btn-red-disabled .btn-red:disabled,
body.skin-art.has-skin-center-btn-red-disabled .mp-forfeit-rail:disabled,
body.skin-art .btn-red:disabled,
body.skin-art .mp-forfeit-rail:disabled{
  background-image:none!important; background-color:transparent!important;
}
body.skin-art.has-skin-btn-red-disabled .btn-red:disabled::before,
body.skin-art.has-skin-btn-red-disabled .mp-forfeit-rail:disabled::before{
  border-image:var(--skin-btn-red-disabled) var(--skin-sl-btn-red-disabled) fill stretch!important;
}


body.skin-art.has-skin-center-btn button.mp-friend-icon:not(.btn-red){
  background-size:100% 100%!important;
}


body.skin-art.has-skin-center-window-play:not(.has-skin-window-menu) .side{
  background-image:var(--skin-center-window-play)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-play:not(.has-skin-window-menu) .side::before{border-image-slice:var(--skin-sl-window-play)!important}

body.skin-art.has-skin-center-window-conduit .conduit-cell{
  background-image:var(--skin-center-window-conduit)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-conduit .conduit-cell::before{border-image-slice:var(--skin-sl-window-conduit)!important}

body.skin-art.has-skin-center-window-casting .cast-slot{
  background-image:var(--skin-center-window-casting)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-casting .cast-slot::before{border-image-slice:var(--skin-sl-window-casting)!important}


body.skin-art.has-skin-center-window-menu .side,
body.skin-art.has-skin-center-window-menu .setup-panel,
body.skin-art.has-skin-center-window-menu .blk-panel,
body.skin-art.has-skin-center-window-menu .rail,
body.skin-art.has-skin-center-window-menu #fx-rail,
body.skin-art.has-skin-center-window-menu #fx-rail .fxr-turn,
body.skin-art.has-skin-center-window-menu #fx-rail .fxr-win,
body.skin-art.has-skin-center-window-menu .mull-panel,
body.skin-art.has-skin-center-window-menu .mp-stone{
  background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:var(--skin-center-window-menu)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-menu .side::before,
body.skin-art.has-skin-center-window-menu .setup-panel::before,
body.skin-art.has-skin-center-window-menu .blk-panel::before,
body.skin-art.has-skin-center-window-menu .rail::before,
body.skin-art.has-skin-center-window-menu #fx-rail::before,
body.skin-art.has-skin-center-window-menu #fx-rail .fxr-turn::before,
body.skin-art.has-skin-center-window-menu #fx-rail .fxr-win::before,
body.skin-art.has-skin-center-window-menu .mull-panel::before,
body.skin-art.has-skin-center-window-menu .mp-stone::before{
  border-image-slice:var(--skin-sl-window-menu-lock)!important;
}


body.skin-art.has-skin-window-menu .rail,
body.skin-art.has-skin-window-menu #fx-rail{
  background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:var(--skin-window-menu,url('/art/ui/window_menu.png'))!important;
  background-size:var(--skin-window-menu-rail-center-size,119.906323% 119.906323%)!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-window-menu .rail::before,
body.skin-art.has-skin-window-menu #fx-rail::before{
  border-image-slice:var(--skin-sl-window-menu-lock)!important;
}

body.skin-art.has-skin-center-window-screen .mp-screenwin{
  background-image:var(--skin-center-window-screen)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-screen .mp-screenwin::before{border-image-slice:var(--skin-sl-window-screen)!important}

body.skin-art.has-skin-center-window-stat .draft-clock,
body.skin-art.has-skin-center-window-stat .mull-timer-win,
body.skin-art.has-skin-center-window-stat .statctl,
body.skin-art.has-skin-center-window-stat .ticker-win.show,
body.skin-art.has-skin-center-window-stat .pile,
body.skin-art.has-skin-center-window-stat .clock-win{
  background-image:var(--skin-center-window-stat)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-stat .draft-clock::before,
body.skin-art.has-skin-center-window-stat .mull-timer-win::before,
body.skin-art.has-skin-center-window-stat .statctl::before,
body.skin-art.has-skin-center-window-stat .ticker-win.show::before,
body.skin-art.has-skin-center-window-stat .pile::before,
body.skin-art.has-skin-center-window-stat .clock-win::before{
  border-image-slice:var(--skin-sl-window-stat)!important;
}

body.skin-art.has-skin-center-window-popup .float-insp,
body.skin-art.has-skin-center-window-popup .pile-peek,
body.skin-art.has-skin-center-window-popup .confirm-banner,
body.skin-art.has-skin-center-window-popup .pending-panel,
body.skin-art.has-skin-center-window-popup .blk-panel{
  background-image:var(--skin-center-window-popup)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
body.skin-art.has-skin-center-window-popup .float-insp::before,
body.skin-art.has-skin-center-window-popup .pile-peek::before,
body.skin-art.has-skin-center-window-popup .confirm-banner::before,
body.skin-art.has-skin-center-window-popup .pending-panel::before,
body.skin-art.has-skin-center-window-popup .blk-panel::before{
  border-image-slice:var(--skin-sl-window-popup)!important;
}

body.skin-art.has-skin-center-nameframe .side-id-frame{
  background:transparent!important; background-color:transparent!important; background-image:none!important;
}
body.skin-art.has-skin-center-nameframe .side-id-frame::before{
  border-image-slice:var(--skin-sl-nameframe-lock)!important;
}


body.skin-art.has-skin-window-menu #fx-rail .fxr-turn::before,
body.skin-art.has-skin-center-window-menu #fx-rail .fxr-turn::before{
  border-width:12px!important;
  border-image-width:12px!important;
}



:root{
  --ley-account-screen-gutter:clamp(12px,2vmin,24px);
  --ley-account-screen-frame:min(170px,17vmin);
  --ley-account-screen-slice:300;
  --ley-account-screen-pad-x:min(90px,9vmin);
  --ley-account-screen-pad-b:min(80px,8vmin);
}
body.skin-art .mp-account-screen .mp-screenwin{
  justify-content:flex-start!important;
  padding:min(var(--skin-screen-pad-t,6px),1vmin) var(--ley-account-screen-pad-x) var(--ley-account-screen-pad-b)!important;
  background-color:#171717!important;
  background-image:none!important;
}
body.skin-art .mp-account-screen .mp-screenwin::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  display:block!important;
  opacity:1!important;
  border-style:solid!important;
  border-color:transparent!important;
  border-width:var(--ley-account-screen-frame)!important;
  border-image-source:var(--skin-window-screen,url("/art/ui/window_screen.png"))!important;
  border-image-slice:var(--ley-account-screen-slice) fill!important;
  border-image-width:var(--ley-account-screen-frame)!important;
  border-image-repeat:stretch!important;
}

body.skin-art.has-skin-center-window-screen .mp-account-screen .mp-screenwin{
  background-color:#171717!important;
  background-image:none!important;
}
body.skin-art.has-skin-center-window-screen .mp-account-screen .mp-screenwin::before{
  border-image-slice:var(--ley-account-screen-slice) fill!important;
}


@media (max-height:760px){
  #mp-connect .mp-menu-logo{max-height:92px!important;width:auto!important;max-width:72%!important;margin-bottom:10px!important}
  #mp-connect .mp-account-primary{min-height:0!important;padding:16px 20px!important}
  #mp-connect .mp-account-layout{gap:10px!important}
}
@media (max-width:860px) and (min-width:601px){
  #mp-connect.mp-lobby-screen .mp-account-layout{flex-wrap:nowrap!important}
  #mp-connect.mp-lobby-screen .mp-account-primary{
    flex:1 1 58%!important;width:auto!important;max-width:none!important;min-width:0!important;
  }
  #mp-connect.mp-lobby-screen .mp-account-panel:not(.mp-account-primary){
    flex:1 1 42%!important;width:auto!important;min-width:0!important;max-width:none!important;padding:16px!important;
  }
}
@media (max-width:600px){
  #mp-connect .mp-menu-logo{max-height:72px!important;width:auto!important;max-width:74%!important;margin-bottom:8px!important}
  #mp-connect .mp-account-layout{flex-wrap:wrap!important;gap:8px!important}
  #mp-connect .mp-account-primary,
  #mp-connect .mp-account-panel:not(.mp-account-primary){
    flex:0 0 100%!important;width:100%!important;min-width:0!important;max-width:none!important;
    min-height:0!important;padding:13px 15px!important;
  }
  #mp-connect .mp-account-panel:not(.mp-account-primary){font-size:13px!important}
}


#mp-connect.mp-subscreen .mp-menu-logo{max-height:82px!important;width:auto!important;max-width:70%!important;margin-bottom:10px!important}
#mp-connect .mp-subscreen-layout{display:flex;width:100%;max-width:800px;flex:1 1 auto;min-height:0;box-sizing:border-box}
#mp-connect .mp-subscreen-panel{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;height:100%;padding:18px 22px!important;box-sizing:border-box;overflow:hidden}
.mp-subscreen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex:0 0 auto;margin-bottom:10px}
.mp-subscreen-title{font-family:var(--body),serif;font-size:clamp(22px,4vmin,34px);line-height:1;color:#E0B23C}
.mp-subscreen-sub{color:#9A9386;font-size:12px;line-height:1.3;margin-top:4px}
.mp-subscreen-tabs{display:flex;flex-wrap:wrap;gap:6px;flex:0 0 auto;margin-bottom:10px}
.mp-subscreen-tabs button{flex:1 1 92px;min-width:0!important;padding:5px 9px!important;font-size:12px!important}
.mp-subscreen-tabs button.is-active{color:#E0B23C!important;box-shadow:0 0 0 1px #E0B23C inset,0 0 14px rgba(224,178,60,.2)!important}
.mp-subscreen-body{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.mp-cosmetic-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-content:start}
.mp-cosmetic-option{min-height:48px!important;padding:8px 12px!important;text-align:left!important;color:#D9D2C3!important}
.mp-cosmetic-option.is-equipped{color:#E0B23C!important;box-shadow:0 0 0 1px #E0B23C inset,0 0 15px rgba(224,178,60,.16)!important}
.mp-cosmetic-option.is-locked{color:#716A5F!important;opacity:.72!important}
.mp-title-preview{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:0 0 9px;padding:7px 12px;
  box-sizing:border-box;border:1px solid rgba(224,178,60,.24);background:rgba(8,8,8,.18);font:700 18px/1.1 var(--body),serif}
.mp-title-preview .mp-title,.mp-lobby-identity .mp-title{font-size:.72em;margin-left:6px;font-weight:600}
.mp-title-preview .mp-title.mp-nm-plain,.mp-lobby-identity .mp-title.mp-nm-plain{color:#E0B23C}

.mp-title-preview .mp-title-equipped-preview.mp-nm-dev{color:#fff;font-weight:800;animation:mp-prism 4s linear infinite}
.mp-title-preview .mp-title-equipped-preview.mp-nm-pt{color:#E0B23C;animation:mp-goldpulse 2.6s ease-in-out infinite}
.mp-lobby-identity{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:4px}
.mp-cosmetic-preview{display:flex;align-items:center;justify-content:center;gap:18px;min-height:142px;margin:0 0 8px;padding:7px 12px;
  box-sizing:border-box;border:1px solid rgba(224,178,60,.18);background:rgba(8,8,8,.14)}
.mp-cosmetic-preview-label{width:132px;color:#8F887B;font-size:11px;text-align:right;text-transform:uppercase;letter-spacing:.07em}
.card.gc.mp-cosmetic-preview-card,.card.gc.mp-cosmetic-preview-card:hover{width:82px!important;height:112px!important;min-height:112px!important;transform:none!important;
  background:radial-gradient(circle at 50% 38%,rgba(224,178,60,.18),transparent 38%),linear-gradient(160deg,#25211c,#0b0b0d 72%);cursor:default}
.card.gc.mp-cosmetic-preview-conduit,.card.gc.mp-cosmetic-preview-conduit:hover{width:88px!important;height:112px!important}
.mp-cosmetic-preview-sigil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#C8B98E;font:700 34px/1 var(--body),serif;
  text-shadow:0 2px 8px #000;z-index:2}


.mp-mastery-note{color:#A9A192;font-size:11.5px;line-height:1.25;margin-bottom:6px;flex:0 0 auto;text-align:center}
.mp-conduit-mastery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;flex:0 0 auto;margin-bottom:7px}
.mp-conduit-mastery-pick{min-width:0!important;min-height:27px!important;padding:3px 4px!important;font-size:9.5px!important;line-height:1.05!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#BDB4A4!important}
.mp-conduit-mastery-pick.is-active{color:#E0B23C!important;box-shadow:0 0 0 1px #E0B23C inset,0 0 11px rgba(224,178,60,.2)!important}
.mp-mastery-detail{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:7px 9px;box-sizing:border-box;
  border:1px solid rgba(224,178,60,.2);border-radius:8px;background:rgba(8,8,8,.16)}
.mp-mastery-detail-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex:0 0 auto;margin-bottom:5px;color:#978F82;font-size:11px}
.mp-mastery-detail-head strong{color:#E8DFC9;font:700 17px/1.1 var(--body),serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-conduit-cosmetic-detail .mp-cosmetic-preview{min-height:78px;margin:0 0 5px;padding:3px 8px;gap:10px;flex:0 0 auto}
.mp-conduit-cosmetic-detail .mp-cosmetic-preview-label{width:120px;font-size:9px}
.mp-conduit-cosmetic-detail .card.gc.mp-cosmetic-preview-card,
.mp-conduit-cosmetic-detail .card.gc.mp-cosmetic-preview-card:hover{width:48px!important;height:65px!important;min-height:65px!important}
.mp-conduit-cosmetic-detail .mp-cosmetic-preview-sigil{font-size:24px}
.mp-conduit-cosmetic-detail .mp-cosmetic-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex:0 0 auto}
.mp-conduit-cosmetic-detail .mp-cosmetic-option{min-height:35px!important;padding:4px 6px!important;font-size:9.5px!important;line-height:1.15!important}
.mp-achievement-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:1 1 auto;min-height:0}
.mp-achievement-reward{min-width:0;padding:7px;border:1px solid #45413A;border-radius:7px;background:rgba(12,12,12,.24);box-sizing:border-box}
.mp-achievement-reward.is-unlocked{border-color:rgba(224,178,60,.55);box-shadow:inset 0 0 12px rgba(224,178,60,.08)}
.mp-achievement-reward-label{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#837C70;font-size:9px;margin-bottom:7px}
.mp-achievement-reward-label strong{color:#CFC5B3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-achievement-reward.is-unlocked .mp-achievement-reward-label strong{color:#E0B23C}
.mp-achievement-track{height:7px;overflow:hidden;border-radius:999px;background:#171512;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.mp-achievement-fill{height:100%;background:linear-gradient(90deg,#8D4B35,#E0B23C);box-shadow:0 0 7px rgba(224,178,60,.35)}


.card.gc.ley-cosmetic-border-red::before,
.card.gc.ley-cosmetic-border-gold::before,
.card.gc.ley-cosmetic-border-prismatic::before{
  content:"";position:absolute;inset:0;z-index:8;pointer-events:none;box-sizing:border-box;border-radius:7px
}
.card.gc.ley-cosmetic-border-red::before{border:2px solid rgba(190,49,49,.92);box-shadow:inset 0 0 5px rgba(255,70,56,.32)}
.card.gc.ley-cosmetic-border-gold::before{border:2px solid rgba(231,185,65,.94);box-shadow:inset 0 0 6px rgba(255,213,88,.34)}
.card.gc.ley-cosmetic-border-prismatic::before{
  border:3px solid #ff596f;box-shadow:inset 0 0 7px rgba(91,224,255,.35);
  animation:leyCosmeticPrismFlow 4s linear infinite;will-change:filter,opacity
}
@keyframes leyCosmeticPrismFlow{
  0%,100%{filter:drop-shadow(0 0 1.5px rgba(255,92,92,.55)) hue-rotate(0deg);opacity:.88}
  50%{filter:drop-shadow(0 0 3px rgba(92,200,255,.72)) hue-rotate(180deg);opacity:1}
}
@supports ((-webkit-mask-composite:xor) or (mask-composite:exclude)){
  .card.gc.ley-cosmetic-border-prismatic::before{
    border:0;padding:3px;background:linear-gradient(135deg,#ff596f 0%,#ffc857 20%,#74f0c2 40%,#65b8ff 60%,#b58cff 80%,#ff78c8 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude
  }
}
.card.gc[class*="ley-cosmetic-border-"].may::before,
.card.gc[class*="ley-cosmetic-border-"].must::before{
  display:none!important;animation:none!important;will-change:auto!important
}
@media (prefers-reduced-motion:reduce){
  .card.gc.ley-cosmetic-border-prismatic::before{animation:none;filter:none;opacity:1;will-change:auto}
}
.mp-coming-card{margin:auto;width:min(480px,100%);box-sizing:border-box;padding:18px;text-align:center;border:1px solid #3C3E42;border-radius:10px;background:rgba(10,10,10,.22);color:#AAA294}
.mp-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}
.mp-stat-tile{min-width:0;padding:10px 8px;border:1px solid #45413A;border-radius:8px;background:rgba(12,12,12,.24);text-align:center}
.mp-stat-value{color:#E8DFC9;font:700 clamp(17px,3vmin,25px)/1 var(--body),serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-stat-label{color:#898276;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-top:5px}
.mp-stats-note{color:#817A6D;font-size:10.5px;text-align:center;margin-top:auto;padding-top:5px}
.mp-stats-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;color:#D5CEBE}
.mp-stats-table th{color:#8F887B;text-transform:uppercase;letter-spacing:.06em;font-size:9.5px;text-align:left;border-bottom:1px solid #4A443A;padding:5px 7px}
.mp-stats-table td{border-bottom:1px solid rgba(90,82,70,.42);padding:6px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-stats-table th:not(:first-child),.mp-stats-table td:not(:first-child){text-align:right}
.mp-stats-table .mp-result-win{color:#75C792}.mp-stats-table .mp-result-loss{color:#E17B71}.mp-stats-table .mp-result-draw{color:#C9B86A}
.mp-stats-pager{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding-top:8px;color:#8F887B;font-size:11px}
.mp-stats-pager button{min-width:70px!important;padding:4px 9px!important;font-size:11px!important}
.mp-stats-empty{margin:auto;text-align:center;color:#8F887B;max-width:440px;line-height:1.5}
@media (max-width:600px){
  #mp-connect.mp-subscreen .mp-menu-logo{max-height:52px!important;margin-bottom:5px!important}
  #mp-connect .mp-subscreen-panel{padding:11px 12px!important}
  .mp-subscreen-head{margin-bottom:6px}.mp-subscreen-sub{display:none}
  .mp-subscreen-tabs{gap:4px;margin-bottom:6px}.mp-subscreen-tabs button{flex-basis:72px;font-size:10.5px!important;padding:3px 5px!important}
  .mp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:5px}
  .mp-stat-tile{padding:7px 5px}.mp-stat-label{font-size:8.5px;margin-top:3px}
  .mp-cosmetic-options{grid-template-columns:1fr 1fr;gap:5px}
  .mp-cosmetic-option{min-height:40px!important;font-size:11px!important;padding:5px 8px!important}
  .mp-cosmetic-preview{min-height:112px;gap:10px;padding:4px 7px}.mp-cosmetic-preview-label{width:92px;font-size:9px}
  .card.gc.mp-cosmetic-preview-card,.card.gc.mp-cosmetic-preview-card:hover{width:66px!important;height:90px!important;min-height:90px!important}
  .mp-mastery-note{font-size:9.5px;margin-bottom:4px}.mp-conduit-mastery-grid{gap:3px;margin-bottom:5px}
  .mp-conduit-mastery-pick{min-height:23px!important;padding:2px!important;font-size:7.5px!important}
  .mp-mastery-detail{padding:5px 6px}.mp-mastery-detail-head{margin-bottom:3px}.mp-mastery-detail-head strong{font-size:14px}
  .mp-conduit-cosmetic-detail .mp-cosmetic-options{grid-template-columns:1fr 1fr;gap:3px}
  .mp-conduit-cosmetic-detail .mp-cosmetic-option{min-height:29px!important;padding:3px!important;font-size:8px!important}
  .mp-conduit-cosmetic-detail .mp-cosmetic-preview{min-height:59px}.mp-conduit-cosmetic-detail .card.gc.mp-cosmetic-preview-card{width:39px!important;height:52px!important;min-height:52px!important}
  .mp-achievement-rewards{gap:3px}.mp-achievement-reward{padding:4px}.mp-achievement-reward-label{display:block;margin-bottom:4px}.mp-achievement-reward-label span{display:block;margin-top:2px}
  .mp-stats-table{font-size:10.5px}.mp-stats-table th{font-size:8px;padding:3px 4px}.mp-stats-table td{padding:4px}
}
@media (max-height:600px){
  #mp-connect.mp-subscreen .mp-menu-logo{display:none!important}
  .mp-subscreen-head{margin-bottom:5px}.mp-subscreen-title{font-size:21px}.mp-subscreen-sub{display:none}
  .mp-subscreen-tabs{margin-bottom:5px}.mp-stat-tile{padding:5px}.mp-stats-note{display:none}
  .mp-mastery-note{display:none}.mp-conduit-mastery-grid{gap:3px;margin-bottom:4px}.mp-conduit-mastery-pick{min-height:22px!important;padding:2px!important;font-size:8px!important}
  .mp-conduit-cosmetic-detail .mp-cosmetic-preview{display:none}.mp-achievement-reward{padding:4px 6px}.mp-achievement-reward-label{margin-bottom:4px}
}



body .target-banner.window-menu{
  top:auto;bottom:12px;left:50%;transform:translateX(-50%);box-sizing:border-box;
  isolation:isolate;background-color:var(--skin-window-menu-fallback,#171717)!important;
  background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:24px 58px 22px!important;min-height:88px;min-width:min(520px,calc(100% - 80px));
  max-width:min(960px,calc(100% - 80px));
}
body .target-banner.window-menu::before{
  content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;transform:none!important;background:none!important;box-shadow:none!important;
  border-radius:0!important;z-index:-1!important;pointer-events:none!important;box-sizing:border-box!important;
  display:block!important;opacity:1!important;border-style:solid!important;border-color:transparent!important;
  border-width:var(--skin-fw-window-menu,55px)!important;
  border-image-source:var(--skin-window-menu,url('/art/ui/window_menu.png'))!important;
  border-image-slice:var(--skin-sl-window-menu-lock,170) fill!important;
  border-image-width:var(--skin-fw-window-menu,55px)!important;border-image-repeat:stretch!important;
}
body.skin-art.has-skin-center-window-menu .target-banner.window-menu{
  background-image:var(--skin-center-window-menu)!important;background-size:100% 100%!important;
  background-position:center!important;background-repeat:no-repeat!important;
}


.ley-frame-equipped{position:relative;isolation:isolate;overflow:visible!important}
.ley-frame-equipped>.frame-contour{position:absolute;inset:0;display:block;z-index:8;pointer-events:none;overflow:visible}
.ley-frame-equipped .frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ley-frame-equipped .raster-frame{position:absolute;inset:0;overflow:hidden;display:block;filter:url(#frameMatte);pointer-events:none}
.ley-conduit-framed>.frame-contour{inset:-5% -8%}
.ley-frame-equipped::before{display:none!important}
.ley-frame-equipped .card-art{border-radius:3px}
body:not(.targeting) .card.gc.ley-frame-equipped.may,body:not(.targeting) .card.gc.ley-frame-equipped.must,body:not(.targeting) .card.gc.ley-frame-equipped.combat-ready{animation:none!important;outline:none!important;box-shadow:none!important;border-color:transparent!important}
.ley-frame-equipped.may{--frame-cue:#66c4ff}.ley-frame-equipped.must{--frame-cue:#ffd34d}.ley-frame-equipped.combat-ready{--frame-cue:#ff5955}
body:not(.targeting) .ley-frame-equipped:is(.may,.must,.combat-ready)>.frame-contour{filter:drop-shadow(0 0 1px var(--frame-cue)) drop-shadow(0 0 2px var(--frame-cue));animation:leyFrameTrigger 1.5s ease-in-out infinite}
@keyframes leyFrameTrigger{0%,100%{filter:drop-shadow(0 0 .6px var(--frame-cue)) drop-shadow(0 0 1px var(--frame-cue))}50%{filter:drop-shadow(0 0 1px var(--frame-cue)) drop-shadow(0 0 3px var(--frame-cue))}}
.chase-inlay{animation:leyChaseLuster 7s ease-in-out infinite}@keyframes leyChaseLuster{0%,100%{opacity:.5}50%{opacity:1}}
.ley-frame-equipped:is(.may,.must,.combat-ready) .chase-inlay{animation:none;opacity:.75}
body:not(.mp-live) .ley-frame-equipped .chase-inlay{animation:none}
@media(prefers-reduced-motion:reduce){body .ley-frame-equipped>.frame-contour,body .chase-inlay{animation:none!important}}
.ley-name-ornament{display:inline-block;width:27px;height:27px;flex:0 0 27px;background-size:500% 500%;background-repeat:no-repeat;mix-blend-mode:screen;vertical-align:middle;margin-right:5px;pointer-events:none}
.conduit-cell:has(.ley-conduit-framed){overflow:visible}
.mp-reward-gallery{display:flex;flex-direction:column;gap:8px;min-height:0;height:100%;overflow:hidden}
.mp-reward-tools{display:flex;gap:8px;align-items:center;flex:0 0 auto;font-size:11px;color:#c9bfaa}
.mp-reward-tools select{min-width:120px;max-width:180px;padding:5px;background:#17191c;color:#e4d9c7;border:1px solid #63523a;border-radius:0}
.mp-reward-status{flex:1;font-size:10px;line-height:1.35;color:#b3aa99}
.mp-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:0}
.mp-reward-tile{display:flex;align-items:center;gap:12px;padding:10px 13px;min-width:0;border:1px solid #514735;background:linear-gradient(130deg,#24272a80,#0b0e1399);border-radius:0}
.mp-reward-tile.is-equipped{border-color:#dbc28c}.mp-reward-art{position:relative;width:86px;height:123px;flex:0 0 86px;background:radial-gradient(ellipse at 45% 25%,#374b58,#101c27);pointer-events:none}
.mp-reward-art .ley-name-ornament{width:54px;height:54px;margin:0;position:absolute;top:12px}
.mp-reward-text{min-width:0;flex:1}.mp-reward-text strong{font:16px Georgia,serif;color:#eee0c9;display:block;margin-bottom:4px}
.mp-reward-text p{font-size:12px;line-height:1.3;color:#b5ad9e;margin:4px 0;overflow-wrap:anywhere}.mp-reward-text small{font-size:11px;display:block;color:#ccb681;margin:4px 0}
.mp-reward-text .mp-btn{padding:3px 8px!important;min-height:25px!important;font-size:12px!important;width:100%}
.mp-reward-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#bdb19c;flex:0 0 auto}.mp-reward-pager .mp-btn{padding:5px 12px!important;min-height:28px!important}
.mp-reward-note{font-size:10px;line-height:1.3;color:#a59c8c;flex:0 0 auto}
@media(max-width:900px){.mp-reward-grid{gap:5px}.mp-reward-tile{padding:8px;gap:8px}.mp-reward-art{width:43px;height:62px;flex-basis:43px}.mp-reward-text p{font-size:9px}.mp-reward-text strong{font-size:11px}}