/* BASAK JELLY LAB / V3 premium interface. No external font dependencies. */
:root{--ink:#18223a;--purple:#182038;--pink:#8959e9;--orange:#f6a05e;--cream:#f5f7fc;--paper:#fff;--line:#e5e9f3;--sub:#eff2fa;--muted:#777f93;--shadow:0 14px 38px rgba(38,53,101,.08);color:var(--ink)}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 60% -10%,#ece9ff 0%,transparent 35%),radial-gradient(circle at 97% 48%,#eaf7ff 0%,transparent 35%),#f5f7fc!important;color:var(--ink)}
button,a,input,textarea,select{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a785f0!important;outline-offset:2px}
.sidebar{background:linear-gradient(168deg,#12192d,#1d2340 52%,#17162d);border-right:1px solid #ffffff16;box-shadow:12px 0 40px #12192d14}
.brand{padding-bottom:34px}.brand-mark,.mobile-mark{background:linear-gradient(135deg,#ffa65f,#f1d084)!important;border-radius:16px;box-shadow:0 8px 24px #ffac5a3a;font-size:25px}
.brand-text strong{font-weight:900;letter-spacing:.3px}.brand-text small{letter-spacing:2.5px;color:#bec9ff}.side-label{color:#8190b2}.nav-link{color:#a8b3d1;border:1px solid transparent;border-radius:14px;padding:15px 13px}
.nav-link.active,.nav-link:hover{background:linear-gradient(95deg,#6257b3aa,#3d467844)!important;color:#fff;border:1px solid #ab9ff443;box-shadow:0 8px 24px #191d3544}
.nav-link.active .nav-emoji{color:#ffdfab}.mini-about{background:#ffffff0c;border:1px solid #ffffff19}.mini-glow{background:linear-gradient(140deg,#8df1df,#7b7ef5);box-shadow:0 0 19px #5de1c75b}.admin-side{border:1px solid #ffffff29;background:#ffffff0c;color:#c5d4fd}
.topbar{background:#fefeffdc;border-bottom:1px solid #e5e9f4;backdrop-filter:blur(22px)}.breadcrumb{color:#8e96b0}.breadcrumb b{color:#493b90}.top-admin{box-shadow:0 3px 12px #1c276d14;background:#fff}
.topbar-feature{display:inline-flex;align-items:center;border:1px solid #e4e1f9;background:#f5f1ff;color:#7763bc;font-size:10px;letter-spacing:1px;padding:8px 11px;border-radius:999px;font-weight:900;white-space:nowrap}
main{max-width:1510px}h1,h2,h3{letter-spacing:-.04em}.eyebrow,.lab-kicker{font-weight:900;color:#8170d5;letter-spacing:1.8px}.subhead h1{color:#17203a}.subhead p{color:#788199}.accent-dot{color:#8b66dd!important}
#page-home.active{min-height:min(83vh,880px);align-items:stretch!important}
.lab-landing{position:relative;max-width:none;border-radius:32px;background:radial-gradient(circle at 83% 8%,#644ab9a8 0%,transparent 34%),radial-gradient(circle at 10% 85%,#217f95aa 0%,transparent 40%),linear-gradient(120deg,#162443,#151b36 67%,#262043);padding:58px clamp(20px,4vw,68px) 42px!important;overflow:hidden;box-shadow:0 26px 75px #202c5b26;text-align:left;color:#fff}
.lab-landing:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent 10%,#000 100%)}
.lab-landing:after{content:'✦';position:absolute;right:8%;top:4%;font-size:220px;color:#aa91fc10;pointer-events:none}
.lab-kicker{color:#abffe6!important;position:relative;z-index:1;font-size:11px!important}
.landing-ornament{display:none}.lab-seal{margin:22px 0 14px!important;transform:rotate(-8deg);width:70px;height:70px;background:linear-gradient(145deg,#fff0bb,#ed9a74);box-shadow:0 8px 35px #efb97a50}
.lab-landing h1{color:#fff;font-size:clamp(37px,4.7vw,66px);line-height:1.17;letter-spacing:-3px;position:relative;z-index:1}.lab-landing h1 em{color:#b4f2df}
.lab-landing>p{color:#bfcbdd;margin:15px 0 30px;font-size:14px;position:relative;z-index:1}.lab-landing .landing-note{color:#aab8d0;font-size:11px}
.mode-grid{max-width:none;position:relative;z-index:1;gap:16px}.mode-card{min-height:240px;border:1px solid #ffffff30!important;background:linear-gradient(155deg,#ffffff1d,#ffffff0e)!important;backdrop-filter:blur(9px);border-radius:22px!important;box-shadow:0 18px 33px #0e143044;color:#fff!important;padding:22px!important;overflow:hidden}
.mode-card:before{width:180px;height:180px;right:-70px;top:-70px;background:#b5a6ff26!important;filter:blur(1px)}.mode-card:hover{transform:translateY(-5px);border-color:#c4b2ff88!important;box-shadow:0 22px 48px #00000044!important}
.mode-art{margin-bottom:7px!important;filter:drop-shadow(0 12px 16px #0004)}.mode-label{color:#afd6e8!important}.mode-card strong{color:#fff;font-size:24px}.mode-card small{color:#b6c6dd}.mode-link{color:#b9f8e7;font-weight:900}.dungeon-mode .mode-link{color:#d7c0ff}
.deck-grid{gap:19px}.deck-card{border:1px solid #e8ebf4;border-radius:24px;box-shadow:0 10px 30px #27356e0e;background:#fff;overflow:hidden}.deck-card:hover{transform:translateY(-5px);box-shadow:0 24px 49px #26366e21;border-color:#aca1ee}.deck-cover{background:radial-gradient(circle at 77% 12%,#aca6ef44 0%,transparent 47%),linear-gradient(145deg,#293259,#1b2a47 80%)!important}.cover-chip{background:#f4f3ff!important;color:#5d4bbb!important;border:1px solid #e5deff!important}.cover-boss{color:#f5f5ff!important}.deck-card-title{color:#1b2542}.deck-card-desc{color:#778097}.deck-intel-preview{color:#7c61ce;font-size:10px;font-weight:900;letter-spacing:-.2px;margin:6px 0 5px}.deck-intel-preview span{color:#bac1d5;padding:0 4px}.card-go{color:#8064d0!important}.mini-tag{background:#f2efff!important;color:#6e5cbb!important;border:1px solid #e9e4ff!important}
.filterbar select,.search-wrap input{background:#fff;border-color:#e2e7f2;border-radius:13px}.count-line{color:#8991a3}.dungeon-choice{background:#fff;border-radius:20px;border-color:#e6ebf5;box-shadow:0 12px 29px #28366c0f}.dungeon-choice:hover{border-color:#b6a8eb}.stage-hero{box-shadow:0 19px 45px #23355a18}
.panel,.dimension-lookup,.power-box{border-color:#e4e9f4!important;border-radius:21px!important;box-shadow:0 12px 29px #1f305416}.btn-dark{background:linear-gradient(110deg,#6c50c7,#53479b)!important;border-color:#6c50c7!important;box-shadow:0 10px 21px #4e40aa29;color:#fff!important}.btn-dark:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-light{background:#f2efff;color:#5b43af}.btn-outline{border-color:#dce2ed;background:#fff;color:#4d5372}
.modal{border:1px solid #e8edf5!important;border-radius:25px!important;box-shadow:0 38px 100px #1019348a!important;background:#fff;color:#1c2845}.modal::backdrop{background:rgba(13,19,41,.71);backdrop-filter:blur(7px)}.modal-head{background:#f9faff;border-bottom:1px solid #e9ecf5}.detail-inner h1{color:#18233e}.detail-sub{color:#737e95}.detail-badge.primary{background:#6f56ce!important;color:#fff!important}.detail-section{border-color:#eaedf5}.detail-section h3{color:#223053}.unit-tile{border-radius:14px}.unit-avatar{background:#f4f0ff;border:1px solid #e3dbfa;box-shadow:0 5px 13px #5c4fa40c}.unit-avatar img{border-radius:inherit}.unit-name{color:#4a5772}
/* New interactive deck intelligence */
#deck-intelligence{margin:28px 0 33px}.deck-intelligence{display:grid;gap:21px}.intelligence-hero{border-radius:23px;color:#fff;padding:27px 30px 30px;position:relative;overflow:hidden;background:radial-gradient(circle at 93% 35%,#6b51c783,transparent 35%),linear-gradient(120deg,#172640,#20214d)}.intelligence-hero:after{content:'⟡';position:absolute;right:30px;top:-25px;color:#ffffff12;font-size:175px;line-height:1}.intelligence-hero .eyebrow{color:#aef0dd}.intelligence-hero h2{font-size:27px;letter-spacing:-1px;margin:9px 0}.intelligence-hero h2 span{color:#a5f1df}.intelligence-hero p{color:#c5cce4;font-size:12px;line-height:1.7;margin:0}
.intel-section,.intel-synergy-panel{background:#fff;border:1px solid #e7e9f5;border-radius:22px;padding:22px;box-shadow:0 8px 28px #19275f09}.intel-panel-title{display:flex;align-items:center;gap:11px;margin:0 0 18px}.intel-panel-icon{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border-radius:13px;font-size:22px;font-weight:800;background:linear-gradient(125deg,#f0eaff,#dcebf9);color:#6449b0}.intel-panel-title h3{font-size:17px;font-weight:900;color:#1e2b45;margin:0 0 5px}.intel-panel-title small{display:block;color:#8a94a8;font-size:11px;line-height:1.5}
.swap-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.swap-slot{min-width:0;border:1px solid #e9edf5;border-radius:17px;padding:10px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:7px;background:linear-gradient(#fafbff,#fff);text-align:center}.swap-slot .unit-avatar{width:57px!important;height:57px!important;border-radius:16px!important}.swap-slot strong{font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:28px;word-break:keep-all}.swap-slot select{border:1px solid #d9d6ec;background:#f5f2ff;color:#6652b4;font-size:10px;padding:7px 5px;max-width:100%;border-radius:9px;cursor:pointer}.swap-changed{font-size:9px;font-weight:900;color:#008e7f;background:#e5faf6;padding:3px 6px;border-radius:100px}.swap-unset{font-size:9px;color:#a9adbb}.swap-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.swap-footer span{font-size:10px;color:#929bb0}.swap-footer .btn{flex-shrink:0;font-size:11px;padding:9px 13px}
.intelligence-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.intelligence-kpis>div{border:1px solid #e3eaf5;background:linear-gradient(145deg,#fafbff,#f0f2fd);border-radius:16px;padding:17px 16px;display:flex;flex-direction:column;gap:7px}.intelligence-kpis span{font-size:10px;color:#8b95ae;font-weight:800}.intelligence-kpis strong{font-size:26px;font-weight:900;letter-spacing:-.8px;color:#312869}.intelligence-kpis strong small{font-size:12px;color:#9c9eb4}
.intel-synergy-panel{padding:22px}.intel-links{display:grid;gap:10px}.intel-link-group{display:flex;align-items:flex-start;gap:11px;padding:11px 14px;border:1px solid #eee9fc;background:#faf8ff;border-radius:13px}.intel-type{flex-shrink:0;border-radius:8px;background:#6852bd;color:#fff;font-size:11px;padding:7px 10px;font-weight:900}.intel-link-group>div{display:flex;gap:6px;flex-wrap:wrap}.intel-link-group>div>span{font-size:11px;color:#47425f;padding:7px 9px;background:#fff;border:1px solid #ebe7f6;border-radius:7px}.intel-link-group b{color:#9a7de3;margin:0 5px}.intel-muted{font-size:12px;color:#9aa2b3;line-height:1.7}
.skill-title{margin:4px 0 -1px}.intel-cookie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cookie-intel-card{border:1px solid #e6eaf4;border-radius:21px;background:#fff;box-shadow:0 10px 25px #2028540a;overflow:hidden;min-width:0}.cookie-intel-head{display:flex;align-items:center;gap:13px;padding:16px 16px 13px;border-bottom:1px solid #f0f2f8}.cookie-intel-head .unit-avatar{width:56px!important;height:56px!important;border-radius:17px!important;flex-shrink:0}.cookie-intel-head>div:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.cookie-intel-head strong{font-size:14px;letter-spacing:-.4px;color:#1c2744}.intel-replaced{font-size:10px;color:#088c80;font-weight:850}.intel-replaced.subtle{color:#9a9fb2}.intel-skill{padding:15px 16px}.intel-skill small{color:#7063c5;font-weight:950;font-size:10px;letter-spacing:.4px}.intel-skill p{color:#47516b;font-size:12px;line-height:1.7;min-height:40px;margin:8px 0 6px;word-break:keep-all}.intel-source{font-size:10px;color:#8b7dc7;font-weight:900}.intel-synergy-tags{padding:0 16px 13px;display:grid;gap:7px}.intel-synergy-tags>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.intel-synergy-tags small{color:#93a0b5;min-width:35px;font-weight:850}.intel-synergy-tags em{font-size:10px;color:#a5afbf}.synergy-tag{font-size:10px;font-weight:850;padding:5px 9px;border-radius:7px}.synergy-tag.give{background:#e9f8f3;color:#138d72}.synergy-tag.receive{background:#f0edff;color:#7258bf}.rune-box{margin:0 12px 12px;border-radius:14px;padding:12px;background:#f5f7fa;border:1px solid #e9edf3;display:flex;flex-direction:column;gap:9px}.rune-box.verified{background:#f0fbf8;border-color:#c7eee2}.rune-box-head{display:flex;justify-content:space-between;align-items:center;gap:4px}.rune-box-head>span:first-child{font-size:9px;font-weight:950;letter-spacing:.7px;color:#626c8a}.rune-status{border-radius:100px;padding:3px 8px;font-size:9px;font-weight:850;background:#f0eaf8;color:#8371a4}.verified .rune-status{background:#d8f6e9;color:#138e70}.rune-pill-row{display:flex;flex-wrap:wrap;gap:7px}.rune-pill-row b{border-radius:7px;background:#fff;color:#167b67;border:1px solid #b4e8d8;font-size:11px;padding:7px 10px}.rune-box small{color:#8e97a6;font-size:10px;line-height:1.6}.rune-box>a{color:#7563bc;font-weight:850;font-size:10px;align-self:flex-start}.rune-community{font-size:10px;color:#775cbc;background:#f4f0fd;border-radius:8px;padding:8px 10px}
/* Admin side */
.meta-studio{margin-bottom:21px;padding:23px!important}.meta-studio .subsection-title b{font-size:14px}.meta-studio p{font-size:12px;color:#738199;line-height:1.65}.meta-studio p a{color:#7257c7;font-weight:800;text-decoration:underline;text-underline-offset:3px}.meta-studio label{font-size:11px;font-weight:800;color:#51607e;display:flex;flex-direction:column;gap:6px;margin:11px 0}.meta-studio input,.meta-studio textarea,.meta-studio select{width:100%;border:1px solid #e1e5f0;border-radius:12px;background:#fff;padding:11px;color:#1c2740;font-size:12px}.meta-studio .toggle-label{flex-direction:row;align-items:center;justify-content:flex-start;color:#535d78}.meta-studio .toggle-label input{width:auto}.meta-studio small{color:#9a9fb1;font-size:10px}.alternate-editor{border:1px solid #e5ddfb!important;border-radius:17px!important;background:#fbf9ff}.editor-helper{font-size:11px;color:#878caa;line-height:1.7}.alternate-editor .picker-grid{max-height:260px;overflow-y:auto}.alternate-editor select{width:100%}
@media(max-width:1150px){.swap-row{grid-template-columns:repeat(4,minmax(0,1fr))}.intel-cookie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.topbar-feature{display:none}.lab-landing{padding:38px 21px 32px!important;border-radius:23px}.lab-landing h1{font-size:37px;letter-spacing:-2px}.mode-grid{grid-template-columns:1fr!important}.mode-card{min-height:172px!important}.mode-card .mode-art{font-size:34px!important}.mode-link{padding-top:13px}.swap-row{grid-template-columns:repeat(3,minmax(0,1fr))}.intel-cookie-grid{grid-template-columns:1fr}.intelligence-kpis{grid-template-columns:repeat(2,1fr)}.intel-panel-title h3{font-size:15px}.intelligence-hero{padding:21px}.intel-section,.intel-synergy-panel{padding:14px}.swap-footer{align-items:flex-start;flex-direction:column}.cookie-intel-head strong{font-size:13px}}
@media(max-width:420px){.swap-slot{padding:9px 5px}.swap-slot .unit-avatar{width:48px!important;height:48px!important}.swap-slot select{font-size:9px}.intelligence-kpis>div{padding:13px}.lab-landing h1{font-size:32px}}
.meta-bulk{border:1px solid #ddd8f6;border-radius:15px;background:#faf8ff;padding:13px 15px;margin:19px 0 13px}.meta-bulk summary{font-size:12px;font-weight:900;color:#6652b6;cursor:pointer;list-style-position:outside}.meta-bulk p{font-size:11px;color:#75809b}.meta-bulk code{background:#eee9fa;border-radius:5px;padding:2px 5px}.meta-bulk textarea{width:100%;min-height:100px}.meta-bulk>.btn{margin:7px 0 9px}.meta-bulk>small{display:block}

/* V4 board-style deck UI */
.basak-theme{gap:18px}.basak-hero{background:radial-gradient(circle at 88% 18%,#ffb36d55 0,transparent 28%),radial-gradient(circle at 8% 88%,#fa70b055 0,transparent 24%),linear-gradient(135deg,#2c1714,#442118 48%,#221733)!important}.basak-hero .eyebrow{color:#ffd59f!important}.basak-hero h2 span{color:#ffe28c}.basak-hero p b{color:#fff7cf}.hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hero-stats span{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff21;color:#fff6dc;font-size:11px;font-weight:800}
.build-board{background:#fff;border:1px solid #e8ddcf;border-radius:24px;padding:20px;box-shadow:0 10px 30px rgba(61,28,15,.08)}.build-board.compact{padding-top:18px}.board-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.board-title h3{margin:0;color:#3d2416;font-size:22px;letter-spacing:-.04em}.board-title small{color:#91796d;font-size:12px}
.build-grid{display:grid;gap:14px}.build-grid.cookies{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.build-grid.pets{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.build-grid.perks{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.build-slot-card{position:relative;border-radius:22px;padding:14px;background:linear-gradient(180deg,#fffaf5,#fff);border:1px solid #efd8ca;box-shadow:0 12px 28px rgba(87,47,24,.08);overflow:hidden}.build-slot-card:before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#f8b26a,#f87d8d,#8b65ef)}.build-slot-card.captain{border-color:#f6bc76;box-shadow:0 12px 28px rgba(224,143,61,.14)}.slot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.slot-head-left{display:flex;align-items:center;gap:12px;min-width:0}.slot-head-left .unit-avatar{width:64px!important;height:64px!important;border-radius:18px!important;background:linear-gradient(135deg,#4b2440,#221733)!important;border:1px solid #ffffff2d}.slot-head-left strong{display:block;font-size:15px;line-height:1.3;color:#2a2134;word-break:keep-all}.slot-label{display:inline-block;margin-top:4px;font-size:11px;color:#8e6b55;font-weight:800}.slot-badge{flex-shrink:0;padding:7px 10px;border-radius:999px;background:#3b2230;color:#ffe6bc;font-size:10px;font-weight:900;letter-spacing:.06em}.pet-card .slot-badge{background:#16364a;color:#cdeeff}.perk-card .slot-badge{background:#264020;color:#d7ffd1}
.slot-meta{display:grid;gap:10px}.slot-line{display:grid;gap:6px}.slot-line>b{font-size:11px;color:#8d6549;letter-spacing:.05em}.slot-line p{margin:0;color:#473f4d;font-size:12px;line-height:1.65;word-break:keep-all}.slot-chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.slot-chip-row em,.dual-tags em{font-style:normal;color:#ab98a2;font-size:11px}.dual-tags{display:grid;gap:6px}.dual-tags>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dual-tags small{min-width:32px;font-size:11px;color:#93838e;font-weight:800}.mini-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;line-height:1.2}.mini-chip.alt{background:#fff1dc;color:#9b621b;border:1px solid #f6cf98}.mini-chip.rune{background:#e9f6ff;color:#1f6a92;border:1px solid #bddff2}.mini-chip.verified{background:#e7f9ef;color:#18734d;border:1px solid #bfe8cf}.mini-chip.pending{background:#f2ecff;color:#6f53bb;border:1px solid #dcd0ff}.mini-chip.give{background:#fef0f5;color:#b64e72;border:1px solid #f2c3d5}.mini-chip.receive{background:#f0edff;color:#7155c5;border:1px solid #d6cbff}
.detail-section .unit-grid{margin-bottom:0}
@media(max-width:900px){.build-grid.cookies{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.slot-head-left .unit-avatar{width:58px!important;height:58px!important}.board-title h3{font-size:19px}}
@media(max-width:600px){.build-board{padding:15px}.slot-top{flex-direction:column}.slot-badge{align-self:flex-start}.hero-stats span{font-size:10px}.board-title small{font-size:11px}}

/* V5: Compact inline information INSIDE the original 12-cookie formation tiles.
   Visitor has no input or swap controls; only admins maintain metadata and alternatives. */
.formation-grid.cookie-formation{align-items:stretch;gap:12px}
.cookie-tile-rich{display:flex;flex-direction:column;align-items:stretch;text-align:center;background:linear-gradient(180deg,#fff8f2 0%,#fff 58%);border:1px solid #f0ded3;border-radius:19px;box-shadow:0 8px 19px #75432c0d;padding:8px 7px 10px;overflow:hidden}
.cookie-tile-rich .unit-avatar{flex-shrink:0;background:linear-gradient(140deg,#fff1df,#f3eaff)!important;border:1px solid #f0dfd5;max-width:100%;border-radius:13px!important;margin-bottom:10px}
.cookie-tile-rich .unit-name{font-size:11px;line-height:1.45;color:#392c40;min-height:34px;font-weight:900;letter-spacing:-.35px;padding:0 2px;display:flex;align-items:center;justify-content:center}
.cookie-tile-rich .captain-flag{background:#5d3550;color:#fff2d1;border:1px solid #ffffff5c;padding:4px 7px;border-radius:8px;font-size:10px}
.cookie-tile-details{margin-top:10px;padding-top:10px;border-top:1px solid #f1ded2;display:grid;gap:10px;text-align:left;min-width:0}
.tile-attribute{min-width:0;display:grid;gap:4px}
.tile-attribute-heading{color:#9d584a;font-weight:950;font-size:10px;letter-spacing:-.15px;line-height:1.35}
.tile-attribute-value{font-size:10px;color:#534651;line-height:1.48;overflow-wrap:anywhere;word-break:keep-all}
.tile-skill-name{color:#5b395b;font-weight:850;font-size:10px;line-height:1.35;word-break:keep-all}
.tile-skill-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tile-unknown{color:#ae9aa4;font-size:10px;line-height:1.4}
.tile-expand{margin-top:0;font-size:10px;color:#8c5c70;min-width:0}
.tile-expand summary{font-size:10px;color:#9c6587;cursor:pointer;user-select:none;font-weight:800;width:fit-content}
.tile-expand[open]{margin-top:5px;border-radius:9px;padding:7px;background:#fff5ed;border:1px solid #efdcca}
.tile-expand p{color:#514550;line-height:1.55;margin:5px 0 0;word-break:keep-all}
.tile-tag-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}
.tile-tag{display:inline-block;max-width:100%;font-size:9px;line-height:1.35;overflow-wrap:anywhere;word-break:keep-all;font-weight:800;border-radius:6px;padding:4px 5px}
.synergy-tag-on{color:#8b4b7e;background:#f8eafb;border:1px solid #ebd3f2}
.synergy-tag-reference{color:#886f75;background:#f4edf0;border:1px solid #eadee2}
.rune-tag{color:#356d88;background:#e9f8fe;border:1px solid #cde6ee}
.tile-rune-verified,.tile-rune-note{display:block;width:100%;font-size:9px;font-weight:800;line-height:1.4}
.tile-rune-verified{color:#34866a}.tile-rune-note{color:#a48b8c}
.tile-alt-line{display:grid;gap:3px;min-width:0;padding-top:7px;border-top:1px dashed #ead9d0;font-size:9px;line-height:1.45;word-break:keep-all}
.tile-alt-line>span:first-child{font-weight:850;color:#a77843}.tile-alt-line>span:last-child{color:#725663}
@media(max-width:780px){.cookie-tile-rich{padding:7px 6px 10px}.cookie-tile-rich .unit-name{font-size:11px}.tile-attribute-heading{font-size:10px}}
@media(max-width:480px){.formation-grid.cookie-formation{gap:7px}.cookie-tile-rich{padding:6px 5px 8px;border-radius:14px}.cookie-tile-rich .unit-name{font-size:10px}.cookie-tile-details{gap:8px;margin-top:7px;padding-top:8px}.tile-attribute-heading{font-size:9px}.tile-attribute-value,.tile-skill-name,.tile-expand summary,.tile-unknown{font-size:9px}.tile-tag{font-size:8px;padding:3px 4px}.tile-alt-line{font-size:8px}}

/* V6 - synergy without a confirmed pair is explicitly displayed as none. */
.tile-none{font-size:10px;color:#786676;font-weight:850;letter-spacing:-.1px}.cookie-tile-details{gap:8px}