:root{--color-bg: #FCCA3F;--color-paper: #FFFFFF;--color-ink: #000000;--font-display: "Permanent Marker", cursive;--font-ui: "Spartan", sans-serif;--neu-shadow: 8px 8px 18px #c4a020, -6px -6px 14px #ffe870;--neu-shadow-hover: 12px 12px 26px #b08a10, -8px -8px 20px #ffe870;--neu-shadow-inset: inset 5px 5px 12px #c4a020, inset -4px -4px 10px #ffe870;--neu-shadow-sm: 5px 5px 12px #d4aa28, -4px -4px 10px #ffe060}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);overflow:hidden;height:100vh;height:100dvh;width:100vw;-webkit-font-smoothing:antialiased;cursor:default;touch-action:none;overscroll-behavior:none}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:var(--font-display);line-height:1.1}.ui-text{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.72rem}nav{position:fixed;top:0;left:0;right:0;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;z-index:1000;pointer-events:none}.nav-logo{font-family:var(--font-display);font-size:1.5rem;transform:rotate(-2deg);pointer-events:all}.nav-links{display:flex;gap:32px;pointer-events:all}.nav-item{position:relative;font-weight:800}.nav-item:after{content:"";position:absolute;width:100%;height:2px;background:var(--color-ink);bottom:-4px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-item:hover:after{transform:scaleX(1);transform-origin:left}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden}.hero-title,.hero-subtitle{position:absolute;top:0;left:0;transform:translate3d(-9999px,0,0);transform-origin:center center;will-change:transform;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:12}.hero-title{font-size:4.8rem;color:var(--color-ink);text-shadow:3px 3px 8px #c4a020,-2px -2px 6px #ffe870;padding:4px 14px}.hero-subtitle{background:var(--color-paper);padding:12px 28px;box-shadow:4px 6px 12px #00000026;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.72rem}.card{position:absolute;top:0;left:0;transform:translate3d(-9999px,0,0);transform-origin:center center;background:var(--color-bg);border-radius:18px;box-shadow:var(--neu-shadow);padding:16px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow .25s ease;will-change:transform}.card:hover{box-shadow:var(--neu-shadow-hover)}.card:active{cursor:grabbing}.card.dragging{box-shadow:var(--neu-shadow-hover);cursor:grabbing;z-index:999!important}.card-image{width:100%;overflow:hidden;filter:grayscale(60%) brightness(.92);transition:filter .3s ease,box-shadow .3s ease;margin-bottom:12px;border-radius:12px;box-shadow:inset 4px 4px 10px #c4a020,inset -3px -3px 8px #ffe060}.card:hover .card-image{filter:grayscale(0%) brightness(1);box-shadow:inset 3px 3px 8px #c4a020,inset -2px -2px 6px #ffe870}.card-title{font-family:var(--font-display);line-height:1.1}.card-desc{font-family:var(--font-ui);font-size:.78rem;line-height:1.5;color:var(--color-ink);opacity:.65;margin-top:5px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.card-tag{font-size:.6rem;border:none;padding:4px 10px;border-radius:20px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;font-weight:700;background:var(--color-bg);color:var(--color-ink);box-shadow:inset 2px 2px 5px #c4a020,inset -2px -2px 4px #ffe870}.card.sz-sm{width:180px}.card.sz-md{width:240px}.card.sz-lg{width:310px}.card.sz-xl{width:370px}.card.sz-sm .card-title{font-size:1.1rem}.card.sz-md .card-title{font-size:1.4rem}.card.sz-lg .card-title{font-size:1.7rem}.card.sz-xl .card-title{font-size:2rem}.card.sz-sm .card-image{height:90px}.card.sz-md .card-image{height:130px}.card.sz-lg .card-image{height:170px}.card.sz-xl .card-image{height:200px}.drag-hint{position:fixed;bottom:28px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;opacity:.5;pointer-events:none;z-index:500;background:var(--color-bg);padding:8px 20px;border-radius:40px;box-shadow:var(--neu-shadow-sm)}@media(pointer:coarse){.card-image{filter:grayscale(0%) brightness(1)}}@media(max-width:600px){.card{padding:8px;border-radius:12px}.card.sz-sm{width:88px}.card.sz-md{width:96px}.card.sz-lg{width:104px}.card.sz-xl{width:112px}.card-tags{display:none}.card-image{margin-bottom:6px;border-radius:8px;box-shadow:inset 2px 2px 5px #c4a020,inset -2px -2px 4px #ffe060}.card.sz-sm .card-image{height:38px}.card.sz-md .card-image{height:44px}.card.sz-lg .card-image{height:50px}.card.sz-xl .card-image{height:56px}.card.sz-sm .card-title{font-size:.64rem}.card.sz-md .card-title{font-size:.7rem}.card.sz-lg .card-title{font-size:.76rem}.card.sz-xl .card-title{font-size:.84rem}.card-desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.5rem;line-height:1.3;margin-top:3px;opacity:.62}.hero-title{font-size:2.1rem;padding:2px 8px}.hero-subtitle{font-size:.5rem;padding:8px 14px;letter-spacing:.1em}.drag-hint{font-size:.55rem;bottom:16px;padding:6px 14px}}