:root{--ground:#0b0c0f;--surface:#14161b;--line:#242830;--ink:#edeff2;--ink-2:#8a8f99;--platinum:#c7ccd6;--champagne:#e9dcc3;--font-display:"Fraunces Variable", "Noto Serif JP Variable", "Times New Roman", serif;--font-body:"Noto Serif JP Variable", "Times New Roman", serif;--font-mono:"JetBrains Mono Variable", "Noto Serif JP Variable", ui-monospace, monospace;--t-fast:.24s;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;overflow:hidden}.stage{width:100%;height:100dvh;position:relative}.canvas-wrap{cursor:grab;touch-action:none;outline:none;position:absolute;inset:0}.canvas-wrap.dragging{cursor:grabbing}.canvas-wrap:focus-visible:after{content:"";border:1px solid var(--platinum);opacity:.6;pointer-events:none;border-radius:6px;position:absolute;inset:8px}#gl{width:100%;height:100%;display:block}.chrome{z-index:4;pointer-events:none;position:absolute;top:28px;left:32px}.wordmark{font-family:var(--font-display);font-variation-settings:"opsz" 40;letter-spacing:.34em;color:var(--platinum);pointer-events:auto;font-size:15px;font-weight:560;text-decoration:none}.demo-chip{vertical-align:2px;font-family:var(--font-mono);letter-spacing:.3em;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;margin-left:14px;padding:3px 8px 2px 11px;font-size:9px;display:inline-block}.hint{z-index:4;pointer-events:none;letter-spacing:.12em;color:var(--ink-2);text-shadow:0 1px 10px #000000d9;animation:breathe 3.2s var(--ease) infinite;transition:opacity var(--t-fast) var(--ease);font-size:13px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.hint.hidden{opacity:0;animation:none}@keyframes breathe{0%,to{opacity:.55}50%{opacity:.95}}.plate{z-index:4;text-align:center;opacity:0;transition:opacity var(--t-fast) var(--ease);position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.plate:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(100% 100% at 50% 55%,#0b0c0fcc,#0b0c0f00 74%);position:absolute;inset:-28px -40px}.plate.visible{opacity:1}.plate-name{font-family:var(--font-display);font-variation-settings:"opsz" 60;letter-spacing:.02em;color:var(--ink);white-space:nowrap;text-shadow:0 1px 14px #000000d9;font-size:22px;font-weight:480}.plate-actions{margin-top:20px}.plate-demo{font-family:var(--font-body);letter-spacing:.08em;color:var(--ink-2);white-space:nowrap;text-shadow:0 1px 10px #000000e6;margin-top:10px;font-size:11px}.plate-member{color:var(--ink-2);text-shadow:0 1px 10px #000000e6;margin-top:18px;font-size:12px;line-height:1.9}.member-link{color:var(--ink);text-underline-offset:4px;transition:text-decoration-color var(--t-fast) var(--ease);margin:-6px -8px;padding:6px 8px;-webkit-text-decoration:underline #c7ccd666;text-decoration:underline #c7ccd666;display:inline-block}.member-link:hover{-webkit-text-decoration-color:var(--platinum);text-decoration-color:var(--platinum)}.member-link:focus-visible{outline:1px solid var(--platinum);outline-offset:3px}.member-sub{color:var(--ink-2);opacity:.8;text-shadow:0 1px 10px #000000e6;margin-top:6px;font-size:10px;display:block}.cta{font-family:var(--font-body);letter-spacing:.06em;color:var(--ink);background:var(--surface);cursor:pointer;transition:transform .1s var(--ease), border-color var(--t-fast) var(--ease);border:1px solid #c7ccd661;border-top-color:#c7ccd699;border-radius:6px;padding:12px 28px;font-size:14px}.cta:hover{border-color:#c7ccd6b3}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:2px solid var(--platinum);outline-offset:2px}.skip{z-index:4;font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-2);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:none;padding:8px 10px;font-size:11px;position:absolute;top:28px;right:32px}.skip:hover{color:var(--ink)}.skip:focus-visible{outline:1px solid var(--platinum);outline-offset:2px}.band{z-index:5;opacity:0;pointer-events:none;height:2px;transition:opacity .4s var(--ease);position:absolute;top:0;left:0;right:0}.band.flash{opacity:1}.blackout{z-index:3;opacity:0;pointer-events:none;transition:opacity .14s var(--ease);background:#000;position:absolute;inset:0}.blackout.on{opacity:.82}.fallback-pack{z-index:2;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.stage.fallback .fallback-pack{display:flex}.stage.fallback .canvas-wrap{display:none}.fb-pack{cursor:pointer;width:220px;height:312px;transition:opacity .3s var(--ease);background:linear-gradient(160deg,#1a1c21,#101116);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.fb-seam{background:var(--seam,var(--platinum));height:2px;box-shadow:0 0 14px 1px var(--seam,var(--platinum));opacity:0;transform-origin:0;transition:transform .3s var(--ease), opacity .3s var(--ease);position:absolute;top:18%;left:6%;right:6%;transform:scaleX(0)}.fb-pack.torn .fb-seam{opacity:.9;transform:scaleX(1)}.fb-pack.gone{opacity:0;pointer-events:none}.fb-mark{font-family:var(--font-display);letter-spacing:.3em;color:#c7ccd6a8;font-size:13px}.fb-card{background:var(--surface);opacity:0;width:190px;height:266px;transition:opacity .32s var(--ease);border:1px solid #c7ccd680;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute}.fb-card[hidden]{display:none}.fb-card.visible{opacity:1}.fb-card-mark{font-family:var(--font-display);letter-spacing:.22em;color:var(--platinum);font-size:15px}.fb-card-no{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-2);font-size:10px}@media (width<=640px){.chrome{top:20px;left:20px}.skip{top:20px;right:20px}.plate-name{font-size:19px}}@media (prefers-reduced-motion:reduce){.hint{opacity:.8;animation:none}}