/* Approved Figma 87:2353 / 87:2592. Presentation only, new-mode skill offers. */
@font-face { font-family:'GS Skill Condensed'; font-style:normal; font-weight:700; font-display:swap; src:url('assets/ui/skill-choice/fonts/roboto-condensed-bold.ttf') format('truetype'); }
@font-face { font-family:'GS Skill Condensed'; font-style:normal; font-weight:800; font-display:swap; src:url('assets/ui/skill-choice/fonts/roboto-condensed-extrabold.ttf') format('truetype'); }
@font-face { font-family:'GS Skill Rubik'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/ui/skill-choice/fonts/rubik-regular.ttf') format('truetype'); }
@font-face { font-family:'GS Skill Rubik'; font-style:normal; font-weight:500; font-display:swap; src:url('assets/ui/inventory/fonts/rubik-0.ttf') format('truetype'); }
body.nm #cards.passive-mode.chest2 { --nsk-ink:#031122; --nsk-paper:#fff9ea; background:#04172c; backdrop-filter:none; padding:0; }
body.nm #cards.passive-mode.chest2 .c2 {
  --nsk-gap:16px; --nsk-card:144px; --nsk-icon:88px; --nsk-title:31px;
  position:absolute; inset:0; width:min(100%,480px); height:100%; max-height:none; margin:auto;
  padding: max(44px,var(--sa-top,0px),env(safe-area-inset-top)) 16px calc(max(34px,var(--sa-bottom,0px),env(safe-area-inset-bottom)) + 16px);
  justify-content:flex-start; align-items:stretch; gap:18px; overflow:hidden; isolation:isolate;
  background:#04172c url('assets/ui/skill-choice/background-faint-pixel-clusters-ghost-pixels-stair-diagonal.svg') center/100% 100% no-repeat;
  color:var(--nsk-paper); text-shadow:none; -webkit-text-stroke:0; letter-spacing:normal;
}
body.nm #cards.passive-mode.chest2 .c2 * { font-family:'GS Skill Rubik',sans-serif !important; text-shadow:none; -webkit-text-stroke:0; box-sizing:border-box; }
body.nm #cards.passive-mode.chest2 .c2 :is(.c2-name,.nsk-ribbon,.nsk-heading,.nsk-status,.nm-card-ads b) { font-family:'GS Skill Condensed',sans-serif !important; }
body.nm #cards.passive-mode.chest2 .c2-head { width:100%; flex:none; margin:0; align-items:stretch; }
body.nm #cards.passive-mode.chest2 :is(.c2-chest,.c2-sep,.c2-tools,.c2-win::before) { display:none !important; }
body.nm #cards.passive-mode.chest2 .c2-titles { width:100%; align-items:stretch; gap:2px; }
body.nm #cards.passive-mode.chest2 .c2-title { display:flex; flex-direction:column; gap:10px; width:100%; margin:0; color:var(--nsk-paper); text-transform:none; white-space:normal; letter-spacing:0; }
body.nm #cards.passive-mode.chest2 .nsk-ribbon { display:block; flex:none; width:min(310px,92%); height:52px; padding:0 4px 8px; background:url('assets/ui/skill-choice/yellow-pixel-ribbon-and1-px-highlights.svg') center/100% 100% no-repeat; transform:rotate(-4.3deg); transform-origin:0 50%; font-size:37.5px; line-height:44px; font-weight:800; text-align:center; color:var(--nsk-ink); }
body.nm #cards.passive-mode.chest2 .nsk-heading { display:block; font-size:clamp(30px,10.68vw,42px); line-height:44px; font-weight:800; text-shadow:2px 2px #00050d; }
body.nm #cards.passive-mode.chest2 .c2-sub { margin:0; font-size:20px; line-height:28px; font-weight:500; text-align:left; color:var(--nsk-paper); }
body.nm #cards.passive-mode.chest2 .c2-win { width:100%; flex:1; min-height:0; max-height:none; display:flex; flex-direction:column; gap:32px; padding:0; margin:0; background:none; border:0; border-radius:0; box-shadow:none; }
body.nm #cards.passive-mode.chest2 .c2-list { width:100%; flex:1; min-height:0; display:flex; flex-direction:column; align-items:stretch; gap:var(--nsk-gap); padding:0; margin:0; overflow:auto; overscroll-behavior:contain; touch-action:pan-y; scrollbar-width:thin; scrollbar-color:#526d88 transparent; }
body.nm #cards.passive-mode.chest2 .c2-card { --nsk-rank:#a8a8b4; position:relative; flex:1 0 auto; display:grid; grid-template-columns:var(--nsk-icon) minmax(0,1fr); align-content:start; align-items:start; gap:0 16px; width:100%; min-width:0; min-height:var(--nsk-card); height:auto; padding:12px 14px; margin:0; border:0; border-radius:0; background:url('assets/ui/skill-choice/pixel-surface-fire.svg') center/100% 100% no-repeat; box-shadow:none; color:var(--nsk-ink); text-align:left; transform:none; animation:nsk-enter .18s ease-out both; touch-action:pan-y; }
body.nm #cards.passive-mode.chest2 .c2-card.r-legendary { --nsk-rank:#5aa0ff; background-image:url('assets/ui/skill-choice/pixel-surface-lightning.svg'); }
body.nm #cards.passive-mode.chest2 .c2-card.r-epic { --nsk-rank:#c07bff; }
body.nm #cards.passive-mode.chest2 .c2-card::before { content:''; position:absolute; inset:4px 12px auto; height:5px; background:var(--nsk-rank); border:0; border-image:none; box-shadow:none; pointer-events:none; z-index:0; }
body.nm #cards.passive-mode.chest2 .c2-card::after { display:none; }
body.nm #cards.passive-mode.chest2 .c2-card > * { position:relative; inset:auto; translate:none; width:auto; z-index:1; }
body.nm #cards.passive-mode.chest2 .c2-art { grid-column:1; grid-row:1 / 3; width:var(--nsk-icon); height:var(--nsk-icon); padding:4px; background:url('assets/ui/skill-choice/stepped-ink-frame.svg') center/100% 100% no-repeat; border:0; box-shadow:none; }
body.nm #cards.passive-mode.chest2 .c2-art::before, body.nm #cards.passive-mode.chest2 .c2-art::after { display:none; }
body.nm #cards.passive-mode.chest2 .c2-img { position:relative; display:grid; place-items:center; inset:auto; width:100%; height:100%; clip-path:none; background:none; overflow:hidden; }
body.nm #cards.passive-mode.chest2 .c2-img img { position:static; display:block; width:100%; height:100%; max-width:100%; object-fit:contain; transform:none; translate:none; scale:1; image-rendering:pixelated; filter:none; }
body.nm #cards.passive-mode.chest2 .c2-tags { grid-column:2; display:flex; width:100%; height:18px; margin:0 0 3px; }
body.nm #cards.passive-mode.chest2 .nsk-status { display:block; height:18px; min-width:100px; padding:0 8px; font-size:14px; line-height:16px; font-weight:700; text-align:center; color:var(--nsk-paper); background:#0079b8 url('assets/ui/skill-choice/badge-surface1.svg') center/100% 100% no-repeat; clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px); }
body.nm #cards.passive-mode.chest2 .nsk-status.new { min-width:122px; background:#e52a36 url('assets/ui/skill-choice/badge-surface.svg') center/100% 100% no-repeat; }
body.nm #cards.passive-mode.chest2 .c2-text { grid-column:2; display:flex; flex-direction:column; gap:3px; min-width:0; width:auto; padding:0; margin:0; overflow:visible; }
body.nm #cards.passive-mode.chest2 .c2-name { display:block; position:static; width:auto; margin:0; padding:0; white-space:normal; overflow-wrap:anywhere; font-size:var(--nsk-title); line-height:1.2; font-weight:800; text-align:left; color:var(--nsk-ink); }
body.nm #cards.passive-mode.chest2 .c2-desc { display:block; position:static; margin:0; padding:0; font-size:14.5px; line-height:20px; font-weight:400; color:var(--nsk-ink); white-space:normal; overflow-wrap:anywhere; }
body.nm #cards.passive-mode.chest2 .nsk-meta { display:block; margin-top:3px; font-size:13.5px; line-height:18px; font-weight:400; color:#526d88; white-space:normal; }
body.nm #cards.passive-mode.chest2 .nm-card-ads { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; flex:none; padding:0; margin:0; width:100%; }
body.nm #cards.passive-mode.chest2 .nm-card-ads button { position:relative; display:flex; align-items:center; justify-content:flex-start; gap:20px; width:100%; min-width:0; min-height:56px; height:56px; padding:6px 12px 10px 34px; margin:0; border:0; border-radius:0; background:url('assets/ui/skill-choice/pixel-button-bevel-dither.svg') center/100% 100% no-repeat; box-shadow:none; color:var(--nsk-ink); }
body.nm #cards.passive-mode.chest2 .nm-card-ads button:last-child { background-image:url('assets/ui/skill-choice/pixel-button-bevel-dither1.svg'); }
body.nm #cards.passive-mode.chest2 .nm-card-ads button > span { display:block; flex:none; width:32px; height:32px; font-size:0; background:url('assets/ui/skill-choice/pixel-play-symbol-rewarded-ad.svg') center/32px 32px no-repeat; }
body.nm #cards.passive-mode.chest2 .nm-card-ads b { min-width:0; font-size:24px; line-height:28px; font-weight:700; text-align:left; }
body.nm #cards.passive-mode.chest2 .nm-card-ads small { display:block; margin:0; font-family:'GS Skill Rubik',sans-serif !important; font-size:12px; line-height:14px; font-weight:500; color:var(--nsk-ink); }
body.nm #cards.passive-mode.chest2 :is(.c2-card,.nm-card-ads button):focus-visible { outline:3px solid #ffdc35; outline-offset:-6px; }
body.nm #cards.passive-mode.chest2 .c2-card.holding { filter:brightness(1.08); box-shadow:inset 0 0 0 4px #ffdc35; }
body.nm #cards.passive-mode.chest2 .c2-card:active { transform:translateY(2px); }
body.nm #cards.passive-mode.chest2 .nm-card-ads button:disabled { opacity:.5; filter:saturate(.5); }
@keyframes nsk-enter { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media (max-width:389px) {
  body.nm #cards.passive-mode.chest2 .c2 { --nsk-gap:11px; --nsk-card:136px; --nsk-title:29px; }
  body.nm #cards.passive-mode.chest2 .nsk-ribbon { width:min(296px,94%); height:48px; }
  body.nm #cards.passive-mode.chest2 .nsk-heading { font-size:clamp(30px,10.66vw,40px); }
  body.nm #cards.passive-mode.chest2 .c2-card { padding-bottom:10px; }
}
@media (orientation:portrait) and (max-height:760px) {
  body.nm #cards.passive-mode.chest2 .c2 { padding-top:max(20px,var(--sa-top,0px),env(safe-area-inset-top)); padding-bottom:calc(max(16px,var(--sa-bottom,0px),env(safe-area-inset-bottom)) + 16px); gap:12px; --nsk-card:120px; --nsk-icon:72px; --nsk-title:26px; --nsk-gap:10px; }
  body.nm #cards.passive-mode.chest2 .nsk-ribbon { height:42px; font-size:31px; line-height:36px; }
  body.nm #cards.passive-mode.chest2 .nsk-heading { font-size:34px; line-height:38px; }
  body.nm #cards.passive-mode.chest2 .c2-sub { font-size:16px; line-height:22px; }
  body.nm #cards.passive-mode.chest2 .c2-win { gap:16px; }
}
@media (orientation:landscape) {
  body.nm #cards.passive-mode.chest2 .c2 { width:min(100%,1100px); padding:max(12px,var(--sa-top,0px),env(safe-area-inset-top)) max(16px,var(--sa-right,0px),env(safe-area-inset-right)) calc(max(12px,var(--sa-bottom,0px),env(safe-area-inset-bottom)) + 16px) max(16px,var(--sa-left,0px),env(safe-area-inset-left)); gap:12px; --nsk-card:0px; --nsk-icon:64px; --nsk-title:24px; --nsk-gap:12px; }
  body.nm #cards.passive-mode.chest2 .c2-head { max-width:100%; }
  body.nm #cards.passive-mode.chest2 .c2-titles { flex-direction:row; align-items:center; justify-content:space-between; gap:20px; }
  body.nm #cards.passive-mode.chest2 .c2-title { flex-direction:row; align-items:center; gap:20px; width:auto; }
  body.nm #cards.passive-mode.chest2 .nsk-ribbon { width:210px; height:38px; font-size:26px; line-height:30px; padding-bottom:6px; }
  body.nm #cards.passive-mode.chest2 .nsk-heading { font-size:30px; line-height:34px; }
  body.nm #cards.passive-mode.chest2 .c2-sub { font-size:14px; line-height:20px; }
  body.nm #cards.passive-mode.chest2 .c2-win { gap:12px; }
  body.nm #cards.passive-mode.chest2 .c2-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
  body.nm #cards.passive-mode.chest2 .c2-card { display:flex; flex-direction:column; gap:6px; padding:12px; }
  body.nm #cards.passive-mode.chest2 .c2-tags { position:absolute; top:16px; right:12px; width:auto; }
  body.nm #cards.passive-mode.chest2 .nsk-status { min-width:0; font-size:11px; padding:0 5px; }
  body.nm #cards.passive-mode.chest2 .nsk-status.new { min-width:0; }
  body.nm #cards.passive-mode.chest2 .c2-art { flex:none; }
  body.nm #cards.passive-mode.chest2 .c2-text { gap:3px; }
  body.nm #cards.passive-mode.chest2 .c2-desc { font-size:13px; line-height:18px; }
  body.nm #cards.passive-mode.chest2 .nsk-meta { font-size:12px; line-height:16px; }
  body.nm #cards.passive-mode.chest2 .nm-card-ads { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (orientation:landscape) and (max-width:740px) {
  body.nm #cards.passive-mode.chest2 .nsk-heading { font-size:24px; line-height:28px; }
  body.nm #cards.passive-mode.chest2 .nsk-ribbon { width:180px; font-size:22px; }
  body.nm #cards.passive-mode.chest2 .c2-sub { max-width:130px; font-size:12px; }
  body.nm #cards.passive-mode.chest2 .c2 { --nsk-icon:48px; --nsk-title:21px; }
  body.nm #cards.passive-mode.chest2 .c2-tags { position:static; margin:0; }
  body.nm #cards.passive-mode.chest2 .nm-card-ads button { padding-left:18px; gap:14px; }
  body.nm #cards.passive-mode.chest2 .nm-card-ads b { font-size:21px; }
}
@media (prefers-reduced-motion:reduce) { body.nm #cards.passive-mode.chest2 .c2-card { animation:none; transition:none; } }
/* Real descriptions are longer than the Figma placeholders. Keep their full text. */
body.nm #cards.passive-mode.chest2 .c2-win::before { display:none !important; }
body.nm #cards.passive-mode.chest2 .c2-card::before { filter:none !important; }
body.nm #cards.passive-mode.chest2 .nsk-status { border:0; border-radius:0; letter-spacing:0; }
@media (orientation:portrait) {
  body.nm #cards.passive-mode.chest2 .c2 { --nsk-title:29px; --nsk-card:140px; --nsk-icon:64px; --nsk-gap:10px; gap:12px; }
  body.nm #cards.passive-mode.chest2 .c2-title { gap:6px; }
  body.nm #cards.passive-mode.chest2 .c2-win { gap:10px; }
  body.nm #cards.passive-mode.chest2 .c2-card { padding:8px 14px; }
  body.nm #cards.passive-mode.chest2 .c2-tags { grid-row:1; }
  body.nm #cards.passive-mode.chest2 .c2-text { display:contents; }
  body.nm #cards.passive-mode.chest2 .c2-name { grid-column:2; grid-row:2; }
  body.nm #cards.passive-mode.chest2 .c2-desc { grid-column:1 / -1; grid-row:3; margin-top:4px; }
  body.nm #cards.passive-mode.chest2 .nsk-meta { grid-column:1 / -1; grid-row:4; margin-top:2px; }
  body.nm #cards.passive-mode.chest2 .nm-card-ads button { padding-left:12px; padding-right:8px; gap:8px; }
  body.nm #cards.passive-mode.chest2 .nm-card-ads button > span { width:24px; height:24px; background-size:24px 24px; }
  body.nm #cards.passive-mode.chest2 .nm-card-ads b { font-size:clamp(15px,4.2vw,17px); line-height:22px; white-space:nowrap; }
  body.nm #cards.passive-mode.chest2 .c2-desc { font-size:13.5px; line-height:18px; }
  body.nm #cards.passive-mode.chest2 .nsk-meta { font-size:12.5px; line-height:16px; }
}
@media (orientation:portrait) and (max-height:840px) {
  body.nm #cards.passive-mode.chest2 .c2 { --nsk-title:27px; --nsk-card:128px; --nsk-icon:64px; --nsk-gap:7px; }
  body.nm #cards.passive-mode.chest2 .c2-card { padding:8px 14px; }
  body.nm #cards.passive-mode.chest2 .c2-desc { font-size:13px; line-height:17px; }
  body.nm #cards.passive-mode.chest2 .nsk-meta { font-size:12px; line-height:16px; }
}
@media (orientation:landscape) and (min-height:500px) {
  body.nm #cards.passive-mode.chest2 .c2-list { max-height:360px; margin:auto 0; }
  body.nm #cards.passive-mode.chest2 .nm-card-ads { margin-top:auto; }
}
@media (orientation:portrait) and (max-height:760px) {
  body.nm #cards.passive-mode.chest2 .c2 { --nsk-title:22px; --nsk-card:110px; --nsk-icon:44px; --nsk-gap:6px; }
  body.nm #cards.passive-mode.chest2 .nsk-ribbon { height:32px; font-size:27px; line-height:28px; padding-bottom:4px; }
  body.nm #cards.passive-mode.chest2 .nsk-heading { font-size:28px; line-height:32px; }
  body.nm #cards.passive-mode.chest2 .c2-sub { font-size:14px; line-height:18px; }
  body.nm #cards.passive-mode.chest2 .c2-card { padding:8px 14px; }
  body.nm #cards.passive-mode.chest2 .c2-desc { font-size:12px; line-height:16px; }
  body.nm #cards.passive-mode.chest2 .nsk-meta { font-size:11.5px; line-height:14px; }
}

/* Comic skill choice: approved Figma 128:2363. Scoped to new-mode offers. */
@font-face{font-family:'GS Comic Condensed';font-weight:100 900;font-style:normal;font-display:swap;src:url('assets/ui/skill-choice/comic-v1/RobotoCondensed-Variable.ttf') format('truetype')}
@font-face{font-family:'GS Comic Roboto';font-weight:100 900;font-style:normal;font-display:swap;src:url('assets/ui/skill-choice/comic-v1/Roboto-Variable.ttf') format('truetype')}
body.nm #cards.passive-mode.chest2{background:#071321}
body.nm #cards.passive-mode.chest2 .c2{--nsk-icon:81px;--nsk-card:144px;--nsk-gap:12px;--nsk-title:16px;position:absolute;inset:0;display:grid;grid-template-rows:26px minmax(0,1fr);row-gap:12px;width:min(100%,480px);height:100%;padding:max(44px,var(--sa-top,0px),env(safe-area-inset-top)) 16px max(34px,var(--sa-bottom,0px),env(safe-area-inset-bottom));background:#071321 url('assets/ui/skill-choice/comic-v1/quiet-halftone-background.svg') center/100% 100% no-repeat;overflow:hidden;align-items:start}
body.nm #cards.passive-mode.chest2 .c2-head{display:block;width:100%;height:26px;margin:0;padding:0}
body.nm #cards.passive-mode.chest2 .c2-titles{display:block;width:100%;margin:0;padding:0}
body.nm #cards.passive-mode.chest2 .c2-title{display:block;margin:0;font-family:'GS Comic Condensed',sans-serif!important;font-size:21px;line-height:26px;font-weight:900;color:#fff8e4;text-shadow:2px 3px #000306;letter-spacing:0;text-align:left}
body.nm #cards.passive-mode.chest2 :is(.c2-sub,.nsk-ribbon){display:none!important}
body.nm #cards.passive-mode.chest2 .nsk-heading{font:inherit;text-shadow:inherit}
body.nm #cards.passive-mode.chest2 .c2-win{display:flex;flex-direction:column;align-self:start;gap:14px;flex:none;min-height:0;max-height:100%;width:100%;padding:0;margin:0;overflow:hidden;background:none;border:0;box-shadow:none}
body.nm #cards.passive-mode.chest2 .c2-list{display:flex;flex-direction:column;flex:0 1 auto;gap:var(--nsk-gap);min-height:0;width:100%;max-height:none;margin:0;padding:0 0 1px;overflow:auto;scrollbar-width:thin;scrollbar-gutter:auto;overscroll-behavior:contain}
body.nm #cards.passive-mode.chest2 .c2-card{position:relative;display:grid;grid-template-columns:var(--nsk-icon) minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:0;flex:none;width:100%;min-width:0;min-height:var(--nsk-card);height:auto;padding:20px 14px 27px;align-content:start;align-items:start;background:none!important;border:0;box-shadow:none;border-radius:0;overflow:visible;color:#020b16;text-align:left;font-family:'GS Comic Condensed',sans-serif!important}
body.nm #cards.passive-mode.chest2 .c2-card::before,body.nm #cards.passive-mode.chest2 .c2-card::after{display:none!important}
body.nm #cards.passive-mode.chest2 .c2-card>.nsk-surface{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none}
body.nm #cards.passive-mode.chest2 .nsk-surface>img{position:absolute;display:block;max-width:none;inset:0;width:100%;height:100%}
body.nm #cards.passive-mode.chest2 .r-legendary>.nsk-surface>img{inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface{filter:drop-shadow(0 0 6px #a16ce55c)}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>img{inset:auto}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-ink-shadow{left:0;top:4.8611%;width:100%;height:95.1389%}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-ink-body{left:0;top:0;width:100%;height:95.1389%}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-violet-rim{left:1.108%;top:2.778%;width:97.784%;height:89.5833%}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-mystic-paper{left:1.108%;top:8.333%;width:97.784%;height:84.7222%}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-wisps{left:4.43%;top:56.02%;width:92.25%;height:34.6676%}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-glints{left:10.803%;top:0;width:84.626%;height:71.5278%}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-rim-highlight{left:4.432%;top:3.4722%;width:90.859%;height:1.3889%}
body.nm #cards.passive-mode.chest2 .nsk-mythic-surface>.nsk-violet-corner{left:0;top:0;width:100%;height:100%}
body.nm #cards.passive-mode.chest2 .c2-art{position:relative;grid-column:1;grid-row:1/3;display:block;width:var(--nsk-icon);height:var(--nsk-icon);padding:0;margin:2px 0 0;background:none;border:0;box-shadow:none}
body.nm #cards.passive-mode.chest2 .c2-img{position:relative;inset:auto;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border:2px solid #020b16;border-radius:9px;background:#fff6dc}
body.nm #cards.passive-mode.chest2 .r-legendary .c2-img{border-color:#ffd75c}
body.nm #cards.passive-mode.chest2 .c2-img.nsk-reference{border:0}
body.nm #cards.passive-mode.chest2 .r-legendary .c2-img.nsk-reference{outline:2px solid #ffd75c;outline-offset:0}
body.nm #cards.passive-mode.chest2 .c2-img img{position:static;display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}
body.nm #cards.passive-mode.chest2 .c2-img.nsk-reference img{position:absolute;left:-32.8%;top:var(--nsk-ref-top);width:460.8%;height:981.82%;max-width:none;object-fit:fill}
body.nm #cards.passive-mode.chest2 .nsk-stars{position:absolute;top:calc(100% + 7px);left:50%;display:flex;gap:5px;width:max-content;height:16px;transform:translateX(-50%)}
body.nm #cards.passive-mode.chest2 .nsk-star{display:block;width:15px;height:16px;background:url('assets/ui/skill-choice/comic-v1/level1-unfilled-preview.svg') center/15px 16px no-repeat}
body.nm #cards.passive-mode.chest2 .nsk-star.on{background:#e8b437;mask:url('assets/ui/skill-choice/comic-v1/level1-unfilled-preview.svg') center/15px 16px no-repeat}
body.nm #cards.passive-mode.chest2 .c2-tags{position:absolute;grid-area:auto;top:22px;right:37px;display:block;width:max-content;height:18px;margin:0;z-index:2}
body.nm #cards.passive-mode.chest2 .nsk-status,body.nm #cards.passive-mode.chest2 .nsk-status.new{position:relative;display:block;min-width:0;width:max-content;height:18px;padding:3px 9px;font:700 10px/12px 'GS Comic Condensed',sans-serif!important;letter-spacing:0;text-align:center;white-space:nowrap;clip-path:none;color:#68665e;background: url('assets/ui/skill-choice/comic-v1/rank-comic-tag-word-width.svg') center/100% 100% no-repeat;border:0;border-radius:0}
body.nm #cards.passive-mode.chest2 .r-legendary .nsk-status{color:#78612f;background-image:url('assets/ui/skill-choice/comic-v1/rank-comic-tag-word-width1.svg')}
body.nm #cards.passive-mode.chest2 .r-epic .nsk-status{color:#735b84;background-image:url('assets/ui/skill-choice/comic-v1/rank-comic-tag-word-width2.svg')}
body.nm #cards.passive-mode.chest2 .c2-text{display:contents}
body.nm #cards.passive-mode.chest2 .c2-name{position:relative;grid-column:2;grid-row:1;display:block;align-self:start;max-width:calc(100% - 105px);width:auto;min-width:0;min-height:22px;margin:0;padding:0;font:600 16px/22px 'GS Comic Condensed',sans-serif!important;color:#020b16;white-space:normal;overflow-wrap:anywhere;text-align:left;text-shadow:none}
body.nm #cards.passive-mode.chest2 .c2-desc{position:relative;grid-column:2;grid-row:2;display:block;min-width:0;width:100%;margin:6px 0 0;padding:0;font:500 14px/18px 'GS Comic Roboto',sans-serif!important;font-variation-settings:'wdth' 100;color:#020b16;white-space:pre-line;overflow-wrap:anywhere}
body.nm #cards.passive-mode.chest2 .nsk-meta{display:none}
body.nm #cards.passive-mode.chest2 .nm-card-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;flex:none;margin:0;padding:0}
body.nm #cards.passive-mode.chest2 .nm-card-ads[hidden]{display:none}
body.nm #cards.passive-mode.chest2 .nm-card-ads button{display:flex;align-items:flex-start;justify-content:flex-start;gap:7px;width:100%;height:auto;min-height:62px;padding:11px 8px 14px 20px;background:url('assets/ui/skill-choice/comic-v1/cut-corners-hard-shadow-paper-grain2.svg') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.nm #cards.passive-mode.chest2 .nm-card-ads button:last-child{background-image:url('assets/ui/skill-choice/comic-v1/cut-corners-hard-shadow-paper-grain3.svg');padding-left:25px}
body.nm #cards.passive-mode.chest2 .nm-card-ads button>span{display:block;flex:none;width:22px;height:22px;margin-top:6px;background:url('assets/ui/skill-choice/comic-v1/rounded-play-tile.svg') center/22px 22px no-repeat;font-size:0}
body.nm #cards.passive-mode.chest2 .nm-card-ads b{display:block;min-width:0;white-space:normal;font:600 14px/21px 'GS Comic Condensed',sans-serif!important;color:#fff;text-align:left;text-shadow:0 1px #000}
body.nm #cards.passive-mode.chest2 .nm-card-ads small{display:block;margin:0;font:500 11px/14px 'GS Skill Rubik',sans-serif!important;color:#020b16;text-shadow:none;white-space:normal}
body.nm #cards.passive-mode.chest2 .c2-card:focus-visible,body.nm #cards.passive-mode.chest2 .nm-card-ads button:focus-visible{outline:3px solid #ffdc35;outline-offset:2px}
@media(max-width:389px){body.nm #cards.passive-mode.chest2 .c2{--nsk-icon:77px;--nsk-card:136px;--nsk-gap:10px}body.nm #cards.passive-mode.chest2 .c2-title{font-size:19.5px}}
@media(orientation:portrait) and (max-height:720px){body.nm #cards.passive-mode.chest2 .c2{--nsk-icon:64px;--nsk-card:124px;--nsk-gap:8px;padding-top:max(24px,var(--sa-top,0px),env(safe-area-inset-top));padding-bottom:max(20px,var(--sa-bottom,0px),env(safe-area-inset-bottom))}body.nm #cards.passive-mode.chest2 .c2-card{padding-top:18px;padding-bottom:24px}body.nm #cards.passive-mode.chest2 .c2-tags{top:20px;right:20px}body.nm #cards.passive-mode.chest2 .c2-name{max-width:calc(100% - 90px)}body.nm #cards.passive-mode.chest2 .c2-win{gap:10px}}
@media(orientation:landscape){body.nm #cards.passive-mode.chest2 .c2{width:min(100%,1100px);--nsk-icon:64px;--nsk-card:220px;--nsk-gap:12px;padding:max(12px,var(--sa-top,0px),env(safe-area-inset-top)) max(16px,var(--sa-right,0px),env(safe-area-inset-right)) max(12px,var(--sa-bottom,0px),env(safe-area-inset-bottom)) max(16px,var(--sa-left,0px),env(safe-area-inset-left))}body.nm #cards.passive-mode.chest2 .c2-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}body.nm #cards.passive-mode.chest2 .c2-card{display:flex;flex-direction:column;gap:0;padding:16px 14px 25px;min-height:220px}body.nm #cards.passive-mode.chest2 .c2-art{flex:none;margin-bottom:25px}body.nm #cards.passive-mode.chest2 .c2-name{max-width:none;width:100%;min-height:22px}body.nm #cards.passive-mode.chest2 .c2-desc{width:100%;margin-top:5px}body.nm #cards.passive-mode.chest2 .c2-tags{top:20px;right:18px}body.nm #cards.passive-mode.chest2 .nm-card-ads{max-width:500px;align-self:center}body.nm #cards.passive-mode.chest2 .nm-card-ads button{padding-left:20px}body.nm #cards.passive-mode.chest2 .c2-win{gap:10px}}
@media(prefers-reduced-motion:reduce){body.nm #cards.passive-mode.chest2 .c2-card{animation:none;transition:none}}

/* Neutralize inherited chest typography/landscape offsets at their original specificity. */
body.nm #cards.passive-mode.chest2 .c2 :is(.c2-name,.nsk-heading,.nsk-status,.nm-card-ads b){font-family:'GS Comic Condensed',sans-serif!important}
body.nm #cards.passive-mode.chest2 .c2-card{grid-template-rows:min-content auto}
body.nm #cards.passive-mode.chest2 .c2-name,body.nm #cards.passive-mode.chest2 .c2-desc{inset:auto;translate:none;align-self:start}
body.nm #cards.passive-mode.chest2 .nsk-status{ text-transform:none }
body.nm #cards.passive-mode.chest2 .c2-list{padding-bottom:0}

/* Keep the drawing track full-width even when all descriptions are short. */
body.nm #cards.passive-mode.chest2 .c2{grid-template-columns:minmax(0,1fr)}
body.nm #cards.passive-mode.chest2 .c2-win{overflow:visible}
body.nm #cards.passive-mode.chest2 .c2-list{width:calc(100% + 24px);margin:-12px;padding:12px}
body.nm #cards.passive-mode.chest2 .nm-card-ads button{padding-top:10px;padding-left:23px}
body.nm #cards.passive-mode.chest2 .nm-card-ads button:last-child{padding-left:28.5px}
body.nm #cards.passive-mode.chest2 .nm-card-ads button>span{margin-top:7px}
body.nm #cards.passive-mode.chest2 .nm-card-ads b{line-height:18px}
@media(orientation:landscape){body.nm #cards.passive-mode.chest2 .nm-card-ads button{padding-left:23px}}

/* The icon and stars must not enlarge the title's grid row. */
@media(orientation:portrait){body.nm #cards.passive-mode.chest2 .c2-card>.c2-art{position:absolute;left:14px;top:22px;margin:0;grid-area:auto}}

/* Offered skill upgrade: owned stars stay solid, the next level gently pulses. */
body.nm #cards.passive-mode.chest2 .nsk-card-level{display:inline-block;white-space:nowrap;font-size:12px;font-weight:500;line-height:18px}
body.nm #cards.passive-mode.chest2 .nsk-star.next{background:#e8b437;mask:url('assets/ui/skill-choice/comic-v1/level1-unfilled-preview.svg') center/15px 16px no-repeat;animation:nsk-next-star 1.4s ease-in-out infinite}
@keyframes nsk-next-star{0%,100%{opacity:.3}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){body.nm #cards.passive-mode.chest2 .nsk-star.next{animation:none;opacity:1}}