:root{color-scheme:dark;--ink:#e4dbc9;--shade:#1f1711cc;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--ink);background:#241a13;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#banner{top:calc(.9rem + env(safe-area-inset-top));background:var(--shade);backdrop-filter:blur(8px)saturate(.7);letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:999px;padding:.45rem .95rem;font-size:.9rem;position:fixed;left:50%;transform:translate(-50%)}#banner[hidden]{display:none}#banner.said{animation:.45s ease-out said}@keyframes said{0%{opacity:0}to{opacity:1}}#card{left:50%;bottom:calc(.9rem + env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-y;background:var(--shade);backdrop-filter:blur(8px)saturate(.7);z-index:5;border-radius:.9rem;align-items:safe center;gap:.7rem;width:min(26rem,100% - 1.8rem);max-height:28vh;padding:.6rem .8rem;line-height:1.3;display:flex;position:fixed;overflow-y:auto;transform:translate(-50%)}#card[hidden]{display:none}#card img{flex:none;width:56px;height:56px;display:block}#card>div{min-width:0}#card b{letter-spacing:.03em;font-size:.95rem;display:block}#card p{opacity:.88;font-size:.85rem}#card small{opacity:.72;margin-top:.2rem;font-size:.78rem;display:block}#card small.for,#card small.holds{opacity:.95}#card small.line i{color:#ffd27a;font-style:normal}#card small.on{opacity:.95}#card small.on:before{content:"● ";color:#ffd27a}#card small.off:before{content:"○ "}#card summary{opacity:.8;cursor:pointer;margin-top:.2rem;font-size:.78rem}#card details p{margin-top:.2rem;font-size:.8rem}#card ul{margin-top:.3rem;font-size:.72rem;list-style:none}#card li{opacity:.6}#card li b{font-size:inherit;display:inline}#card li b:before{content:"○ "}#card li.hers{opacity:1}#card li.hers b:before{content:"● ";color:#ffd27a}#card ol.firsts,#card ol.shows{opacity:.9;margin-top:.2rem;font-size:.8rem;list-style:none}#card ol.firsts li,#card ol.shows li{opacity:1}#card ol.shows:empty,#card ol.lists:empty{display:none}#card ol.lists{margin-top:.2rem;font-size:.8rem;list-style:none}#card ol.lists li{opacity:1}#card ol.lists i{opacity:.6;font-style:normal}#card ol.shows li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#card ol.shows span{font-variant-numeric:tabular-nums;color:#ffd27a}#card ol.shows small{font-size:inherit;opacity:.6;margin:0;display:inline}#card dl{grid-template-columns:auto 1fr auto 1fr;gap:.05rem .4rem;margin-top:.3rem;font-size:.78rem;display:grid}#card dt{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}#card dd{opacity:.8}#card.said{animation:.3s ease-out said}#counts{top:calc(.9rem + env(safe-area-inset-top));right:calc(.9rem + env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:fixed}#counts[hidden]{display:none}#counts .count{pointer-events:auto;cursor:pointer}.count{background:var(--shade);backdrop-filter:blur(8px)saturate(.7);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.85rem;line-height:1;display:flex}.count img,.count svg{width:22px;height:22px;display:block}.count b{font-variant-numeric:tabular-nums;font-weight:600;display:inline-block}.count.new{animation:.45s ease-out said}#counts .count.new{animation:1.4s ease-out lift}#counts .count.lifted{animation:1.4s ease-out lifted}@keyframes lifted{18%{transform:translateY(-.45rem)scale(1.18);box-shadow:0 0 0 2px #f0be78d9,0 0 18px #f0aa5a99}60%{transform:translateY(-.3rem)scale(1.12);box-shadow:0 0 0 2px #f0be7899,0 0 14px #f0aa5a66}to{box-shadow:none;transform:none}}@keyframes lift{0%{opacity:0;transform:translateY(.5rem)}18%{opacity:1;transform:translateY(-.45rem)scale(1.18);box-shadow:0 0 0 2px #f0be78d9,0 0 18px #f0aa5a99}60%{transform:translateY(-.3rem)scale(1.12);box-shadow:0 0 0 2px #f0be7899,0 0 14px #f0aa5a66}to{box-shadow:none;transform:none}}.count b.up{animation:.35s ease-out up}@keyframes up{40%{transform:scale(1.35)}to{transform:scale(1)}}#tray{left:50%;bottom:calc(.9rem + env(safe-area-inset-bottom));background:var(--shade);backdrop-filter:blur(8px)saturate(.7);touch-action:none;user-select:none;z-index:5;border-radius:.9rem;gap:.6rem;width:min(26rem,100% - 1.8rem);padding:.6rem;display:grid;position:fixed;transform:translate(-50%)}#tray[hidden]{display:none}#tray ol,#tray ul{justify-content:center;gap:.3rem;list-style:none;display:flex}#tray ul{flex-wrap:wrap}#tray li{align-content:start;justify-items:center;gap:.2rem;display:grid}#tray .cut,.ghost{aspect-ratio:1;color:#1a120c;background:#ead9b0;border-radius:.5rem;place-items:center;padding:.3rem;display:grid}#tray .cut{width:100%}#tray svg,.ghost svg{width:100%;height:100%;display:block}#tray li span{text-align:center;overflow-wrap:anywhere;width:100%;font-size:.7rem;line-height:1.1}#tray .slot{width:4.4rem}#tray .slot .cut{box-shadow:inset 0 0 0 2px #caa044b3}#tray .slot{position:relative}#tray .faces{pointer-events:none;gap:.1rem;display:flex;position:absolute;top:-.75rem;right:-.4rem}#tray .face{background:#1a120c;border-radius:50%;width:1.4rem;height:1.4rem;box-shadow:0 0 0 1.5px #1a120c}#tray .puppet,#tray .slide,#tray .cel{cursor:grab;flex:2.75rem;max-width:4rem}#tray .puppet .cut,#tray .slide .cut,#tray .cel .cut{opacity:.9}#tray .puppet.picked .cut,#tray .slide.picked .cut,#tray .cel.picked .cut{opacity:1;box-shadow:0 0 0 3px #ffd27a}#tray .reel .slot{flex:1 1 0;width:auto;min-width:0;max-width:4.4rem}#tray .frames{flex-wrap:wrap}#tray .frames .slot{flex:0 0 calc(16.6667% - .25rem);width:auto;min-width:0}#tray .frames small{color:#1a120c;opacity:.7;pointer-events:none;font-size:.65rem;position:absolute;top:.2rem;left:.35rem}#tray .frames .cut b,#tray .cel .cut b,.ghost b{font-size:1.3rem}#tray .cut.soft b{filter:blur(1.5px)}#tray .cut.grey{background:#8f8a82}#tray .cut.grey b{opacity:.2}#tray .subject{cursor:pointer;flex:2.75rem;max-width:4rem}#tray .subject .cut{opacity:.75}#tray .subject.chosen .cut{opacity:1;box-shadow:0 0 0 3px #ffd27a}#tray .cycles{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}#tray .cycle{cursor:pointer;opacity:.75;background:#ffffff14;border-radius:.4rem;padding:.35rem .6rem}#tray .cycle.chosen{opacity:1;box-shadow:0 0 0 3px #ffd27a}#tray .cycle b{margin-left:.4rem}.ghost{pointer-events:none;z-index:6;opacity:.85;width:4.4rem;position:fixed;top:0;left:0}#tray.said{animation:.3s ease-out said}@media (prefers-reduced-motion:reduce){#tray.said,#banner.said,#card.said,.count.new,.tag.new,#counts .count.new,#counts .count.lifted,.count b.up{animation:none}}.sign{pointer-events:none;background:linear-gradient(90deg, #caa0448c var(--full,0%), var(--shade) var(--full,0%));margin:0;position:fixed;top:0;left:0}.sign[hidden]{display:none}.sign i{opacity:.6;font-style:normal}.sign .way{opacity:.85;display:inline-block}.sign .way[hidden]{display:none}.sign.lit{color:#241a13;background:#caa044;box-shadow:0 0 14px #caa044b3}.sign.lit i{opacity:.75}.tag{pointer-events:none;white-space:nowrap;background:linear-gradient(90deg, #caa0448c var(--full,0%), var(--shade) var(--full,0%));margin:0;position:fixed;top:0;left:0}.tag[hidden]{display:none}.tag img,.tag svg{width:28px;height:28px}.tag i{opacity:.7;margin:0 .15rem;font-style:normal}.tag span{opacity:.85}.tag.short span:not(:last-child),.tag.bare span{display:none}.tag.lit{color:#241a13;background:#caa044;box-shadow:0 0 14px #caa044b3}.toward{pointer-events:none;color:#e4dbc9;text-shadow:0 0 8px #000c;font-size:30px;font-style:normal;line-height:1;animation:1.2s ease-in-out infinite toward;position:fixed;top:0;left:0}.toward[hidden]{display:none}@keyframes toward{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.toward{animation:none}}.token{pointer-events:none;filter:drop-shadow(0 1px 2px #0009);position:fixed;top:0;left:0}.token[hidden]{display:none}.token svg{display:block}.token path{stroke-width:2.4px}.count span{opacity:.72;letter-spacing:.03em}.count span[hidden]{display:none}#design-link{right:calc(.6rem + env(safe-area-inset-right));bottom:calc(.5rem + env(safe-area-inset-bottom));background:var(--shade);color:var(--ink);letter-spacing:.04em;opacity:.7;z-index:4;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;text-decoration:none;position:fixed}#design-link:hover{opacity:1}.stick{pointer-events:none;z-index:3;border:2px solid #e4dbc942;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:fixed;top:0;left:0}.stick-nub{background:#e4dbc952;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}