.published-works{color:#172539;scroll-margin-top:90px}.published-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.published-heading h2{font-size:clamp(32px,4.8vw,62px);line-height:1.2;letter-spacing:-.04em;margin:15px 0 20px}.published-heading h2 em{font-style:normal;color:#e55438}.published-heading p{font-size:15px;line-height:1.9;color:#617083}.published-count{background:#ffe16f;border:1px solid #172539;border-radius:22px;padding:20px 30px;display:grid;text-align:center;white-space:nowrap;box-shadow:5px 5px 0 #172539;transform:rotate(4deg)}.published-count b{font-size:50px;line-height:1.1}.published-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.published-card{border:1px solid #e5e5e8;background:white;border-radius:25px;overflow:hidden;box-shadow:0 12px 32px #17253909;min-width:0}.published-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:radial-gradient(circle at 75% 20%,#ffc5d8,transparent 55%),#f8eccf;overflow:hidden;text-decoration:none;color:#172539}.published-visual>span{font-size:clamp(50px,6vw,90px);letter-spacing:8px;transform:rotate(-8deg)}.published-orbit .published-visual{background:radial-gradient(ellipse at 80% 20%,#54307f,transparent 70%),#071527;color:#b1f75f}.published-visual img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}.published-visual:hover img{transform:scale(1.025)}.published-visual>b{position:absolute;bottom:18px;right:18px;background:#ffe16f;color:#172539;border:1px solid #172539;padding:10px 14px;border-radius:100px;font-size:12px;letter-spacing:.08em;box-shadow:2px 3px 0 #172539}.published-body{padding:25px 28px 28px}.published-label{font-size:10px;letter-spacing:.08em;font-weight:800;color:#826448}.published-body h3{font-size:clamp(20px,2.1vw,27px);margin:12px 0;overflow-wrap:anywhere}.published-body p{color:#617083;font-size:14px;line-height:1.9;min-height:3.8em;overflow-wrap:anywhere}.published-play{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#172539;text-decoration:none;font-weight:800;margin-top:22px;border-top:1px solid #e5e5e8;padding-top:20px;min-height:44px}.published-play span{font-size:23px}.published-play:hover{color:#d94830}.published-more{display:block;width:fit-content;margin:35px auto 0;color:#172539;text-decoration:none;border-bottom:2px solid #172539;padding:12px;font-weight:800}.published-invite{text-align:center;background:#fff3c6;border-radius:30px;margin-top:30px;margin-bottom:70px}.published-invite h2{font-size:clamp(25px,4vw,40px)}.published-invite p{line-height:1.8}.published-invite .main-cta{margin:20px auto 0}.published-works a:focus-visible{outline:3px solid #6946df;outline-offset:4px}@media(max-width:650px){.published-grid{grid-template-columns:1fr;gap:22px}.published-heading{align-items:start}.published-count{padding:14px 18px;font-size:10px;border-radius:16px;box-shadow:3px 3px 0 #172539}.published-count b{font-size:35px}.published-heading h2{font-size:32px}.published-heading p{font-size:13px}.published-body{padding:22px}.published-visual>span{font-size:65px}.published-heading{gap:10px}.published-invite{border-radius:22px}}@media(prefers-reduced-motion:reduce){.published-visual img{transition:none}}
.published-neko .published-visual img[src*="neko-match-board-v9"]{transform:scale(1.7);transform-origin:50% 0}.published-orbit .published-visual img[src*="orbit-tile-board-v9"]{transform:scale(1.7);transform-origin:30% 0}.published-neko .published-visual:hover img[src*="neko-match-board-v9"],.published-orbit .published-visual:hover img[src*="orbit-tile-board-v9"]{transform:scale(1.73)}
.published-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:22px;border:1px solid #e4e8ed;border-radius:22px;background:#fff9e9;margin:12px 0 18px}.published-filter label{display:grid;gap:8px;font-size:12px;font-weight:800;flex:1;min-width:190px}.published-filter select,.published-filter input{width:100%;min-width:0;min-height:48px;border:1px solid #c6cfda;border-radius:12px;background:#fff;color:#172539;padding:10px 12px;font:inherit;font-size:14px}.published-filter button{min-height:48px;border:0;border-radius:12px;padding:12px 22px;background:#172539;color:#fff;font:inherit;font-weight:800;cursor:pointer}.published-filter>a{min-height:44px;display:flex;align-items:center;font-size:13px;color:#172539}.published-results{font-size:13px;color:#617083;margin:14px 0 25px}@media(max-width:650px){.published-filter{padding:16px;gap:12px}.published-filter label{flex-basis:100%;min-width:0}.published-filter button{width:100%}.published-filter>a{margin:auto}}
.published-categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.published-categories a{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:12px 16px;border:1px solid #172539;border-radius:100px;background:#ffedaa;color:#172539;font-size:13px;font-weight:800;text-decoration:none;box-shadow:2px 3px 0 #172539}.published-categories a:nth-child(3n+2){background:#d5f4df}.published-categories a:nth-child(3n){background:#e4d9ff}.published-categories a span{font-size:10px;white-space:nowrap}.published-categories a:hover{transform:translateY(-2px)}.published-categories a:focus-visible{outline:3px solid #2359cf;outline-offset:4px}@media(max-width:650px){.published-categories{gap:9px}.published-categories a{padding:10px 12px;font-size:12px;gap:8px}}@media(prefers-reduced-motion:reduce){.published-categories a:hover{transform:none}}