html,body,#root{background:#f3f0e8;width:100%;height:100%;margin:0;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{width:100%;height:100%;display:block}.caption{letter-spacing:.24em;color:#48423ab8;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Iowan Old Style,Palatino,Songti SC,STSong,serif;font-size:13px;position:fixed;bottom:22px;left:28px}.intro-fade{z-index:15;opacity:0;pointer-events:none;background:#f3f0e8;transition:opacity .7s ease-in .35s;position:fixed;inset:0}.intro-fade.is-on{opacity:1;pointer-events:auto}.loading{letter-spacing:.3em;color:#48423ab3;place-items:center;font-family:Iowan Old Style,Palatino,Songti SC,STSong,serif;display:grid;position:fixed;inset:0}.back{z-index:10;letter-spacing:.12em;color:#48423a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border-radius:999px;padding:8px 14px;font-family:Iowan Old Style,Palatino,Songti SC,STSong,serif;font-size:13px;text-decoration:none;position:fixed;top:20px;left:24px}.back:hover{background:#ffffffe6}.shop-stage,.shop-stage canvas{cursor:none}.hand-cursor{z-index:20;pointer-events:none;opacity:0;will-change:transform;position:fixed;top:0;left:0}@media (pointer:coarse){.hand-cursor{display:none}}.card-backdrop{z-index:10;background:#1e182847;place-items:center;padding:24px;animation:.2s ease-out card-fade;display:grid;position:fixed;inset:0}.project-card{--ink:#2a2130;width:min(440px,100%);max-height:calc(100vh - 48px);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fffaf0;border-radius:20px;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;animation:.32s cubic-bezier(.2,1.6,.4,1) card-pop;overflow:auto}.project-card-header{background:var(--accent);border-bottom:3px solid var(--ink);color:#fff;letter-spacing:.08em;align-items:center;gap:10px;padding:12px 14px;font-weight:800;display:flex}.project-card-category{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:999px;padding:2px 10px;font-size:12px}.project-card-year{text-shadow:2px 2px 0 var(--ink);font-size:20px}.project-card-close{border:2px solid var(--ink);width:32px;height:32px;color:var(--ink);cursor:none;background:#fff;border-radius:50%;margin-left:auto;font-size:20px;line-height:1}.project-card-body{padding:18px 20px 20px}.project-card-title{margin:0 0 4px;font-size:28px;font-weight:900}.project-card-tagline{color:#6b5f73;margin:0 0 12px;font-weight:700}.project-card-award{border:2px solid var(--ink);background:#ffe58a;border-radius:10px;margin:0 0 12px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}.project-card-description{margin:0 0 12px;line-height:1.7}.project-card-inspired{color:#8a7f92;margin:0 0 12px;font-size:12px}.project-card-tech{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.project-card-tech li{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.project-card-links{flex-wrap:wrap;gap:10px;display:flex}.project-card-links a{border:2px solid var(--ink);background:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--ink);cursor:none;border-radius:12px;padding:8px 16px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s}.project-card-links a:hover{filter:brightness(1.12)}.project-card-links a:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.info-card-link{border:2px solid var(--ink);background:var(--accent);color:#fff;font:inherit;box-shadow:3px 3px 0 var(--ink);cursor:none;border-radius:12px;padding:8px 16px;font-weight:800}.contact-offer{margin:8px 0;font-weight:800;line-height:1.45}.contact-links{flex-wrap:wrap;gap:10px;display:flex}.contact-link{border:2px solid var(--ink);background:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--ink);cursor:none;border-radius:12px;padding:8px 16px;font-weight:800;text-decoration:none}.contact-x{background:#111}.contact-mail{color:var(--ink);box-shadow:none;text-align:center;background:#fff;flex-basis:100%;font-weight:700}.hud{z-index:5;pointer-events:none;color:#2a21309e;letter-spacing:.14em;-webkit-user-select:none;user-select:none;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;font-size:11px;position:fixed;inset:0}.hud p{margin:0}.hud-corner{position:absolute}.hud-bottom-left{bottom:24px;left:30px}.hud-bottom-right{bottom:24px;right:30px}@media (width<=640px){.hud-bottom-left{display:none}}@keyframes card-fade{0%{opacity:0}}@keyframes card-pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}}