.wb-board[data-astro-cid-mgqbyuih]{flex-direction:column;align-items:stretch;display:flex}.wb-left[data-astro-cid-mgqbyuih]{max-width:100%}.wb-gridcard[data-astro-cid-mgqbyuih]{width:fit-content;max-width:100%;padding:8px}.wb-gridcard-head[data-astro-cid-mgqbyuih]{justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 8px;display:flex}.wb-gridcard-titlewrap[data-astro-cid-mgqbyuih]{align-items:baseline;gap:8px;min-width:0;display:inline-flex}.wb-gridcard-ico[data-astro-cid-mgqbyuih]{border:1px solid var(--color-border);background:#02101f80;flex-shrink:0;align-self:center;width:16px;height:16px}.wb-gridcard-title[data-astro-cid-mgqbyuih]{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-fog);font-size:17px;line-height:1}.wb-grid[data-astro-cid-mgqbyuih]{background-color:#02101fb3;background-image:linear-gradient(90deg,#2f85c838 1px,#0000 1px),linear-gradient(#2f85c838 1px,#0000 1px);background-size:var(--cell,64px) var(--cell,64px);border:1px solid var(--color-border);background-position:0 0;transition:height .2s;position:relative;overflow:hidden}.wb-hint[data-astro-cid-mgqbyuih]{letter-spacing:.14em;color:var(--color-fog-dim);margin-top:12px;font-size:10px}.wb-hint-narrow[data-astro-cid-mgqbyuih]{display:none}@media (width<=1099px){.wb-hint-wide[data-astro-cid-mgqbyuih]{display:none}.wb-hint-narrow[data-astro-cid-mgqbyuih]{display:inline}}@media (width<=767px){.wb-hint[data-astro-cid-mgqbyuih]{display:none}}.wb-item{color:var(--color-fog);font-family:var(--font-mono);cursor:grab;user-select:none;touch-action:none;background:linear-gradient(#28325ad9 0%,#0f1432f2 100%);outline:none;margin:0;padding:0;transition:box-shadow .12s,filter .12s;position:absolute;box-shadow:inset 0 0 0 1px #7882c859,inset 0 1px #ffffff0f,inset 0 -2px #0006,0 2px 6px #00000080}.wb-item[data-kind=tech]{background:linear-gradient(#284696b3 0%,#0c1232f2 100%)}.wb-item[data-kind=lib]{background:linear-gradient(#5f37a0b3 0%,#190e32f2 100%)}.wb-item[data-kind=tool]{background:linear-gradient(#1c6e5cb3 0%,#081e1af2 100%)}.wb-item[data-kind=concept]{background:linear-gradient(#966e1e9e 0%,#281c08f2 100%)}.wb-item[data-kind=project]{background:linear-gradient(#962d2d9e 0%,#2d0c0cf2 100%)}.wb-item:before{content:"";opacity:0;pointer-events:none;z-index:0;background:#c4d2ff38;transition:opacity .12s;position:absolute;inset:0}.wb-item:hover:before,.wb-item:focus-visible:before{opacity:1}.wb-item:focus-visible{outline:2px solid var(--color-blood);outline-offset:2px;z-index:6}.wb-item .wb-visual{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.wb-item .wb-visual svg{width:72%;height:72%;position:absolute;top:14%;left:14%}.wb-logo{object-fit:contain;pointer-events:none;width:72%;height:72%;position:absolute;top:14%;left:14%}.wb-logo--invert{filter:invert()}.wb-item .wb-visual--faint{opacity:.2}.wb-item .wb-name{z-index:2;font-family:var(--font-pixel-jp);font-size:var(--name-fs,10px);text-align:right;color:#f0f5fff2;text-shadow:0 1px 3px #000000f2,0 0 5px #000000d9;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;line-height:1.1;position:absolute;top:3px;left:5px;right:5px;overflow:hidden}.wb-item .wb-date{z-index:2;font-family:var(--font-mono);letter-spacing:.04em;color:#cfe3ff;text-shadow:0 1px 3px #000000f2,0 0 4px #000c;pointer-events:none;font-size:10px;position:absolute;bottom:3px;right:5px}@media (width<=767px){.wb-item .wb-name{font-size:var(--name-fs,8px)}.wb-item .wb-date{letter-spacing:.02em;font-size:7px}}.wb-dolphin{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite wb-dolphin-bob}@keyframes wb-dolphin-bob{0%,to{transform:translateY(1px)rotate(2deg)}50%{transform:translateY(-2px)rotate(-3deg)}}.wb-dolphin-wave{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite wb-dolphin-wave}@keyframes wb-dolphin-wave{0%,to{opacity:.4;transform:translate(-1px)}50%{opacity:.6;transform:translate(1px)}}.wb-cta{z-index:4;text-align:right;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-crt);text-shadow:0 1px 2px #000000f2,0 0 5px #000c,0 0 6px #3dffc866;white-space:nowrap;pointer-events:none;font-size:9px;font-weight:600;animation:3.2s ease-in-out infinite wb-cta-breathe;position:absolute;bottom:3px;right:5px}@keyframes wb-cta-breathe{0%,to{opacity:.72}50%{opacity:1}}.wb-cta-touch{display:none}@media (width<=767px){.wb-cta-pc{display:none}.wb-cta-touch{display:inline}}@media (prefers-reduced-motion:reduce){.wb-dolphin,.wb-dolphin-wave,.wb-cta{animation:none}}@keyframes wb-enter-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.wb-item.wb-enter{animation:.26s cubic-bezier(.2,.8,.3,1) both wb-enter-in}@media (width<=767px){.wb-item{cursor:default;touch-action:manipulation}}@media (hover:hover) and (pointer:fine){.wb-item{transition:box-shadow .12s,filter .12s,translate .14s}.wb-item:hover{z-index:20;translate:0 -3px;box-shadow:inset 0 0 0 1px #7882c859,inset 0 1px #ffffff0f,inset 0 -2px #0006,0 6px 14px #0009}}@media (prefers-reduced-motion:reduce){.wb-item{transition:none}}.wb-item.is-dragging{cursor:grabbing;filter:brightness(1.12);transition:none;translate:none;box-shadow:inset 0 0 0 1px #7882c880,0 10px 26px #000000b3}.wb-item.is-invalid{box-shadow:inset 0 0 0 1px #ff5a5acc,0 10px 26px #000000b3}.wb-item.is-invalid:before{opacity:1;background:#ff464647}.wb-detail{z-index:80;background:linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);border:1px solid var(--color-border);width:min(460px,100vw - 24px);color:var(--color-fog);font-family:var(--font-sans);animation:.18s cubic-bezier(.2,.7,.2,1) both wb-detail-pop;position:fixed;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #00000080,0 24px 50px #0009}@keyframes wb-detail-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wb-detail-titlebar{border-bottom:1px solid var(--color-border);cursor:move;user-select:none;touch-action:none;background:#00000059;align-items:center;height:24px;padding:0 6px 0 8px;display:flex}.wb-detail-code{font-family:var(--font-mono);letter-spacing:.16em;color:var(--color-fog-dim);font-size:9px}.wb-detail-close{z-index:2;border:1px solid var(--color-border);min-width:18px;height:18px;color:var(--color-fog-dim);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;background:#00000040;justify-content:center;align-items:center;gap:4px;padding:0 7px;font-size:10px;line-height:1;transition:color .12s,border-color .12s,box-shadow .12s;display:inline-flex;position:absolute;top:3px;right:3px}.wb-detail-close:hover,.wb-detail-close:focus-visible{color:var(--color-amber);border-color:var(--color-amber);outline:none;box-shadow:0 0 8px #ffcc444d}.wb-close-touch{display:none}.wb-detail-namerow{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.wb-detail-namerow .wb-detail-name{flex:auto;min-width:0}.wb-detail-nav{flex:none;gap:6px;display:none}.wb-detail-body{gap:16px;padding:16px;display:flex}.wb-detail-media{border:1px solid var(--color-border);background:radial-gradient(80% 70% at 50% 45%,#2f85c838,#0000 75%),#02101f99;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;overflow:hidden}.wb-detail-media svg,.wb-detail-media img{object-fit:contain;width:66%;height:66%}.wb-detail[data-kind=tech] .wb-detail-media{background:linear-gradient(#284696b3 0%,#0c1232f2 100%)}.wb-detail[data-kind=lib] .wb-detail-media{background:linear-gradient(#5f37a0b3 0%,#190e32f2 100%)}.wb-detail[data-kind=tool] .wb-detail-media{background:linear-gradient(#1c6e5cb3 0%,#081e1af2 100%)}.wb-detail[data-kind=concept] .wb-detail-media{background:linear-gradient(#966e1e9e 0%,#281c08f2 100%)}.wb-detail[data-kind=project] .wb-detail-media{background:linear-gradient(#962d2d9e 0%,#2d0c0cf2 100%)}.wb-detail-media .wb-visual--faint{opacity:.2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wb-detail-info{min-width:0}.wb-detail-name{font-family:var(--font-pixel-jp);color:var(--color-fog);margin:0;font-size:20px;line-height:1.15}.wb-detail-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fog-dim);margin-top:6px;font-size:10px}.wb-detail-desc{font-family:var(--font-sans);color:var(--color-fog);user-select:text;margin:10px 0 0;font-size:13px;line-height:1.65}.wb-detail-name{user-select:text}.wb-detail-cases{user-select:text;flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.wb-detail-cases li{text-align:left;font-family:var(--font-mono);color:var(--color-fog);border-left:2px solid var(--accent);background:#02101f80;padding:6px 10px 6px 24px;font-size:12px;line-height:1.4;position:relative}.wb-detail-cases li:before{content:"▸";color:var(--accent);position:absolute;left:8px}@keyframes wb-detail-slide-in{0%{opacity:0;transform:translate(110%,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes wb-detail-slide-out{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(110%,-50%)}}.wb-detail.is-overlay{z-index:80;flex-direction:column;width:min(400px,100vw - 28px);max-width:none;height:min(480px,100dvh - 96px);margin:0 auto;animation:80ms cubic-bezier(.2,.8,.3,1) both wb-detail-slide-in;display:flex;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}.wb-detail.is-overlay.is-closing{animation:80ms cubic-bezier(.6,0,.8,.5) both wb-detail-slide-out}.wb-detail.is-overlay .wb-detail-titlebar{display:none}.wb-detail.is-overlay .wb-detail-body{flex-direction:column;flex:auto;min-height:0;overflow-y:auto}.wb-detail.is-overlay .wb-detail-media{flex-shrink:0;width:100%;height:clamp(120px,34vw,180px)}.wb-detail.is-overlay .wb-detail-info{width:100%}.wb-detail.is-overlay .wb-detail-nav{display:flex}.wb-detail.is-overlay .wb-detail-prev,.wb-detail.is-overlay .wb-detail-next{border:1px solid var(--color-border);height:28px;color:var(--color-fog);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#00000040;align-items:center;gap:2px;padding:0 9px;font-size:11px;line-height:1;transition:all .1s linear;display:inline-flex}.wb-detail.is-overlay .wb-detail-prev span,.wb-detail.is-overlay .wb-detail-next span{font-size:9px}.wb-detail.is-overlay .wb-detail-prev:active,.wb-detail.is-overlay .wb-detail-next:active{border-color:var(--color-crt);color:var(--color-crt)}.wb-detail.is-overlay .wb-detail-prev:disabled,.wb-detail.is-overlay .wb-detail-next:disabled{opacity:.3;cursor:default}.wb-detail.is-overlay .wb-detail-foot{flex-shrink:0;justify-content:flex-end;padding:0 12px 12px;display:flex}.wb-detail.is-overlay .wb-detail-close{touch-action:manipulation;width:fit-content;height:36px;margin:0;padding:0 16px;font-size:13px;display:flex;position:static}.wb-detail.is-overlay .wb-close-pc{display:none}.wb-detail.is-overlay .wb-close-touch{display:inline}@media (prefers-reduced-motion:reduce){.wb-detail.is-overlay,.wb-detail.is-overlay.is-closing{animation:none}}