:root{--legend-gold:#f6d56a;--legend-deep:#05070c;--legend-platinum:#edf5ff;}
body.bbm-legend-open{overflow:hidden!important;}
#bbmLegendSystem{position:fixed;inset:0;z-index:100900;display:none;}
#bbmLegendSystem.open{display:block;}
.bbm-legend-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);}
.bbm-legend-panel{position:absolute;inset:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;max-width:100%;overflow:hidden;border:1px solid rgba(246,213,106,.54);border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(126,87,18,.34),transparent 32%),linear-gradient(160deg,#101722,#03060b 62%,#100b03);box-shadow:0 30px 90px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.05);}
.bbm-legend-panel>header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:72px;padding:14px max(104px,calc(88px + env(safe-area-inset-right,0px))) 14px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(36,28,13,.98),rgba(8,13,20,.98));box-shadow:0 8px 20px rgba(0,0,0,.24);isolation:isolate;}
.bbm-legend-title{min-width:0;}.bbm-legend-panel header small{display:block;max-width:100%;overflow:hidden;color:#d9b758;font-weight:1000;letter-spacing:.22em;text-overflow:ellipsis;white-space:nowrap;}.bbm-legend-panel header h1{margin:3px 0 0;color:#fff;font-size:21px;}.bbm-legend-close-button,.bbm-legend-actions button{min-height:36px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#142033;color:#dce9f8;font-weight:900;}.bbm-legend-close-button{position:absolute;top:12px;right:max(12px,env(safe-area-inset-right,0px));z-index:50;display:flex;align-items:center;justify-content:center;gap:6px;min-width:78px;min-height:46px;padding:8px 12px;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent;}.bbm-legend-close-button span{font-size:12px;line-height:1;}.bbm-legend-close-button b{font-size:19px;line-height:1;}
.bbm-legend-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;}.bbm-legend-layout aside{min-width:0;overflow-y:auto;overflow-x:hidden;padding:10px;border-right:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);}.bbm-legend-layout main{min-width:0;max-width:100%;overflow-y:auto;overflow-x:hidden;padding:14px;overscroll-behavior:contain;}
.bbm-legend-team{margin-bottom:10px;}.bbm-legend-team h3{margin:0 0 5px;color:#e7d49e;font-size:12px;}.bbm-legend-team>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;}.bbm-legend-pick{min-width:0;text-align:left;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#111b28;color:#edf4ff;}.bbm-legend-pick span{display:block;color:#d9b65b;font-size:9px;font-weight:1000;}.bbm-legend-pick b{display:block;margin:2px 0;font-size:13px;}.bbm-legend-pick small{display:block;color:#8fa0b4;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.bbm-legend-pick.active{border-color:#f4d164;background:linear-gradient(145deg,#49320a,#111b28);box-shadow:0 0 16px rgba(244,209,100,.18);}.bbm-legend-pick.has-available{border-color:rgba(78,211,138,.34);}.bbm-legend-pick .bbm-legend-available-badge{display:inline-flex;align-items:center;margin-top:4px;padding:2px 5px;border:1px solid rgba(78,211,138,.42);border-radius:999px;background:rgba(27,106,69,.32);color:#bff4d7;font-size:8px;font-style:normal;font-weight:1000;line-height:1.2;white-space:nowrap;}
.bbm-legend-detail-head{display:grid;grid-template-columns:minmax(190px,270px) minmax(0,1fr);gap:18px;align-items:start;}.bbm-legend-card-host{display:block;position:relative;width:min(100%,260px);margin:auto;padding:0;border:0;background:transparent;color:inherit;cursor:default;}.bbm-legend-card-host .pmc-card-frame{width:100%!important;}.bbm-legend-card-detail-hint{display:block;margin-top:7px;padding:6px 9px;border:1px solid rgba(246,213,106,.28);border-radius:999px;background:rgba(7,12,20,.88);color:#f1d47e;font-size:9px;font-weight:1000;text-align:center;}.bbm-legend-meta>span{color:#d9b75e;font-size:11px;font-weight:1000;letter-spacing:.08em;}.bbm-legend-meta h2{margin:5px 0;color:#fff;font-size:26px;}.bbm-legend-meta h2 em{font-style:normal;font-size:12px;color:#111;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#fff1a8,#b77a15);}.bbm-legend-meta p{color:#aebdd0;}.bbm-legend-counts{display:flex;gap:6px;flex-wrap:wrap;}.bbm-legend-counts b{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.06);color:#dce7f5;font-size:11px;}.bbm-legend-actions{display:grid;gap:7px;margin-top:12px;}.bbm-legend-actions button:not(:disabled){border-color:rgba(246,213,106,.5);background:linear-gradient(180deg,#6a470c,#2b1c05);color:#fff0af;}.bbm-legend-actions button:disabled{opacity:.35;}
.bbm-legend-requirements{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:16px 0 9px;}.bbm-legend-requirements>div{padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#101925;color:#95a5b9;font-size:10px;}.bbm-legend-requirements>div b{display:block;margin-top:3px;color:#fff;}.bbm-legend-requirements>div.ok{border-color:rgba(81,218,145,.45);background:rgba(28,119,75,.18);color:#a7f2ca;}
.bbm-legend-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}.bbm-legend-materials>div{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:8px;row-gap:4px;padding:8px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#0d1520;}.bbm-legend-materials>div>span{grid-row:1/4;display:grid;place-items:center;border-radius:7px;background:#1d2a3b;color:#f0d270;font-weight:1000;}.bbm-legend-materials b{color:#eef5ff;font-size:12px;}.bbm-legend-materials small{color:#8797aa;font-size:9px;}.bbm-legend-materials .owned{border-color:rgba(78,211,138,.38);}.bbm-legend-materials .owned>span{background:#1b6a45;color:#c5f7dc;}.bbm-legend-fallback{aspect-ratio:2/3;display:grid;place-items:center;text-align:center;border:2px solid #e2bd57;border-radius:16px;background:radial-gradient(circle,#5b3c0b,#05070c);color:#fff;}.bbm-legend-fallback span{font-size:10px;color:#e6cb79;}

body.bbm-legend-preview-detail-open{overflow:hidden!important;}
#bbmLegendPreviewDetail{position:fixed;inset:0;z-index:2147483645;display:none;}
#bbmLegendPreviewDetail.open{display:block;}
.bbm-legend-preview-detail-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(8px);}
.bbm-legend-preview-detail-panel{position:absolute;inset:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(246,213,106,.62);border-radius:20px;background:radial-gradient(circle at 22% 10%,rgba(124,83,13,.30),transparent 35%),linear-gradient(155deg,#111a27,#03060b 68%,#130d04);box-shadow:0 28px 90px rgba(0,0,0,.84);}
.bbm-legend-preview-detail-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(40,30,12,.96),rgba(7,12,19,.96));}
.bbm-legend-preview-detail-panel header small{color:#d9b758;font-size:9px;font-weight:1000;letter-spacing:.16em;}.bbm-legend-preview-detail-panel header h2{margin:3px 0 0;color:#fff;font-size:20px;}.bbm-legend-preview-detail-panel header button{width:39px;height:39px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#121d2b;color:#fff;font-size:24px;}
#bbmLegendPreviewDetailBody{overflow:auto;padding:16px;overscroll-behavior:contain;}
.bbm-legend-preview-detail-grid{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:22px;align-items:start;max-width:980px;margin:0 auto;}
.bbm-legend-preview-flip{position:relative;display:block;width:100%;aspect-ratio:2/3;padding:0;border:0;background:transparent;perspective:1000px;cursor:pointer;}
.bbm-legend-preview-face{position:absolute;inset:0;display:block;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .34s ease;}.bbm-legend-preview-face .pmc-card-frame{width:100%!important;height:100%;}.bbm-legend-preview-face.is-front{transform:rotateY(0)}.bbm-legend-preview-face.is-back{transform:rotateY(180deg)}.bbm-legend-preview-flip.is-back .is-front{transform:rotateY(-180deg)}.bbm-legend-preview-flip.is-back .is-back{transform:rotateY(0)}
.bbm-legend-preview-flip-hint{margin:8px 0 0;color:#d9c27d;font-size:10px;font-weight:900;text-align:center;}
.bbm-legend-preview-info>small{color:#d9b75e;font-size:10px;font-weight:1000;letter-spacing:.10em;}.bbm-legend-preview-info h3{margin:5px 0 9px;color:#fff3bd;font-size:30px;}.bbm-legend-preview-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px;}.bbm-legend-preview-chips span{padding:6px 9px;border:1px solid rgba(255,226,131,.22);border-radius:999px;background:rgba(255,255,255,.05);color:#eaf2fb;font-size:10px;font-weight:900;}
.bbm-legend-preview-info section{margin-top:11px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(8,15,24,.78);}.bbm-legend-preview-info h4{margin:0 0 9px;color:#f0d277;font-size:12px;}.bbm-legend-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.bbm-legend-preview-stats>div{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:#111d2b;}.bbm-legend-preview-stats span{color:#99aabd;font-size:10px;font-weight:900;}.bbm-legend-preview-stats b{color:#fff3b5;font-size:17px;}
.bbm-legend-preview-info dl{margin:0;}.bbm-legend-preview-info dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);}.bbm-legend-preview-info dl>div:last-child{border-bottom:0;}.bbm-legend-preview-info dt{color:#8fa1b5;font-size:10px;font-weight:900;}.bbm-legend-preview-info dd{margin:0;color:#eaf2fb;font-size:11px;font-weight:900;}.bbm-legend-preview-note{margin-top:11px;padding:10px;border:1px solid rgba(246,213,106,.18);border-radius:10px;background:rgba(102,68,9,.16);color:#c9b778;font-size:10px;line-height:1.55;}
@media(max-width:760px){.bbm-legend-panel{inset:0;border-radius:0;}.bbm-legend-panel>header{align-items:flex-start;min-height:calc(74px + max(env(safe-area-inset-top,0px),18px));padding:calc(max(env(safe-area-inset-top,0px),18px) + 10px) calc(max(env(safe-area-inset-right,0px),8px) + 86px) 10px max(env(safe-area-inset-left,0px),10px);}.bbm-legend-panel header small{font-size:9px;letter-spacing:.18em;}.bbm-legend-panel header h1{font-size:18px;}.bbm-legend-close-button{top:calc(max(env(safe-area-inset-top,0px),18px) + 8px);right:max(env(safe-area-inset-right,0px),8px);min-width:76px;min-height:48px;padding:8px 11px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.36);}.bbm-legend-close-button span{font-size:12px;}.bbm-legend-close-button b{font-size:20px;}.bbm-legend-layout{grid-template-columns:112px minmax(0,1fr);}.bbm-legend-layout aside{padding:5px;}.bbm-legend-team>div{grid-template-columns:1fr;}.bbm-legend-pick{padding:6px;}.bbm-legend-layout main{padding:8px;}.bbm-legend-detail-head{grid-template-columns:1fr;}.bbm-legend-card-host{width:min(100%,220px);}.bbm-legend-meta h2{font-size:20px;}.bbm-legend-requirements{grid-template-columns:1fr 1fr;}.bbm-legend-materials{grid-template-columns:1fr;}.bbm-legend-materials select,.bbm-legend-materials .bbm-legend-register-button{min-height:44px;font-size:10px;}.bbm-legend-preview-detail-panel{inset:0;border-radius:0;}.bbm-legend-preview-detail-panel>header{padding:9px 11px;}.bbm-legend-preview-detail-panel header h2{font-size:17px;}#bbmLegendPreviewDetailBody{padding:10px;}.bbm-legend-preview-detail-grid{grid-template-columns:1fr;gap:14px;}.bbm-legend-preview-detail-grid>div:first-child{width:min(100%,270px);margin:auto;}.bbm-legend-preview-info h3{font-size:24px;}.bbm-legend-preview-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}