/* CardCairn V20.60 — Gamer TCG polish
   Global visual layer: deeper HUD atmosphere, sharper panels, neon accents,
   stronger card interactions and mobile polish without changing markup. */
:root{
  --gamer-cyan:#38d9ff;
  --gamer-violet:#8b5cf6;
  --gamer-blue:#4f7cff;
  --gamer-green:#45f0b0;
  --gamer-line:rgba(105,126,196,.36);
  --gamer-line-hot:rgba(99,214,255,.55);
  --gamer-glow:0 0 0 1px rgba(117,92,255,.08),0 18px 50px rgba(0,0,0,.28);
}

html{background:#060912}
body{
  background:
    radial-gradient(circle at 10% -5%,rgba(139,92,246,.22),transparent 31rem),
    radial-gradient(circle at 92% 3%,rgba(56,217,255,.14),transparent 29rem),
    radial-gradient(circle at 50% 115%,rgba(79,124,255,.08),transparent 34rem),
    linear-gradient(180deg,#080d1a 0%,#070b15 52%,#060910 100%);
}
body:before{
  opacity:.34;
  background-image:
    linear-gradient(rgba(78,103,170,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,103,170,.035) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(126,97,255,.045) 0 1px,transparent 1.5px);
  background-size:42px 42px,42px 42px,14px 14px;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.8) 48%,transparent 90%);
}
body:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);
}

/* Navigation / brand */
.topbar{
  background:linear-gradient(180deg,rgba(5,9,18,.93),rgba(7,12,24,.82));
  border-bottom-color:rgba(99,125,201,.24);
  box-shadow:0 14px 42px rgba(0,0,0,.18);
}
.topbar:after{
  height:2px;bottom:-2px;opacity:.9;
  background:linear-gradient(90deg,transparent 3%,rgba(139,92,246,.7) 30%,rgba(56,217,255,.85) 55%,rgba(79,124,255,.45) 75%,transparent 97%);
  box-shadow:0 0 16px rgba(56,217,255,.18);
}
.brand-symbol{
  border-radius:10px!important;
  border-color:rgba(91,222,255,.36)!important;
  background:linear-gradient(145deg,rgba(122,77,255,.34),rgba(28,203,255,.16))!important;
  box-shadow:0 0 0 1px rgba(139,92,246,.10),0 10px 28px rgba(76,66,210,.32),0 0 20px rgba(56,217,255,.08)!important;
}
.brand-symbol:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.07);border-radius:6px;pointer-events:none}
.brand-word{letter-spacing:-.55px!important;text-shadow:0 0 18px rgba(139,92,246,.16)}
.brand-word b{color:#b7a2ff!important;text-shadow:0 0 16px rgba(139,92,246,.34)}
.desktop-nav>a,.nav-cluster>summary{position:relative;border:1px solid transparent!important}
.desktop-nav>a:hover,.desktop-nav>a.active,.nav-cluster.open-active>summary,.nav-cluster>summary:hover{
  background:linear-gradient(180deg,rgba(96,82,185,.17),rgba(42,95,152,.10))!important;
  border-color:rgba(111,150,229,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.desktop-nav>a.active:after,.nav-cluster.open-active>summary:before{
  content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--gamer-violet),var(--gamer-cyan));
  box-shadow:0 0 10px rgba(56,217,255,.38);
}
.nav-popover{
  border-color:rgba(92,121,191,.42)!important;border-radius:12px!important;
  background:linear-gradient(155deg,rgba(14,20,38,.985),rgba(7,12,24,.985))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 0 1px rgba(139,92,246,.06)!important;
}

/* Gamer buttons */
.btn{position:relative;overflow:hidden;border-radius:10px!important;letter-spacing:.01em;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,filter .17s ease}
.btn:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.10) 48%,transparent 78%);transform:translateX(-135%);transition:transform .45s ease}
.btn:hover:before{transform:translateX(135%)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  background:linear-gradient(135deg,#6d43f2 0%,#7655ff 42%,#327fdc 100%)!important;
  border-color:rgba(156,136,255,.38)!important;
  box-shadow:0 10px 28px rgba(87,66,219,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.btn-primary:hover{box-shadow:0 13px 36px rgba(87,66,219,.34),0 0 20px rgba(56,217,255,.10),inset 0 1px 0 rgba(255,255,255,.22)!important;filter:saturate(1.08)}
.btn-secondary,.btn-ghost{border-color:rgba(82,105,169,.40)!important;background:linear-gradient(180deg,rgba(26,36,64,.84),rgba(13,20,38,.88))!important}
.btn-secondary:hover,.btn-ghost:hover{border-color:rgba(81,196,255,.42)!important;box-shadow:0 0 18px rgba(56,217,255,.07)}

/* HUD-like headings */
.page-head{position:relative}
.page-head:before{content:"// CARDCAIRN";display:block;margin-bottom:8px;color:#65dfff;font-size:10px;font-weight:900;letter-spacing:.2em;opacity:.75}
.page-head h1,.cc-dashboard-head h1,.section h2{font-weight:900;text-shadow:0 0 25px rgba(110,87,255,.10)}
.eyebrow{border-radius:7px!important;background:linear-gradient(90deg,rgba(55,221,255,.08),rgba(139,92,246,.08))!important;border-color:rgba(76,203,255,.28)!important;color:#8eeeff!important;letter-spacing:.06em;text-transform:uppercase}

/* Panels become TCG / HUD cards */
.panel,.table-card,.stat,.feature,.hero-card,.auth,.auth-security-card,.collection-browser-panel,.cc-dashboard-panel,.cc-kpi,.cc-value-card,.cc-bento-card,.cc-final-card,.cc-market-overview,.cc-market-search-panel{
  position:relative;
  border-color:var(--gamer-line)!important;
  background-image:linear-gradient(155deg,rgba(22,31,57,.94),rgba(9,15,29,.97))!important;
  box-shadow:var(--gamer-glow)!important;
}
.panel:before,.table-card:before,.stat:before,.feature:before,.cc-dashboard-panel:before,.cc-kpi:before,.cc-value-card:before{
  content:"";position:absolute;pointer-events:none;left:12px;right:42%;top:-1px;height:1px;
  background:linear-gradient(90deg,rgba(139,92,246,.9),rgba(56,217,255,.55),transparent);
  box-shadow:0 0 10px rgba(56,217,255,.12);
}
.panel:hover,.stat:hover,.feature:hover,.cc-kpi:hover{border-color:rgba(111,143,221,.48)!important}

/* Search, fields and chips */
.searchbar,.field input,.field select,.field textarea,.cc-main-search,.cc-market-search-panel input,.cc-market-search-panel select{
  border-color:rgba(75,99,158,.46)!important;
  background-color:rgba(5,10,20,.78)!important;
}
.searchbar:focus-within,.field input:focus,.field select:focus,.field textarea:focus,.cc-main-search:focus-within{
  border-color:rgba(56,217,255,.52)!important;
  box-shadow:0 0 0 3px rgba(56,217,255,.07),0 0 24px rgba(92,83,232,.08)!important;
}
.chip,.badge,.series-code-chip,.series-owned-chip,.btn.btn-chip{
  border-radius:7px!important;
  border-color:rgba(81,105,168,.42)!important;
  background:linear-gradient(180deg,rgba(28,38,66,.75),rgba(11,17,31,.78))!important;
}
.chip.active,.btn.btn-chip.active{
  color:#fff!important;border-color:rgba(71,208,255,.48)!important;
  background:linear-gradient(135deg,rgba(116,74,245,.34),rgba(38,173,232,.22))!important;
  box-shadow:0 0 18px rgba(70,164,255,.08)!important;
}

/* TCG cards: more collectible / holographic */
.tcg-card,.cc-market-grid .market-card,.collection-series-tile.clean,.collection-block-tile.cardified{
  position:relative;overflow:hidden;
  border-radius:13px!important;
  border-color:rgba(76,99,158,.45)!important;
  background:linear-gradient(155deg,rgba(19,27,49,.98),rgba(7,12,23,.99))!important;
  box-shadow:0 12px 32px rgba(0,0,0,.20)!important;
  transition:transform .20s ease,border-color .20s ease,box-shadow .20s ease!important;
}
.tcg-card:before,.cc-market-grid .market-card:before,.collection-series-tile.clean:before,.collection-block-tile.cardified:before{
  content:"";position:absolute;z-index:0;pointer-events:none;inset:0;
  background:linear-gradient(115deg,transparent 0 34%,rgba(82,226,255,.045) 43%,rgba(151,100,255,.065) 52%,transparent 63%);
  transform:translateX(-60%);transition:transform .55s ease;
}
.tcg-card:hover:before,.cc-market-grid .market-card:hover:before,.collection-series-tile.clean:hover:before,.collection-block-tile.cardified:hover:before{transform:translateX(55%)}
.tcg-card>* ,.cc-market-grid .market-card>* ,.collection-series-tile.clean>* ,.collection-block-tile.cardified>*{position:relative;z-index:1}
.tcg-card:hover,.cc-market-grid .market-card:hover,.collection-series-tile.clean:hover,.collection-block-tile.cardified:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(70,211,255,.50)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 24px rgba(81,119,255,.10)!important;
}
.card-img,.market-image,.detail-image{
  border:1px solid rgba(84,111,176,.27)!important;
  background:radial-gradient(circle at 50% 35%,rgba(88,97,201,.10),transparent 62%),#070b14!important;
}
.tcg-card:hover .card-img{border-color:rgba(82,221,255,.34)!important;box-shadow:0 0 22px rgba(56,217,255,.06)}
.price,.mini-price,.cc-market-grid .market-price-row strong{color:#f7fbff;text-shadow:0 0 16px rgba(56,217,255,.08)}

/* Stats / progress */
.stat-value,.cc-kpi-value,.cc-value-number,.portfolio-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.progress,.collection-mini-progress,[class*="progress"]{overflow:hidden}
.progress>span,.collection-mini-progress>span,[class*="progress"]>i{
  background-image:linear-gradient(90deg,var(--gamer-violet),var(--gamer-blue),var(--gamer-cyan))!important;
  box-shadow:0 0 12px rgba(56,217,255,.16);
}

/* Alerts / states */
.notice{border-radius:9px!important}
.notice:not(.error){border-color:rgba(69,240,176,.27)!important;background:rgba(22,111,87,.12)!important;color:#a8f8dc!important}
.notice.error{border-color:rgba(255,89,122,.32)!important;background:rgba(120,24,47,.14)!important}

/* Tables and list rows */
.collection-item,.mini-row,.scan-result{border:1px solid transparent;transition:.16s ease}
.collection-item:hover,.mini-row:hover,.scan-result:hover{background:rgba(89,106,174,.08)!important;border-color:rgba(77,111,181,.22)}
.table-card table tbody tr{transition:background .15s ease}
.table-card table tbody tr:hover{background:rgba(65,95,170,.07)}

/* Scanner gets a stronger gamer frame */
.camera{border-radius:16px!important;border-color:rgba(65,201,255,.35)!important;box-shadow:0 20px 60px rgba(0,0,0,.38),0 0 30px rgba(56,217,255,.05)}
.scan-frame{border-color:rgba(126,232,255,.95)!important;border-radius:8px!important;box-shadow:0 0 0 999px rgba(1,5,12,.48),0 0 20px rgba(56,217,255,.16)!important}
.scan-frame:before,.scan-frame:after{background:linear-gradient(90deg,transparent,rgba(56,217,255,.92),transparent)!important;box-shadow:0 0 10px rgba(56,217,255,.35)}

/* Footer + mobile dock */
.cc-footer{border-top-color:rgba(85,107,170,.25)!important;background:linear-gradient(180deg,rgba(7,11,21,.28),rgba(4,7,13,.75))}
.mobile-bottom-nav{
  border-radius:14px!important;border-color:rgba(76,111,181,.46)!important;
  background:linear-gradient(180deg,rgba(10,16,31,.97),rgba(5,10,20,.98))!important;
  box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 24px rgba(83,76,206,.08),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.mobile-bottom-nav .scan-main .mobile-scan-icon{border-radius:12px!important;background:linear-gradient(145deg,#643cea,#7656ff 55%,#288fcf)!important;box-shadow:0 12px 32px rgba(77,59,216,.48),0 0 22px rgba(56,217,255,.10),inset 0 1px 0 rgba(255,255,255,.22)!important}
.mobile-bottom-nav .mobile-nav-item:not(.scan-main).active{background:linear-gradient(180deg,rgba(107,76,222,.17),rgba(35,126,173,.10))!important}

/* Tiny gamer status dot on account controls */
.user-chip{border-radius:9px!important;border-color:rgba(77,105,171,.42)!important;background:linear-gradient(180deg,rgba(23,33,60,.86),rgba(10,17,32,.90))!important}
.user-chip .user-dot{border-radius:6px!important;box-shadow:0 0 14px rgba(100,82,255,.22)}
.notification-bell{border-color:rgba(78,104,168,.40)!important;background:linear-gradient(180deg,rgba(22,32,58,.86),rgba(9,16,30,.9))!important}
.notification-bell.has-unread{box-shadow:0 0 20px rgba(139,92,246,.13)}

@media(max-width:760px){
  body:before{background-size:32px 32px,32px 32px,12px 12px;opacity:.25}
  .page-head:before{font-size:9px}
  .panel,.table-card,.stat,.feature,.tcg-card,.cc-kpi,.cc-dashboard-panel{border-radius:12px!important}
  .tcg-card:hover,.cc-market-grid .market-card:hover,.collection-series-tile.clean:hover,.collection-block-tile.cardified:hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  .btn,.tcg-card,.cc-market-grid .market-card,.collection-series-tile.clean,.collection-block-tile.cardified{transition:none!important}
  .btn:before,.tcg-card:before,.cc-market-grid .market-card:before,.collection-series-tile.clean:before,.collection-block-tile.cardified:before{display:none!important}
}

/* ========================================================================== 
   CardCairn V20.61 — GAME UI pass
   Major screens now read like distinct modules of the same TCG command system.
   ========================================================================== */
:root{
  --cc-hud-cyan:#64e6ff;
  --cc-hud-purple:#9c7cff;
  --cc-hud-deep:#08101e;
  --cc-hud-panel:rgba(11,18,34,.92);
  --cc-hud-border:rgba(92,128,205,.34);
  --cc-hud-dim:#7785aa;
}

/* Shared HUD status strips */
.cc-command-strip,.cc-inventory-hud,.cc-deck-statusbar{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  margin:-5px 0 18px;padding:1px;border:1px solid rgba(91,127,207,.30);border-radius:10px;
  background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(56,217,255,.14),rgba(76,103,181,.12));
  box-shadow:0 12px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden;
}
.cc-command-strip>span,.cc-inventory-hud>span,.cc-deck-statusbar>span{
  min-width:0;display:grid;grid-template-columns:8px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;
  padding:9px 12px;background:rgba(5,10,21,.82);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.cc-command-strip i,.cc-inventory-hud i,.cc-deck-statusbar i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:#7583aa;box-shadow:0 0 0 3px rgba(117,131,170,.08)}
.cc-command-strip i.is-online,.cc-inventory-hud i.is-online,.cc-deck-statusbar i.is-online{background:#4cf0ad;box-shadow:0 0 0 3px rgba(76,240,173,.08),0 0 10px rgba(76,240,173,.50)}
.cc-command-strip b,.cc-inventory-hud b,.cc-deck-statusbar b{font-size:8px;line-height:1.2;color:#8796bd;letter-spacing:.11em}
.cc-command-strip small,.cc-inventory-hud small,.cc-deck-statusbar small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;color:#e9f4ff;font-size:10px;font-weight:800}

/* HOME — command center */
.cc-game-command-center{position:relative;padding-top:34px}
.cc-game-command-center:before{content:"COMMAND CENTER / PLAYER HUB";position:absolute;left:max(22px,calc((100% - 1220px)/2));top:10px;color:rgba(100,230,255,.38);font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.19em}
.cc-game-command-center .cc-dashboard-head{position:relative;padding:19px 20px 19px 22px;border:1px solid rgba(91,126,204,.26);border-radius:14px;background:linear-gradient(115deg,rgba(18,27,50,.72),rgba(8,14,27,.34));overflow:hidden}
.cc-game-command-center .cc-dashboard-head:after{content:"";position:absolute;top:0;right:0;width:120px;height:100%;background:linear-gradient(135deg,transparent 45%,rgba(56,217,255,.04) 46%,rgba(139,92,246,.08));clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.cc-game-command-center .cc-dashboard-head h1{font-size:clamp(37px,4.7vw,56px);letter-spacing:-3px}
.cc-game-command-center .cc-value-card{border-radius:15px!important;background:linear-gradient(135deg,rgba(25,34,64,.98),rgba(8,14,28,.98))!important}
.cc-game-command-center .cc-value-card:before{content:"PORTFOLIO // LIVE";position:absolute;right:20px;top:17px;color:rgba(105,229,255,.47);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.cc-game-command-center .cc-chart-card{position:relative;border-radius:15px;background:linear-gradient(145deg,rgba(15,25,48,.98),rgba(7,13,26,.98));border-color:rgba(73,151,212,.28)}
.cc-game-command-center .cc-chart-card:after{content:"MARKET TELEMETRY";position:absolute;right:17px;bottom:12px;color:rgba(91,215,255,.25);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.cc-game-command-center .cc-kpi{border-radius:12px!important;overflow:hidden}
.cc-game-command-center .cc-kpi-icon{border-radius:8px;background:rgba(87,110,191,.12);color:#91e8ff;text-shadow:0 0 14px rgba(56,217,255,.28)}
.cc-game-command-center .cc-dashboard-panel{border-radius:14px!important}
.cc-game-command-center .cc-action-tile{position:relative;border-radius:9px;overflow:hidden}
.cc-game-command-center .cc-action-tile:after{content:"";position:absolute;right:0;bottom:0;width:18px;height:18px;border-right:1px solid rgba(75,222,255,.22);border-bottom:1px solid rgba(75,222,255,.22)}

/* Public home — game launcher feeling */
.cc-game-landing{min-height:650px}
.cc-game-landing .cc-home-copy:before{content:"CARDCAIRN // TCG OPERATING SYSTEM";display:block;margin-bottom:12px;color:rgba(100,230,255,.56);font:850 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.cc-game-landing .cc-home-copy h1 span.soft{background:linear-gradient(90deg,#b9afff,#7fdfff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.cc-game-landing .cc-product-stage:after{content:"LIVE INTERFACE";position:absolute;right:12px;top:-14px;color:rgba(99,228,255,.48);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.cc-game-landing .cc-app-card{border-radius:14px;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg);border-color:rgba(92,181,235,.34);box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 45px rgba(77,97,236,.08),inset 0 1px 0 rgba(255,255,255,.08)}
.cc-game-landing .cc-app-card:after{content:"CC-OS 20.61";position:absolute;right:14px;bottom:9px;color:rgba(113,230,255,.27);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.cc-game-landing .cc-scan-float{border-radius:12px;border-color:rgba(85,213,255,.35);box-shadow:0 25px 70px rgba(0,0,0,.46),0 0 28px rgba(56,217,255,.08)}

/* CATALOGUE — search terminal + card library */
.cc-game-terminal{position:relative;overflow:hidden;padding-top:48px;background:linear-gradient(180deg,rgba(11,21,42,.86),rgba(8,13,26,.38))}
.cc-game-terminal:after{content:"";position:absolute;right:-120px;top:-110px;width:520px;height:520px;border:1px solid rgba(81,215,255,.08);border-radius:50%;box-shadow:0 0 0 46px rgba(139,92,246,.018),0 0 0 96px rgba(56,217,255,.012);pointer-events:none}
.cc-game-terminal .shell{position:relative;z-index:1}
.cc-game-terminal .cc-catalogue-copy{max-width:900px}
.cc-game-terminal .cc-catalogue-copy:before{content:"DATABASE ACCESS // GLOBAL TCG INDEX";display:block;margin-bottom:10px;color:rgba(102,228,255,.50);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.cc-game-terminal .cc-search-panel{position:relative;margin-top:24px;padding:42px 14px 14px;border-radius:12px;border-color:rgba(80,190,239,.32);background:linear-gradient(150deg,rgba(12,21,41,.98),rgba(5,11,23,.98));box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 36px rgba(62,100,230,.06)}
.cc-terminal-bar{position:absolute;left:0;right:0;top:0;height:29px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(83,126,203,.25);background:rgba(5,10,20,.70);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cc-terminal-bar span{display:flex;align-items:center;gap:7px;color:#8beaff;font-size:8px;font-weight:900;letter-spacing:.13em}.cc-terminal-bar span i{width:6px;height:6px;border-radius:50%;background:#45f0b0;box-shadow:0 0 9px rgba(69,240,176,.55)}
.cc-terminal-bar small{color:#6c7b9e;font-size:7px;letter-spacing:.1em}
.cc-game-terminal .cc-main-search{border-radius:8px!important;border-color:rgba(92,183,236,.32)!important;background:#050b16!important;box-shadow:inset 0 0 24px rgba(35,114,190,.04)}
.cc-game-terminal .cc-main-search input{font-size:15px;letter-spacing:.005em}
.cc-game-terminal .cc-search-icon{color:#6fe7ff}
.cc-game-terminal .cc-catalogue-hints>div{border-radius:8px;background:linear-gradient(180deg,rgba(13,22,41,.82),rgba(7,13,26,.82));border-color:rgba(73,101,163,.30)}
.cc-game-library{position:relative;padding-top:28px}
.cc-game-library:before{content:"CARD LIBRARY // RESULTS BUFFER";display:block;margin-bottom:12px;color:rgba(92,218,255,.36);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.cc-game-library .cc-results-head{padding-bottom:11px;border-bottom:1px solid rgba(79,104,168,.24)}
.cc-game-library .cc-catalogue-empty{border-radius:12px;background:repeating-linear-gradient(135deg,rgba(52,78,135,.018) 0 8px,transparent 8px 16px),rgba(7,13,25,.45)}
.cc-game-library .card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:13px}
.cc-game-library .tcg-card{border-radius:10px!important;padding:8px!important}
.cc-game-library .tcg-card .card-img{border-radius:8px}

/* COLLECTION — inventory screen */
.cc-inventory-head{padding-bottom:25px;background:linear-gradient(180deg,rgba(20,25,52,.56),rgba(8,14,27,.16));border-bottom:1px solid rgba(77,106,174,.18)}
.cc-inventory-head:after{content:"INVENTORY MODULE";position:absolute;right:max(22px,calc((100% - 1220px)/2));top:35px;color:rgba(98,225,255,.34);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.cc-inventory-shell{padding-top:18px}
.cc-inventory-hud{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}
.cc-inventory-shell .collection-stats{gap:8px}
.cc-inventory-shell .collection-stats .stat{min-height:116px;border-radius:10px!important;padding:14px 15px;background:linear-gradient(155deg,rgba(16,26,49,.98),rgba(7,13,26,.98))!important}
.cc-inventory-shell .collection-stats .stat:after{content:"";position:absolute;right:9px;top:9px;width:11px;height:11px;border-top:1px solid rgba(99,226,255,.25);border-right:1px solid rgba(99,226,255,.25)}
.cc-inventory-shell .stat-label{font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.cc-inventory-shell .portfolio-chart{border-radius:12px!important}
.cc-inventory-shell .section-head{padding:15px 0 7px;border-bottom:1px solid rgba(79,104,168,.20)}
.cc-inventory-shell .collection-search-box{border-radius:10px;background:linear-gradient(180deg,rgba(12,21,41,.82),rgba(6,12,24,.82));border-color:rgba(73,116,187,.32)}
.cc-inventory-shell .collection-search-field{border-radius:7px!important}
.cc-inventory-shell .collection-game-launcher{gap:9px}
.cc-inventory-shell .collection-game-launch{position:relative;min-height:92px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,rgba(17,27,50,.98),rgba(7,13,26,.98))}
.cc-inventory-shell .collection-game-launch:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gamer-violet),var(--gamer-cyan));opacity:.7}
.cc-inventory-shell .collection-game-launch:after{content:"OPEN MODULE";position:absolute;right:12px;bottom:8px;color:rgba(106,220,255,.22);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.cc-inventory-shell .collection-game-launch>span:last-child{align-self:start;margin-top:2px}

/* DECK BUILDER — tactical construction console */
.cc-deck-command-head{padding-bottom:24px;background:linear-gradient(180deg,rgba(32,20,55,.50),rgba(8,14,27,.14));border-bottom:1px solid rgba(115,83,205,.18)}
.cc-deck-command-head:after{content:"TACTICAL DECK LAB";position:absolute;right:max(22px,calc((100% - 1220px)/2));top:34px;color:rgba(152,125,255,.38);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.cc-deck-console{padding-top:16px}
.cc-deck-statusbar{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 11px}
.cc-deck-console .deck-kpis{gap:8px;margin-top:0}
.cc-deck-console .deck-kpis>div{position:relative;border-radius:9px;padding:13px;background:linear-gradient(150deg,rgba(17,27,51,.98),rgba(7,13,26,.98));overflow:hidden}
.cc-deck-console .deck-kpis>div:after{content:"";position:absolute;right:7px;bottom:7px;width:10px;height:10px;border-right:1px solid rgba(106,226,255,.23);border-bottom:1px solid rgba(106,226,255,.23)}
.cc-deck-console .deck-kpis>div>span{border-radius:7px;color:#95eaff;background:rgba(58,163,215,.08)}
.cc-deck-console .deck-manual-launch,.cc-deck-console .deck-analysis-panel,.cc-deck-console .deck-library,.cc-deck-console .deck-recommendations,.cc-deck-console .deck-v2-controls{border-radius:12px!important;background:linear-gradient(150deg,rgba(14,23,43,.98),rgba(6,12,24,.99))!important;box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.cc-deck-console .deck-manual-launch{border-color:rgba(65,210,255,.24)!important}
.cc-deck-console .deck-library{border-color:rgba(65,178,255,.25)!important}
.cc-deck-console .deck-recommendations{border-color:rgba(73,228,169,.20)!important}
.cc-deck-console .deck-v2-controls{border-color:rgba(144,99,255,.30)!important}
.cc-deck-console .deck-section-head{padding-bottom:10px;border-bottom:1px solid rgba(77,104,168,.19)}
.cc-deck-console .deck-library-card,.cc-deck-console .deck-reco-card,.cc-deck-console .deck-proposal-card,.cc-deck-console .saved-deck-card{border-radius:10px;background:linear-gradient(145deg,rgba(16,25,47,.98),rgba(7,13,25,.99));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cc-deck-console .deck-library-card:hover,.cc-deck-console .deck-reco-card:hover,.cc-deck-console .deck-proposal-card:hover,.cc-deck-console .saved-deck-card:hover{transform:translateY(-3px);border-color:rgba(84,207,255,.38);box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 22px rgba(65,146,255,.06)}
.cc-deck-console .deck-style-card{border-radius:9px;background:rgba(8,15,29,.70)}
.cc-deck-console .deck-style-card.is-selected{border-color:rgba(97,217,255,.48);box-shadow:inset 3px 0 0 rgba(145,91,255,.68),0 0 20px rgba(64,160,255,.05)}
.cc-deck-console .deck-style-icon{border-radius:7px}
.cc-deck-console .deck-beta,.cc-deck-console .deck-type-badge,.cc-deck-console .deck-style-badge,.cc-deck-console .deck-official-badge,.cc-deck-console .deck-reco-tier{border-radius:5px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em}
.cc-deck-console .deck-meter{height:6px;border-radius:2px}

/* Gamer microcopy / interaction polish */
.cc-game-command-center a,.cc-game-library a,.cc-inventory-shell a,.cc-deck-console a{outline-offset:3px}
.cc-game-command-center a:focus-visible,.cc-game-library a:focus-visible,.cc-inventory-shell a:focus-visible,.cc-deck-console a:focus-visible{outline:2px solid rgba(100,230,255,.75)}

@media(max-width:900px){
  .cc-command-strip{grid-template-columns:1fr 1fr}
  .cc-game-landing .cc-app-card{transform:none}
}
@media(max-width:700px){
  .cc-command-strip,.cc-inventory-hud,.cc-deck-statusbar{grid-template-columns:1fr 1fr}
  .cc-command-strip>span,.cc-inventory-hud>span,.cc-deck-statusbar>span{padding:8px 9px}
  .cc-game-command-center .cc-dashboard-head{padding:16px}
  .cc-game-terminal{padding-top:32px}
  .cc-terminal-bar small{display:none}
  .cc-game-library .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-inventory-head:after,.cc-deck-command-head:after{display:none}
  .cc-inventory-shell .collection-stats .stat{min-height:100px}
}
@media(max-width:430px){
  .cc-game-command-center:before{left:14px}
  .cc-command-strip b,.cc-inventory-hud b,.cc-deck-statusbar b{font-size:7px}
  .cc-command-strip small,.cc-inventory-hud small,.cc-deck-statusbar small{font-size:9px}
  .cc-game-library .card-grid{gap:8px}
  .cc-game-library .tcg-card{padding:6px!important}
  .cc-deck-console .deck-kpis>div{padding:10px}
}