.bk-shell .bkn-header{display:block;padding:10px max(20px,4%);position:relative;z-index:50;background:linear-gradient(120deg,#071127,#10234a);border-bottom:2px solid #73dcff55;box-shadow:0 8px 35px #0004}.bkn-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.bkn-tools{display:flex;align-items:center;gap:18px}.bkn-cart{font:700 15px 'Baloo 2',sans-serif;text-decoration:none!important;white-space:nowrap}.bkn-cart span{display:inline-grid;place-items:center;min-width:25px;height:25px;margin-left:4px;border-radius:8px;background:#ffdb4b;color:#10264d}.bk-shell .bkn-header .bk-localization form{top:85px;right:20px;z-index:70;max-width:calc(100vw - 40px)}.bkn-toggle{display:none;border:1px solid #6ed8ff;background:#173764;color:white;padding:8px 13px;border-radius:10px;font:800 16px 'Baloo 2',sans-serif;cursor:pointer}.bkn-toggle span{margin-right:6px}.bk-shell .bkn-header .bkn-navigation{display:block;width:100%;margin-top:8px}.bk-shell .bkn-header ul{list-style:none;padding:0;margin:0}.bkn-links{display:flex;align-items:stretch;justify-content:center;gap:6px;flex-wrap:wrap}.bk-shell .bkn-header .bkn-links>li>a,.bk-shell .bkn-header .bkn-characters>summary{display:flex;align-items:center;gap:12px;padding:10px 13px;color:#eaf7ff;border:1px solid transparent;border-radius:10px;text-decoration:none;font:800 17px/1.3 'Baloo 2',sans-serif;cursor:pointer;white-space:nowrap}.bk-shell .bkn-header .bkn-links>li:first-child>a{color:#ffe273;background:#ffdb4b10;border-color:#ffdb4b40}.bk-shell .bkn-header .bkn-links>li>a:hover,.bk-shell .bkn-header summary:hover,.bk-shell .bkn-header [aria-current=page]{background:#6bdfff18;border-color:#7bd9ff66;color:#ffdf6d}.bkn-characters{position:relative}.bkn-characters>summary{list-style:none}.bkn-characters>summary::-webkit-details-marker{display:none}.bkn-characters[open]>summary{background:#163b62}.bk-shell .bkn-header .bkn-characters>ul{position:absolute;right:0;top:calc(100% + 6px);width:245px;display:grid;gap:4px;padding:12px;background:#0b2042;border:1px solid #78dbff70;border-radius:16px;box-shadow:0 15px 40px #0008;z-index:80}.bk-shell .bkn-header .bkn-characters li a{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;color:#eaf6ff;text-decoration:none;font:700 17px 'Baloo 2',sans-serif}.bk-shell .bkn-header .bkn-characters li a:hover{background:#1e4a72;color:#ffe273}.bkn-characters:not([open])>ul{display:none!important}
.bkn-portals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}.bk-shell .bkn-portal{--portal:#55dcff;display:block;min-width:0;color:#f0f8ff;text-decoration:none!important;position:relative;border:2px solid #74d9ff80;border-radius:24px;background:linear-gradient(145deg,#173e69,#0c1e40);box-shadow:0 8px 0 #07132f,0 18px 40px #020a2c70;transition:transform .25s,box-shadow .25s,border-color .25s;isolation:isolate}.bkn-portal:nth-child(4n+2){--portal:#efb7ff;border-color:#d998ed80;background:linear-gradient(145deg,#493171,#1c2047)}.bkn-portal:nth-child(4n+3){--portal:#7ef1bd;border-color:#78e3bc80;background:linear-gradient(145deg,#155e67,#0d2846)}.bkn-portal:nth-child(4n){--portal:#ffcf72;border-color:#f0c57680;background:linear-gradient(145deg,#744629,#282041)}.bk-shell .bkn-portal:hover{transform:translateY(-9px) rotate(-1deg);border-color:var(--portal);box-shadow:0 10px 0 #07132f,0 15px 50px color-mix(in srgb,var(--portal),transparent 78%)}.bkn-portal-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:21px 21px 0 0;background:radial-gradient(circle at 50% 60%,#72e9ff33,transparent 70%),#091b39}.bk-shell .bkn-portal-photo{width:100%;height:100%;object-fit:cover;transition:transform .6s}.bkn-portal:hover .bkn-portal-photo{transform:scale(1.05)}.bkn-portal-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0a1c4280,transparent 35%),linear-gradient(115deg,transparent 30%,#ffffff33 43%,transparent 55%);opacity:.45}.bkn-studs{position:absolute;left:15px;right:15px;top:10px;height:12px;background:radial-gradient(ellipse,var(--portal) 35%,#050c2980 50%,transparent 60%) 0 0/38px 12px;z-index:2;opacity:.8}.bk-shell .bkn-comic-cover{height:86%;width:70%;object-fit:contain;position:absolute;top:8%;left:15%;transform:rotate(-8deg);filter:drop-shadow(9px 13px 5px #0007);animation:bkn-comic-float 7s ease-in-out infinite}.bkn-portal-star{position:absolute;right:12px;top:15%;font-size:37px;line-height:1;color:#fff4a9;text-shadow:0 0 15px #ffdf78;z-index:2;pointer-events:none}.bkn-portal-number{position:absolute;left:12px;bottom:12px;padding:3px 11px;color:#fff8cc;background:#081834ba;border:1px solid #ffe27366;border-radius:8px;font:800 15px 'Baloo 2',sans-serif;z-index:2}.bkn-portal-copy{padding:22px}.bk-shell .bkn-portal h3{font:800 clamp(24px,2.2vw,32px)/1.1 'Baloo 2',sans-serif;margin:0 0 12px;color:#fff3ae;letter-spacing:-.02em;overflow-wrap:anywhere}.bk-shell .bkn-portal p{font:18px/1.35 'Comic Neue',cursive;color:#d4e9fb;margin:0 0 20px;min-height:3.9em}.bkn-portal-enter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:linear-gradient(#ffea7d,#ffd04b);color:#10264d;border:1px solid #fff4aa;border-radius:10px;box-shadow:0 4px 0 #95600e;font:800 18px/1.2 'Baloo 2',sans-serif}.bkn-portal-enter b{font-size:23px}.bkn-coming{position:absolute;bottom:14px;right:12px;padding:6px 10px;border-radius:8px;background:#0b1b43db;border:1px solid #8fdcff;color:#d4f5ff;font:800 13px 'Baloo 2',sans-serif;z-index:3}.bk-shell .bk-character-grid .bk-card-copy>a{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #ffe789;border-radius:10px;background:linear-gradient(#fff09b,#ffd04b);color:#142b54!important;text-decoration:none;box-shadow:0 4px 0 #875315;font:800 17px/1.3 'Baloo 2',sans-serif}.bkn-character-hero{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#37699e66,transparent 70%);overflow:visible}.bk-shell .bkn-character-portrait{position:relative;width:min(85%,380px);height:100%;max-height:520px;object-fit:contain;object-position:center;border-radius:22px;filter:drop-shadow(0 18px 28px #070b31aa);animation:bkn-comic-float 8s ease-in-out infinite}
@keyframes bkn-comic-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@media(max-width:1050px){.bkn-links{gap:0}.bk-shell .bkn-header .bkn-links>li>a,.bk-shell .bkn-header .bkn-characters>summary{padding:10px;font-size:16px}.bkn-portals{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.bk-shell .bkn-header{padding:10px 16px}.bk-shell .bkn-header .bk-brand img{width:110px;height:58px}.bkn-tools{gap:8px}.bkn-toggle{display:block;font-size:14px;padding:8px 10px}.bkn-cart{font-size:0}.bkn-cart span{font-size:14px;margin:0}.bk-shell .bkn-header .bk-localization summary{font-size:12px;padding:7px 9px}.bk-shell .bkn-header .bkn-navigation{display:none;margin-top:12px;padding-bottom:12px}.bk-shell .bkn-header .bkn-navigation.is-open{display:block}.bkn-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.bk-shell .bkn-header .bkn-links>li>a,.bk-shell .bkn-header .bkn-characters>summary{white-space:normal;padding:13px;background:#16375c;border:1px solid #6bcdfa45;min-height:48px}.bkn-links>li:last-child{grid-column:1/-1}.bk-shell .bkn-header .bkn-characters>ul{position:static;width:100%;margin-top:8px;grid-template-columns:1fr 1fr;box-shadow:none}.bkn-portals{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.bkn-portal-copy{padding:15px}.bk-shell .bkn-portal h3{font-size:25px}.bk-shell .bkn-portal p{font-size:16px;min-height:5.4em}.bkn-portal-enter{font-size:16px;padding:10px}.bkn-portal-star{font-size:28px}.bkn-coming{font-size:11px;padding:5px 7px;right:8px}.bk-shell .bk-character-grid .bk-card-copy>a{font-size:14px;padding:10px}.bk-shell .bkn-character-portrait{max-height:350px;width:65%}}
@media(prefers-reduced-motion:reduce){.bkn-portal,.bkn-portal-photo{transition:none}.bkn-comic-cover,.bkn-character-portrait{animation:none!important}}