:root{--night: #05070d;--ink: #0a0f1d;--ivory: #f2ead8;--ivory-dim: rgba(242, 234, 216, .6);--red: #e23b2e;--red-deep: #a8231d;--amber: #ffb072;--serif: "Instrument Serif", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--night);color:var(--ivory);font-family:var(--serif);overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:3px}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 38%,#0b1224 0%,var(--night) 72%);transition:opacity 1.2s ease,visibility 1.2s}.gate--hidden{opacity:0;visibility:hidden;pointer-events:none}.gate__artist{font-family:var(--mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ivory-dim)}.gate__line{font-style:italic;font-size:clamp(22px,4vw,34px);line-height:1.35;color:var(--ivory);max-width:24ch;text-shadow:0 0 70px rgba(226,59,46,.22)}.gate__enter{margin-top:20px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:1px solid rgba(242,234,216,.35);border-radius:999px;padding:14px 28px;cursor:pointer;transition:all .35s ease}.gate__enter:hover:not(:disabled){border-color:var(--red);background:#e23b2e1f;box-shadow:0 0 32px #e23b2e33;color:#fff}.gate__enter:disabled{opacity:.45;cursor:wait}.hud-top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-id{display:flex;flex-direction:column;gap:3px}.hud-id__artist{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ivory-dim)}.hud-id__title{font-family:var(--mono);font-size:26px;letter-spacing:.08em}.hud-actions{display:flex;gap:8px}.hud-lang{display:inline-flex;align-items:center;gap:5px;background:#0a0f1d8c;border:1px solid rgba(242,234,216,.18);border-radius:999px;padding:7px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud-lang__btn{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ivory-dim);background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.hud-lang__btn:hover{color:var(--ivory)}.hud-lang__btn.is-active{color:var(--red)}.hud-lang__sep{font-family:var(--mono);font-size:11px;color:#f2ead84d}.hud-btn,.hud-btn-back{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--ivory-dim);background:#0a0f1d8c;border:1px solid rgba(242,234,216,.18);border-radius:999px;padding:8px 14px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .25s,border-color .25s;text-decoration:none}@media (min-width: 640px){.hud-btn{font-size:11px}.hud-btn-back{font-size:15px}}.hud-btn:hover{color:var(--ivory);border-color:#f2ead873}.hud-btn--red{color:#ff8d82;border-color:#e23b2e8c}.hud-btn--red:hover{color:#fff;border-color:var(--red);box-shadow:0 0 18px #e23b2e59}.hud-btn-back--red{color:#ff8d82;border-color:#e23b2e8c}.hud-btn-back--red:hover{color:#fff;border-color:var(--red);box-shadow:0 0 18px #e23b2e59}.hint{position:fixed;left:50%;bottom:45%;transform:translate(-50%);z-index:20;font-style:italic;font-size:17px;color:var(--ivory-dim);pointer-events:none;white-space:nowrap;animation:hintPulse 3.4s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.45}50%{opacity:.95}}.hud-bottom{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;pointer-events:none}.hud-bottom>*{pointer-events:auto}.counter{display:flex;align-items:center;gap:12px;position:fixed;left:50%;transform:translate(-50%)}.counter__dots{display:flex;gap:7px}.dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(242,234,216,.4);display:inline-block;transition:all .45s ease}.dot--on{background:var(--red);border-color:var(--red);box-shadow:0 0 12px #e23b2eb3}.counter__label{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-dim)}.finale{position:fixed;left:50%;bottom:72px;transform:translate(-50%);z-index:22;background:#080c18cc;border:1px solid rgba(242,234,216,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:26px 34px;text-align:center;max-width:min(92vw,470px);animation:rise .9s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translate(-50%,28px)}}.finale__kicker{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#ff7d70}.finale__text{font-size:21px;margin:10px 0 18px}.finale__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.finale__dismiss{margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ivory-dim);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.finale__dismiss:hover{color:var(--ivory)}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:13px 22px;border-radius:999px;border:1px solid rgba(242,234,216,.3);color:var(--ivory);text-decoration:none;transition:all .25s ease}.btn:hover{border-color:var(--ivory)}.btn--primary{background:var(--red);border-color:var(--red);color:#fff}.btn--primary:hover{background:#f04a3c;box-shadow:0 0 26px #e23b2e73}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#04060cd6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}}.overlay__inner{position:relative;width:100%;max-width:940px;max-height:92vh;overflow:auto;text-align:center;padding:34px 12px 24px}.overlay__close{position:relative;font-family:var(--serif);font-size:40px;line-height:1;background:none;border:none;color:var(--ivory-dim);cursor:pointer;padding:6px 10px}@media (min-width: 950px){.overlay__close{position:absolute;top:0;right:8px}}.overlay__close:hover{color:var(--ivory)}.overlay__kicker{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ivory-dim);margin-bottom:28px}.prints{display:flex;gap:28px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.print{background:#efe9da;padding:10px 10px 14px;transform:rotate(-1.6deg);box-shadow:0 18px 50px #0000008c;max-width:272px}.print:nth-child(2){transform:rotate(1.8deg)}.print:nth-child(3){transform:rotate(-.7deg)}.print img{display:block;width:100%;filter:saturate(.92) contrast(1.02)}.print figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#4a4133;margin-top:10px}.print--empty .print__blank{width:240px;aspect-ratio:1;background:#e2dbc9;border:1px dashed #b6ab90}.print--wide{max-width:430px}.print--solo{max-width:max-content;transform:rotate(-1deg);margin:0 auto}.print--solo img{max-height:64vh;width:auto}.teaser-video{display:block;margin:0 auto;max-height:70vh;max-width:min(92vw,390px);border-radius:6px;background:#000;box-shadow:0 24px 70px #0009}.credit{position:fixed;right:16px;bottom:8px;z-index:21;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#f2ead847;pointer-events:none}@media (max-width: 640px){.hud-top{padding:14px 16px}.hud-id__title{font-size:20px}.hud-bottom{padding:14px 16px}.hint{font-size:15px;bottom:88px}.finale{bottom:84px;padding:20px 22px}.finale__text{font-size:18px}.print{max-width:78vw}.print--empty .print__blank{width:62vw}.credit{display:none}}@media (prefers-reduced-motion: reduce){.hint{animation:none;opacity:.8}.finale,.overlay{animation:none}}