*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:root{--ground: #0d0d0d;--well: #070707;--line: #2b2b2b;--line-up: #414141;--ink: #f6f6f6;--ink-soft: #9b9b9b;--ink-faint:#666666;--accent: #f5c518;--r: 10px;--r-box: 16px;--pad: clamp(20px, 4.4vw, 88px);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html{-webkit-text-size-adjust:100%;background:var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mast{min-height:clamp(360px,62vh,720px);padding:clamp(30px,4vw,56px) var(--pad) clamp(30px,4vw,60px);display:flex;flex-direction:column;justify-content:flex-end}.mast__word{margin:0;font-size:clamp(52px,11vw,180px);font-weight:800;letter-spacing:-.045em;line-height:.88}.mast__row{margin-top:clamp(22px,2.6vw,38px);display:flex;align-items:center;gap:clamp(12px,1.4vw,20px)}.mast__row{margin-top:clamp(22px,2.6vw,38px);display:flex;align-items:flex-start;gap:clamp(16px,1.8vw,28px)}.mast__blurb{margin:0;max-width:62ch;font-size:clamp(14px,1.1vw,16.5px);line-height:1.55;color:var(--ink-soft)}.mast__blurb a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-up)}.mast__blurb a:hover{text-decoration-color:var(--accent)}.mast__logo{display:block;flex:none;width:clamp(72px,8vw,112px);border:1px solid var(--line);border-radius:16px;overflow:hidden;line-height:0}.mast__logo img{display:block;width:100%;height:auto}.mast__logo:hover{border-color:var(--ink-soft)}.mast__logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{padding:0 var(--pad)}.block{padding:clamp(56px,7vw,116px) 0 0}.block--mid{padding-left:var(--pad);padding-right:var(--pad)}.block__title{margin:0 0 clamp(20px,2.4vw,36px);font-size:clamp(25px,3vw,46px);font-weight:700;letter-spacing:-.022em;line-height:1.04}.composer{background:var(--well);border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}.composer:focus-within{border-color:var(--accent)}.area{display:block;width:100%;padding:clamp(18px,1.8vw,30px);border:0;background:transparent;color:var(--ink);font:inherit;font-size:clamp(19px,1.5vw,25px);line-height:1.55;resize:vertical;min-height:clamp(220px,36vh,460px)}.area:focus{outline:none}.area::placeholder{color:#3d3d3d}.composer__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(14px,1.4vw,22px);border-top:1px solid var(--line)}.note{margin:clamp(16px,1.8vw,26px) 0 0;font-size:15px;line-height:1.45;color:var(--ink-soft)}.count{margin:0;font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.drop{background:var(--well);border:1px dashed var(--line-up);border-radius:var(--r-box);padding:clamp(32px,4vw,64px);min-height:clamp(240px,36vh,460px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.drop__big{margin:0;font-size:clamp(19px,1.9vw,28px);font-weight:700;color:var(--ink-soft);letter-spacing:-.01em}.drop__note{margin:0;font-size:13px;color:var(--ink-faint)}.thumbs{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.thumbs:empty{margin:0}.thumb{position:relative;width:76px;height:76px;border:1px solid var(--line-up);border-radius:8px;overflow:hidden;background:var(--well)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb__x{position:absolute;top:3px;right:3px;width:20px;height:20px;border:0;padding:0;border-radius:999px;background:var(--ink);color:#000;font-size:12px;font-weight:700;line-height:20px;cursor:pointer}.thumb__size{position:absolute;left:0;bottom:0;right:0;background:#000000c7;font-size:9px;text-align:center;color:var(--ink-soft);font-variant-numeric:tabular-nums}.btn,.tool{appearance:none;border:1px solid #303030;background:#171717;color:var(--ink-soft);font:inherit;font-size:13.5px;font-weight:500;letter-spacing:0;text-transform:none;padding:9px 16px;border-radius:var(--r);cursor:pointer}.btn:hover,.tool:hover{background:#202020;border-color:#454545;color:var(--ink)}.btn:focus-visible,.tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled,.tool:disabled{background:#121212;border-color:#232323;color:#4d4d4d;cursor:default}.btn:disabled:hover,.tool:disabled:hover{background:#121212;border-color:#232323;color:#4d4d4d}.btn--go{background:var(--ink);border-color:var(--ink);color:#000;font-weight:600;font-size:15px;padding:14px 38px}.btn--go:hover{background:#fff;border-color:#fff;color:#000}.go{margin-top:clamp(20px,2.2vw,32px);display:flex;align-items:center;gap:18px;flex-wrap:wrap}.status{margin:0;font-size:13px;color:var(--ink-soft)}.status.is-bad{color:var(--accent);font-weight:500}.who{margin-top:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.who--stack{gap:16px}.who__head{display:flex;align-items:center;gap:10px}.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.switch__input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:48px;height:27px;border:1px solid var(--line-up);border-radius:999px;background:var(--well);flex:none;transition:background .12s linear,border-color .12s linear}.switch__thumb{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:999px;background:var(--ink-soft);transition:transform .12s linear,background .12s linear}.switch__input:checked+.switch__track{background:var(--ink);border-color:var(--ink)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(21px);background:#000}.switch__input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:3px}.switch__word{font-size:14px;color:var(--ink)}.who__field{width:min(420px,100%);padding:12px 15px;border:1px solid var(--line-up);border-radius:var(--r);background:var(--well);color:var(--ink);font:inherit;font-size:15px}.who__field:focus{outline:none;border-color:var(--accent)}.who__field::placeholder{color:#575757}.who__field.is-bad{border-color:var(--accent)}.tip{position:relative;display:inline-flex;flex:none}.tip__mark{width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-up);border-radius:999px;background:transparent;color:var(--ink-soft);font:inherit;font-size:11px;line-height:1;cursor:help}.tip__mark:hover,.tip__mark:focus-visible{background:var(--accent);border-color:var(--accent);color:#000;outline:none}.tip__bubble{position:absolute;right:-8px;left:auto;bottom:calc(100% + 10px);width:max-content;max-width:min(250px,calc(100vw - 40px));padding:11px 13px;background:#000;border:1px solid var(--line-up);border-radius:10px;color:var(--ink);font-size:12.5px;line-height:1.42;opacity:0;visibility:hidden;pointer-events:none;z-index:5}.tip:hover .tip__bubble,.tip__mark:focus-visible+.tip__bubble{opacity:1;visibility:visible}.studio .block__title{text-align:center}.studio{--h: clamp(400px, 70vh, 860px);--arw: 1200;--arh: 1600;width:min(100%,calc(var(--h) * var(--arw) / var(--arh)));margin:0 auto}.stage{position:relative;width:100%;aspect-ratio:var(--arw) / var(--arh);background:var(--well);border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden;touch-action:none;cursor:crosshair}.stage__doc{position:absolute;top:0;left:0;transform-origin:0 0;background:#fff}.stage__doc canvas{position:absolute;top:0;left:0;display:block}#wet{pointer-events:none}.bar{margin-top:14px;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}.grp{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.seg{position:relative;display:inline-flex;align-items:center;padding:3px;border-radius:13px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);isolation:isolate}.seg__thumb{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:0;border-radius:10px;background:linear-gradient(180deg,#fdfdfd,#e6e6e6);box-shadow:0 1px 2px #00000073,inset 0 1px #ffffffe6;z-index:-1;transition:transform .34s cubic-bezier(.32,.72,0,1),width .34s cubic-bezier(.32,.72,0,1)}.seg.is-cold .seg__thumb{transition:none}.seg__btn{appearance:none;position:relative;border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:color .2s ease}.seg__btn:hover{color:var(--ink)}.seg__btn.is-on{color:#0d0d0d;font-weight:600}.seg__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acts{display:inline-flex;align-items:center;border-radius:13px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);overflow:hidden}.act{appearance:none;border:0;border-left:1px solid rgba(255,255,255,.075);background:transparent;color:var(--ink-soft);font:inherit;font-size:13.5px;font-weight:500;padding:10px 15px;cursor:pointer;white-space:nowrap}.act:first-child{border-left:0}.act:hover{background:#ffffff12;color:var(--ink)}.act:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.act:disabled{background:transparent;color:#4d4d4d;cursor:default}.act:disabled:hover{background:transparent;color:#4d4d4d}.nums{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.num{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 12px;border-radius:13px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5)}.num__name{font-size:13px;color:var(--ink-soft)}.num input{width:54px;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#00000059;color:var(--ink);font:inherit;font-size:13.5px;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield}.num input::-webkit-outer-spin-button,.num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num input:focus{outline:none;border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.seg__thumb,.seg__btn{transition:none}}.swatch{position:relative;display:block;width:36px;height:36px;flex:none;cursor:pointer}.swatch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.swatch__chip{display:block;width:100%;height:100%;border:1px solid var(--line-up);border-radius:8px;background:#000}.hex{width:100px;padding:9px 11px;border:1px solid #303030;border-radius:var(--r);background:#171717;color:var(--ink);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;text-transform:lowercase}.hex:focus{outline:none;border-color:var(--accent)}.cast{list-style:none;margin:clamp(20px,2.4vw,34px) 0 0;padding:0;display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(6px,.9vw,16px)}.cast__cell{perspective:1000px;min-width:0}.cast__flip,.cast__face,.cast__row{min-width:0}.cast__flip{position:relative;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.32,.72,0,1)}.cast__cell.is-flipped .cast__flip{transform:rotateY(180deg)}.cast__face{display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(8px,1vw,16px) 6px clamp(8px,.9vw,13px);border-radius:var(--r-box);background:#ffffff07;border:1px solid rgba(255,255,255,.055);-webkit-backface-visibility:hidden;backface-visibility:hidden}.cast__face--back{position:absolute;inset:0;transform:rotateY(180deg);justify-content:center;overflow:hidden;background:#ffffff05}.cast__img{width:100%;aspect-ratio:1 / 1;height:auto;max-height:168px;object-fit:contain;display:block;transition:opacity .18s ease}.cast__img.is-swapping{opacity:.45}.cast__n{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.cast__row{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}.cast__row .cast__btn{margin-top:0}.cast__dl{display:block;width:100%;padding:7px 8px;border:1px solid #34a85a;border-radius:8px;background:#34a85a;color:#06210f;font-size:11.5px;font-weight:600;text-align:center;text-decoration:none;white-space:nowrap}.cast__dl:hover{background:#3fbf69;border-color:#3fbf69}.cast__dl:focus-visible{outline:2px solid #4ade80;outline-offset:2px}.cast__btn{appearance:none;width:100%;margin-top:auto;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0d;color:var(--ink-soft);font:inherit;font-size:12px;font-weight:500;padding:6px 8px;cursor:pointer}.cast__btn:hover{background:#ffffff1a;color:var(--ink)}.cast__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cast__web{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover}.cast__none{position:relative;margin:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.35;color:var(--ink-soft);text-align:center;text-shadow:0 1px 6px #0d0d0d,0 0 14px #0d0d0d,0 0 22px #0d0d0d}.cast__soon{display:block;font-size:11px;color:var(--ink-faint)}.who--inline{margin-top:16px}.credit{margin:14px 0 0;font-size:14px;color:var(--ink-soft);opacity:.62}.credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.credit a:hover{color:var(--ink);opacity:1}@media(max-width:900px){.cast{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.cast{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.cast__img,.cast__flip{transition:none}}.play{margin-top:clamp(72px,9vw,148px)}.tape{height:clamp(66px,7vw,112px);width:100%;background-image:repeating-linear-gradient(45deg,#0d0d0d 0 32px,var(--accent) 32px 64px);background-size:90.5097px 90.5097px;animation:tape 3.4s linear infinite}@keyframes tape{to{background-position:90.5097px 0}}.soon{padding:0 var(--pad) clamp(64px,8vw,120px)}.soon__note{margin:clamp(40px,5vw,76px) 0 0;color:var(--ink);font-size:clamp(19px,2.2vw,32px);font-weight:700;letter-spacing:-.018em}@media(prefers-reduced-motion:reduce){.tape{animation:none}.switch__track,.switch__thumb{transition:none}}@media(max-width:700px){.nums{width:100%}.num{flex:1;justify-content:space-between}.seg,.acts{width:100%}.seg__btn,.act{flex:1;text-align:center}.grp--push{margin-left:0}.btn--go{width:100%;text-align:center}.who__field{width:100%}}
