:root{--bg:#14101f;--surface:#1f1933;--surface-2:#2a2243;--border:#3a3157;--text:#f2eef9;--muted:#b3a9cc;--accent:#b98cff;--accent-strong:#8b5cf6;--danger:#ff6b81;--ok:#6ee7a8;--radius:14px;--tap:48px;--maxw:480px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font);color:var(--text);background:radial-gradient(120% 120% at 50% 0%, #241b3d 0%, var(--bg) 60%);min-height:100dvh;font-size:16px;line-height:1.55}#app{min-height:100dvh}h1,h2,p,.poem__line,.type-badge,.stage-url{overflow-wrap:anywhere;word-break:break-word}.screen{max-width:var(--maxw);flex-direction:column;gap:18px;margin:0 auto;padding:32px 20px 48px;display:flex}.title{letter-spacing:-.01em;margin:0;font-size:1.9rem;line-height:1.15}.subtitle{color:var(--muted);margin:0}.muted{color:var(--muted)}.error{color:var(--danger);min-height:1.2em;margin:0}.btn{min-height:var(--tap);border-radius:var(--radius);cursor:pointer;color:var(--text);background:var(--surface-2);border:1px solid #0000;padding:12px 18px;font-family:inherit;font-size:1rem;font-weight:600;transition:transform 50ms,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#160f24;border:none;width:100%}.btn--secondary{background:var(--surface-2);border:1px solid var(--border);width:100%}.btn--danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn--small{border:1px solid var(--border);min-height:44px;color:var(--muted);background:0 0;padding:8px 14px;font-size:.85rem}.btn--round{width:var(--tap);height:var(--tap);min-height:var(--tap);background:var(--surface-2);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;display:inline-flex}.word-input{width:100%;min-height:var(--tap);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-family:inherit;font-size:1.1rem}.word-input:focus{outline:2px solid var(--accent);outline-offset:1px}.word-form{flex-direction:column;gap:12px;display:flex}.screen--entry{text-align:center;justify-content:center;min-height:100dvh}.btn--entry{min-height:64px;font-size:1.15rem}.config__layout{flex-direction:column;gap:16px;display:flex}.config__grid{flex-direction:column;align-items:center;gap:10px;display:flex}.config__grid .mode-pad{width:100%;max-width:360px}.mode-pad{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);touch-action:none;cursor:crosshair;width:100%;position:relative}.mode-pad:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-pad__corner{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;-webkit-user-select:none;user-select:none;padding:8px 10px;font-size:.78rem;font-weight:600;position:absolute}.mode-pad__corner--tl{top:0;left:0}.mode-pad__corner--tr{top:0;right:0}.mode-pad__corner--bl{bottom:0;left:0}.mode-pad__corner--br{bottom:0;right:0}.mode-pad__dot{background:var(--accent);width:22px;height:22px;box-shadow:0 0 12px var(--accent), 0 0 36px 10px #b98cff73;pointer-events:none;border:2px solid #ffffff59;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.config__mix{color:var(--accent);text-align:center;margin:0;font-weight:600}.config__steppers{flex-direction:column;gap:12px;display:flex}.stepper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.stepper__label{font-weight:600}.stepper__controls{align-items:center;gap:14px;display:flex}.stepper__value{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5ch;font-size:1.25rem}.stepper__input{width:4.5ch;height:var(--tap);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:4px 6px;font-family:inherit;font-weight:600}.stepper__input:focus{outline:2px solid var(--accent);outline-offset:1px}.stepper__input[aria-invalid=true]{color:var(--danger);border-color:var(--danger)}.config__total{color:var(--muted);margin:0}.duration{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.duration__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.duration__label{font-weight:600}.duration__value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.15rem}.duration__slider{width:100%;height:var(--tap);accent-color:var(--accent-strong);cursor:pointer}.duration__slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.duration__scale{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.7rem;display:flex}.duration__note{color:var(--muted);margin:0;font-size:.75rem;line-height:1.35}.countdown{color:var(--muted);margin:0;font-size:.95rem}.countdown__value{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.15rem}.countdown--urgent{color:var(--danger)}.countdown--urgent .countdown__value{color:var(--danger);animation:1s ease-in-out infinite countdown-pulse}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.55}}.stage .countdown{font-size:clamp(1rem,2vw,2rem)}.stage .countdown__value{font-size:clamp(1.3rem,2.8vw,2.8rem)}@media (prefers-reduced-motion:reduce){.countdown--urgent .countdown__value{animation:none}}.progress{color:var(--accent);margin:0;font-weight:600}.seat-grid{grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.seat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.seat--filled{border-color:var(--ok)}.seat__type{text-transform:capitalize;font-weight:600}.seat__status{color:var(--muted);flex:1;font-size:.9rem}.seat--filled .seat__status{color:var(--ok)}.seat--open{opacity:.55;border-style:dashed}.seat--held{border-color:var(--danger);opacity:.8;border-style:dashed}.seat--held .seat__status{color:var(--danger)}.seat--open .seat__status{font-style:italic}.seat--just-claimed{animation:1.4s ease-out seat-claim-flash}@keyframes seat-claim-flash{0%{box-shadow:0 0 0 0 var(--accent);border-color:var(--accent)}to{box-shadow:0 0 0 12px #0000}}.seat--just-filled{animation:1.4s ease-out seat-flash}@keyframes seat-flash{0%{box-shadow:0 0 0 0 var(--ok);border-color:var(--ok)}to{box-shadow:0 0 0 12px #0000}}.btn--react{color:var(--accent);border-color:var(--accent)}.ripple{pointer-events:none;z-index:20;justify-content:center;align-items:baseline;gap:6px;animation:.9s ease-out forwards ripple-rise;display:flex;position:fixed;inset:auto 0 12vh}.ripple__heart{color:var(--accent);font-size:2rem}.ripple__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}@keyframes ripple-rise{0%{opacity:0;transform:translateY(14px)scale(.8)}25%{opacity:1}to{opacity:0;transform:translateY(-32px)scale(1.25)}}.clue{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);margin:0;padding:12px 16px}.clue__text{color:var(--accent)}.type-badge{color:var(--accent);text-transform:capitalize;font-style:normal}.type-gloss{color:var(--muted);margin:-4px 0 0;font-size:.85rem;line-height:1.35}.pulse{color:var(--muted);animation:1.6s ease-in-out infinite pulse}.keep-open{color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);margin:0;padding:10px 14px;font-size:.9rem}.keep-open strong{color:var(--text)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.composing__gradient{z-index:-1;pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,#8b5cf659 0%,#8b5cf600 70%);animation:4s ease-in-out infinite breathe;position:fixed;inset:0}@keyframes breathe{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.poem{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;font-size:1.25rem;line-height:1.5}.poem__line{opacity:0;margin:0 0 6px;animation:.55s forwards fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stage .screen{text-align:center;justify-content:center;align-items:center;gap:3vh;max-width:none;min-height:100dvh;padding:4vh 5vw}.stage .title{font-size:clamp(1.9rem,4.5vw,5rem)}.stage .subtitle{max-width:60ch;font-size:clamp(1rem,1.8vw,2rem)}.stage .btn--entry{width:auto;padding:18px 44px;font-size:clamp(1.15rem,2vw,1.8rem)}.stage-qr{border-radius:var(--radius);background:#fff;padding:clamp(10px,1.5vw,24px);line-height:0}.stage-qr canvas{image-rendering:pixelated;height:auto}.stage-qr--big canvas{width:min(52vh,72vw)}.stage-url{font-variant-numeric:tabular-nums;max-width:90vw;margin:0;font-size:clamp(1.2rem,3.2vw,3rem);font-weight:600}.stage-corner{z-index:15;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:20px;right:20px}.stage-qr--corner canvas{width:clamp(88px,11vw,170px)}.stage-url--corner{color:var(--muted);font-size:clamp(.8rem,1.1vw,1.1rem)}.stage-code{font-family:var(--mono);letter-spacing:.18em;text-indent:.18em;color:var(--accent);margin:0;font-size:clamp(1.6rem,3vw,3rem);font-weight:700}.stage .progress{font-size:clamp(1.3rem,2.8vw,2.8rem)}.stage .seat-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(130px,17vw,260px),1fr));gap:1.2vw;width:min(90vw,1600px)}.stage .seat{flex-direction:column;justify-content:center;gap:.6vh;padding:2.4vh 1vw}.stage .seat__type{font-size:clamp(1rem,1.9vw,2rem)}.stage .seat__status{flex:none;font-size:clamp(.85rem,1.3vw,1.3rem)}.stage .stage-waiting{font-size:clamp(1.1rem,2vw,2rem)}.stage .poem{background:0 0;border:none;padding:0;font-size:clamp(1.6rem,6vw,7rem);line-height:1.3}.stage .poem__line{margin:0 0 1.2vh}.stage .poem__mine{text-underline-offset:.18em;text-decoration-thickness:.06em}.stage-ripple{pointer-events:none;z-index:20;align-items:baseline;gap:8px;display:flex;position:fixed;transform:translate(-50%,-50%)}.stage-ripple__ring{border:3px solid var(--accent);border-radius:50%;width:6vw;height:6vw;margin:-3vw 0 0 -3vw;animation:1.1s ease-out forwards ring-expand;position:absolute;top:50%;left:50%}.stage-ripple__heart{color:var(--accent);font-size:clamp(1.6rem,2.6vw,3rem);animation:.9s ease-out forwards ripple-rise}.stage-ripple__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:clamp(1rem,1.6vw,1.8rem);font-weight:600;animation:.9s ease-out forwards ripple-rise}@keyframes ring-expand{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.poem__line{opacity:1;animation:none}.pulse{animation:none}.composing__gradient{opacity:.25;animation:none}.ripple{display:none}.seat--just-claimed,.seat--just-filled{animation:none}.stage-ripple{display:none}}.reveal__actions{flex-direction:column;gap:12px;display:flex}.poem-head,.poem__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.poem__share{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--muted);cursor:pointer;white-space:nowrap;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600}.poem__copy{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--muted);cursor:pointer;white-space:nowrap;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600}.poem__copy:active{transform:translateY(1px)}.poem__copy[data-state=copied]{color:var(--ok);border-color:var(--ok)}.poem__copy[data-state=manual]{color:var(--accent);border-color:var(--accent)}.gallery-link{min-height:var(--tap);color:var(--accent);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.gallery-link:active{color:var(--accent-strong)}.landing__archive{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:6px;padding-top:22px;display:flex}.landing__footer{margin-top:4px;display:flex}.source-link{min-height:var(--tap);color:var(--muted);text-underline-offset:3px;align-items:center;font-size:.9rem;text-decoration:underline;display:inline-flex}.source-link:active{color:var(--accent-strong)}.section-title{color:var(--muted);letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:600}.poem-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.poem-grid>li{display:flex}.poem-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;flex:1;padding:16px;text-decoration:none;display:flex}.poem-card:active{background:var(--surface-2);border-color:var(--accent)}.poem-card__when,.poem-when{color:var(--muted);margin:0 0 6px;font-size:.82rem}.poem-card__preview{white-space:pre-line;overflow-wrap:break-word;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.poem-card__meta{color:var(--muted);margin-top:auto;padding-top:10px;font-size:.8rem;display:block}.gallery__exit,.gallery__up{min-height:var(--tap);color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.gallery__exit:active,.gallery__up:active{color:var(--text)}.poem-when{margin:0}.poem--static .poem__line{opacity:1;animation:none}.poem__mine{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.28em;text-decoration-thickness:2px}.poem-legend{color:var(--muted);margin:0;font-size:.85rem}.poem-nav{align-items:center;gap:12px;display:flex}.poem-nav .btn{flex:1;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.poem-nav__end{text-align:center;color:var(--muted);flex:1;font-size:.85rem}.lobby__section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:16px;display:flex}.lobby__section--private{background:0 0;border-style:dashed}.lobby__heading{margin:0;font-size:1rem;font-weight:600}.lobby__error{border-radius:var(--radius);color:var(--danger);border:1px solid var(--danger);background:#ff6b8114;margin:0;padding:10px 14px}.lobby-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-room{width:100%;min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;font-family:inherit;font-size:1rem;display:flex}.lobby-room:active{transform:translateY(1px)}.lobby-room__code{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);font-size:1.25rem;font-weight:700}.lobby-room__fill{color:var(--muted);font-size:.85rem}.code-entry{align-items:stretch;gap:10px;display:flex}.code-input{min-width:0;min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;flex:1;padding:10px 14px;font-size:1.35rem}.code-input:focus{outline:2px solid var(--accent);outline-offset:2px}.code-input[aria-invalid=true]{border-color:var(--danger)}.code-entry .btn{flex:none;width:auto}.btn--quiet{color:var(--muted);text-underline-offset:4px;background:0 0;border:none;font-weight:500;text-decoration:underline}.choice-group{gap:10px;display:flex}.choice{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;flex-direction:column;flex:1;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.choice--on{border-color:var(--accent);background:#b98cff24}.choice__label{font-weight:600}.choice__hint{color:var(--muted);font-size:.75rem;line-height:1.35}.config__note{color:var(--muted);margin:0;font-size:.85rem}.invite{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.invite--private{border-style:dashed;border-color:var(--accent)}.invite__qr{background:#fff;border-radius:10px;padding:8px;line-height:0}.invite__qr canvas{image-rendering:pixelated;width:min(180px,46vw);height:auto}.invite__label{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.invite__code{font-family:var(--mono);letter-spacing:.2em;text-indent:.2em;color:var(--accent);margin:0;font-size:2.4rem;font-weight:700;line-height:1.1}.invite__action[data-state=copied]{color:var(--ok);border-color:var(--ok)}.banner{z-index:10;text-align:center;background:var(--danger);color:#1a0a10;padding:10px 16px;font-weight:600;position:sticky;top:0}div.image-holder{z-index:5;width:40px;height:40px;position:absolute;top:0;right:0}div.image-holder img{opacity:.5;max-width:100%;position:absolute;top:0;right:0}div.image-holder:hover img{opacity:1;transition:opacity .5s ease-in-out}@media screen and (device-width<=825px){div.image-holder{width:30px;height:30px}}