@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;600;700;800&family=Play:wght@700&display=swap');
:root{--bg:#071113;--panel:#101b1e;--text:#f4f8f7;--muted:#91a2a4;--cyan:#62dcff;--lime:#d9f63c;--red:#ff554d;--yellow:#ffc928;--blue:#3e8fff;--radius:20px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -15%,#263c41 0,#111e21 38%,#070d0f 100%);color:var(--text);font-family:'Open Sans',Arial,sans-serif}button,input{font:inherit}.modal-open{overflow:hidden}.site-header{display:flex;align-items:center;gap:22px;width:min(1400px,100%);margin:auto;padding:20px 24px}.brand img{display:block;width:165px;height:78px;object-fit:contain}.header-copy span,.catalog-head small,.info-copy>small{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.14em}.header-copy h1{margin:3px 0 0;font:700 clamp(23px,4vw,38px)/1 'Play',sans-serif}.page-shell{width:min(1400px,100%);margin:auto;padding:0 24px 50px}.category-nav{display:flex;gap:9px;padding:10px 0 22px;overflow-x:auto}.category-button{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 15px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff07;color:#dae3e2;text-decoration:none;font-weight:800}.category-button:hover,.category-button.active{border-color:var(--cyan);background:#12303a;box-shadow:0 0 18px #62dcff24}.category-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan)}.category-button:nth-child(1) .category-dot{background:var(--red)}.category-button:nth-child(2) .category-dot{background:var(--blue)}.category-button:nth-child(3) .category-dot{background:var(--yellow)}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px;padding:21px;border:1px solid #ffffff19;border-radius:var(--radius);background:#0d181ae8}.catalog-head h2{margin:3px 0;font:700 clamp(25px,4vw,40px)/1.1 'Play',sans-serif}.catalog-head p{margin:7px 0 0;color:var(--muted)}.search-box{display:flex;align-items:center;gap:9px;width:min(390px,100%);padding:12px 14px;border:1px solid #ffffff20;border-radius:13px;background:#070e10}.search-box span{color:var(--cyan);font-size:24px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff}.sign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:13px}.sign-card{position:relative;min-width:0;padding:14px;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(145deg,#152326,#0b1416);color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 28px #0003;transition:.18s}.sign-card:hover{z-index:2;transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 17px 35px #0007,0 0 20px #62dcff20}.sign-picture{display:grid;place-items:center;height:165px;border-radius:13px;background:radial-gradient(circle,#fff 0 48%,#e3e8e7 75%,#bcc5c4)}.sign-picture img{width:92%;height:148px;object-fit:contain;filter:drop-shadow(0 7px 5px #0003)}.sign-meta{display:block;padding-top:11px}.sign-meta strong{display:block;font:700 19px 'Play',sans-serif}.sign-meta small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.info-badge{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--cyan);color:#082129;font:700 17px Georgia}.empty-state{padding:45px;text-align:center;color:var(--muted)}.sign-modal[hidden]{display:none}.sign-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:16px;background:#020607e8;backdrop-filter:blur(8px)}.modal-panel{display:flex;flex-direction:column;width:min(1020px,98vw);height:min(800px,95vh);overflow:hidden;border:1px solid #62dcff88;border-radius:22px;background:var(--panel);box-shadow:0 30px 100px #000}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #ffffff18}.modal-header small{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em}.modal-header strong{font:700 21px 'Play',sans-serif}.modal-header button{width:42px;height:42px;border:1px solid #ffffff22;border-radius:11px;background:#ffffff09;color:#fff;cursor:pointer}.modal-panel iframe{width:100%;min-height:0;flex:1;border:0;background:var(--bg)}.info-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 0,#263b40,#0a1214 55%)}.info-card{display:grid;grid-template-columns:minmax(280px,45%) 1fr;width:min(930px,100%);overflow:hidden;border:1px solid #ffffff1d;border-radius:24px;background:#101a1d;box-shadow:0 25px 70px #0008}.info-visual{position:relative;display:grid;place-items:center;min-height:520px;padding:55px 25px 25px;background:radial-gradient(circle,#fff 0 43%,#e2e7e6 68%,#b9c3c1)}.info-visual img{width:90%;height:430px;object-fit:contain;filter:drop-shadow(0 16px 10px #0004)}.category-pill{position:absolute;left:17px;top:17px;padding:7px 12px;border-radius:999px;background:#071113;color:#dfe8e7;font-weight:800;font-size:11px}.info-copy{align-self:center;padding:35px}.info-copy h1{margin:5px 0 22px;font:700 clamp(33px,7vw,62px)/1 'Play',sans-serif}.meaning-label{display:flex;align-items:center;gap:9px;color:var(--cyan);font-weight:800}.meaning-label span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--cyan);color:#07212a;font:700 19px Georgia}.info-copy>p{margin:14px 0;color:#e0e7e6;font-size:clamp(17px,2.4vw,23px);line-height:1.6}.available-sets{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff18}.available-sets h2{margin:0 0 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em}.set-list{display:flex;flex-wrap:wrap;gap:8px}.set-list span{padding:8px 11px;border-left:6px solid var(--set-color,#62dcff);border-radius:8px;background:#ffffff09;font-weight:700;font-size:12px}.not-found{text-align:center}.not-found>div{display:grid;place-items:center;width:90px;height:90px;margin:auto;border-radius:50%;background:#441416;color:#ff7770;font-size:58px;font-weight:800}.not-found p{color:var(--muted)}
@media(max-width:720px){.site-header{padding:12px 14px}.brand img{width:115px;height:58px}.header-copy span{display:none}.page-shell{padding:0 12px 30px}.catalog-head{align-items:stretch;flex-direction:column;padding:16px}.search-box{width:100%}.sign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sign-card{padding:9px}.sign-picture{height:135px}.sign-picture img{height:121px}.sign-meta strong{font-size:16px}.info-card{grid-template-columns:1fr}.info-visual{min-height:310px}.info-visual img{height:250px}.info-copy{padding:24px}.modal-panel{width:100%;height:97vh;border-radius:15px}}@media(max-width:380px){.sign-meta small{display:none}}

/* Vertical JoyToy library navigation */
.page-shell{width:min(1500px,100%)}.catalog-layout{display:grid;grid-template-columns:255px minmax(0,1fr);align-items:start;gap:22px}.library-sidebar{position:sticky;top:15px;display:grid;gap:16px}.nav-group{overflow:hidden;border:1px solid #ffffff18;border-radius:18px;background:#0d181ae8;box-shadow:0 12px 28px #0003}.nav-group h2{margin:0;padding:14px 16px;border-bottom:1px solid #ffffff15;color:var(--lime);font:700 15px 'Play',sans-serif;letter-spacing:.04em}.library-sidebar .category-nav{display:flex;flex-direction:column;gap:7px;padding:10px;overflow:visible}.library-sidebar .category-button{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:#ffffff05}.library-sidebar .category-button span:nth-child(2){min-width:0;overflow-wrap:anywhere}.library-sidebar .category-button small{margin-left:auto;padding:2px 7px;border-radius:999px;background:#ffffff12;color:var(--muted);font-size:10px}.library-sidebar .category-dot{flex:0 0 auto}.library-sidebar .set-button .category-dot{background:var(--item-color,var(--cyan))}.catalog-content{min-width:0}.category-14 .sign-meta strong{font-size:15px;line-height:1.2}
@media(max-width:900px){.catalog-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:720px){.catalog-layout{grid-template-columns:1fr}.library-sidebar{position:static;grid-template-columns:1fr;gap:10px}.library-sidebar .category-nav{max-height:260px;overflow-y:auto}.sign-meta strong{overflow-wrap:anywhere}}

/* Authentic category pictograms */
.library-sidebar .category-button{min-height:50px;padding:7px 10px}.category-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#ffffff08}.category-icon svg{display:block;width:32px;height:32px}.set-button .category-icon{color:var(--item-color,var(--cyan));background:color-mix(in srgb,var(--item-color,var(--cyan)) 15%,transparent)}.library-sidebar .category-button:hover .category-icon,.library-sidebar .category-button.active .category-icon{transform:scale(1.06)}