:root{--ink:#073750;--text:#073750;--text-2:#194d62;--text-3:#296478;--sky:#27b8e8;--sky-2:#1297cb;--accent:#066d9b;--accent-2:#1386b4;--accent-3:#065679;--orchid:#b4efff;--grad-accent:linear-gradient(#1d9fca,#05668d);--font-display:'Titan One','Arial Rounded MT Bold',system-ui;--bg:#27b8e8}body{min-height:100vh}.pc-top{height:86px;display:flex;align-items:center;gap:24px;padding:14px 30px;background:#ffffff45;border-bottom:2px solid #fff8}.pc-logo{font-size:28px;font-weight:1000;letter-spacing:-1px}.pc-tag{border-radius:40px;background:#07567c;color:white;padding:7px 15px;font-size:12px}.pc-top .btn-connect{margin-left:auto;padding:11px 25px;font-size:18px}.pc-side{position:fixed;left:20px;top:122px;border:2px solid white;border-radius:24px;padding:12px;background:#efffff65;display:flex;flex-direction:column;gap:7px;width:176px;z-index:20}.pc-side button{padding:13px 14px;text-align:left;font-size:22px;white-space:nowrap}.pc-side button.on{background:linear-gradient(#258fb2,#07567c);color:white;border-radius:15px;border:2px solid #073750;box-shadow:0 4px #073750}.pc-main{margin-left:205px;padding:14px 28px 50px;text-align:center}.pc-series{display:inline-block;border:2px solid #fff;border-radius:40px;background:#fff5;padding:8px 27px;font-size:17px}.pc-stage{height:520px;position:relative;max-width:1050px;margin:5px auto;perspective:1000px}.pc-pack{position:absolute;width:260px;height:395px;left:50%;top:70px;transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--r)) scale(var(--s));transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s;filter:drop-shadow(0 17px 8px #09406444);padding:0;z-index:var(--z)}.pc-pack img{width:100%;height:100%;object-fit:contain}.pc-pack:hover{filter:drop-shadow(0 20px 15px #ffffffaa);top:64px}.pc-pack.active{animation:float-pack 4s ease-in-out infinite}.pc-name{font-size:36px;margin:3px 0 10px;font-weight:1000;display:flex;justify-content:center;align-items:center;gap:28px}.pc-arrow{border:2px solid #fff;background:#d4f6ff88;border-radius:50%;width:46px;height:46px}.pc-open{font-size:27px;padding:15px 50px;min-width:310px}.pc-caption{font-size:15px;margin:16px}.pc-controls{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:24px}.pc-controls button{border:2px solid #fff;background:#e5faff77;border-radius:30px;padding:9px 20px;font-size:16px}.pc-catalog{max-width:1180px;margin:20px auto;text-align:left}.pc-catalog h1{font-size:48px;margin:20px 0}.pc-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.pc-filters input,.pc-filters select{padding:12px;border:2px solid #073750;border-radius:12px;background:#effcff;min-width:160px}.pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pc-card{position:relative;padding:8px;border:2px solid #fff9;background:linear-gradient(135deg,#fff,#81d8f5,#176080,#d3f7ff);border-radius:17px;box-shadow:0 5px 0 #073750;transform-style:preserve-3d;transition:transform .2s}.pc-card img{width:100%;display:block;border-radius:10px}.pc-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff7 40%,transparent 55%);mix-blend-mode:screen;opacity:0;transition:.2s;border-radius:17px}.pc-card:hover{transform:translateY(-8px) rotate(2deg)}.pc-card:hover:after{opacity:1}.pc-empty{padding:70px 30px;border:2px dashed #fff;border-radius:22px;font-size:22px}.pc-dialog{width:min(92vw,1000px);max-height:90vh;border:3px solid #073750;border-radius:28px;background:#d5f5ff;color:#073750;padding:26px}.pc-dialog::backdrop{background:#023044cc;backdrop-filter:blur(8px)}.pc-close{float:right;font-size:25px}.pc-dialog h2{font-size:32px}.pc-detail{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;text-align:left}.pc-detail img{width:100%;border-radius:15px}.pc-detail p{line-height:1.8}.pc-detail button{font-size:20px;padding:12px 28px}.pc-history{padding:20px;border-bottom:1px solid #07375033;text-align:left}.pc-footer{margin:40px 0;font-size:12px;opacity:.8}.pc-reveal .pc-card{animation:reveal .65s both}.pc-reveal .pc-card:nth-child(2){animation-delay:.12s}.pc-reveal .pc-card:nth-child(3){animation-delay:.24s}.pc-reveal .pc-card:nth-child(4){animation-delay:.36s}@keyframes reveal{from{opacity:0;transform:rotateY(90deg) translateY(40px)}to{opacity:1;transform:none}}@keyframes float-pack{50%{translate:0 -8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1000px){.pc-pack{width:220px}.pc-grid{grid-template-columns:repeat(3,1fr)}.pc-stage{height:460px}.pc-side{width:155px}.pc-main{margin-left:170px}}@media(max-width:650px){.pc-top{height:73px;padding:12px;gap:8px}.pc-logo{font-size:20px}.pc-tag{display:none}.pc-top .btn-connect{font-size:12px;padding:8px 12px}.pc-side{position:static;flex-direction:row;width:auto;margin:12px;padding:5px;justify-content:space-between;gap:2px;border-radius:18px}.pc-side button{font-size:14px;padding:9px}.pc-main{margin-left:0;padding:4px 14px 35px}.pc-stage{height:310px;margin:0 -14px;overflow:hidden}.pc-pack{top:35px;width:185px;height:260px;transform:translateX(calc(-50% + var(--x) * .42)) translateY(calc(var(--y) * .5)) rotate(var(--r)) scale(var(--s))}.pc-pack:hover{top:35px}.pc-name{font-size:27px;gap:16px}.pc-open{min-width:240px;font-size:23px;padding:12px 30px}.pc-grid{grid-template-columns:repeat(2,1fr);gap:13px}.pc-catalog h1{font-size:36px}.pc-filters input,.pc-filters select{min-width:0;width:100%}.pc-detail{display:block}.pc-detail img{width:190px;display:block;margin:auto}.pc-dialog{padding:18px}.pc-controls{gap:8px}.pc-controls button{font-size:13px;padding:9px}.pc-series{font-size:13px}.pc-caption{font-size:13px}.pc-card{padding:5px}}
@font-face{font-family:'Titan One';src:url(assets/titan-one.ttf)}@font-face{font-family:Nunito;src:url(assets/nunito.ttf);font-weight:200 1000}.pc-logo,.pc-name{font-family:'Titan One',sans-serif;font-weight:400}.pc-open,.pc-top .btn-connect{background:linear-gradient(#0e8fb8,#07567c)!important;color:white!important;text-shadow:0 2px #073750;font-family:'Titan One';box-shadow:inset 0 2px #ffffff88,0 5px #073750!important}.pc-card{will-change:transform}.pc-dialog{overflow-y:auto}.pc-dialog .pc-close{position:sticky;top:0;background:#d5f5ff;z-index:10}

.pc-logo{display:flex;align-items:center;gap:8px}.pc-logo img{width:37px;height:37px;object-fit:cover;border-radius:9px;border:1px solid white}@media(max-width:650px){.pc-logo{font-size:18px;gap:5px}.pc-logo img{width:25px;height:25px}.pc-side button{font-size:12px;flex:1;min-width:0;padding:9px 3px}}

.pc-cabinet-art{display:block;width:min(100%,640px);height:auto;margin:22px 0;border:2px solid #fff;border-radius:20px}