.tc-player{--tc-paper:#f2f1ec;--tc-paper2:#e8e6df;--tc-light:#fcfbf7;--tc-ink:#1d1c1a;--tc-ink-soft:#5e5a53;--tc-clay:#d8764c;--tc-clay-deep:#b25631;--tc-navy:#182a42;--tc-shade:#d9d6ce;--tc-sand:#eae3d2;--tc-metal:#4a4741;--tc-hand:var(--tc-font-hand,"Gaegu", "Comic Sans MS", "Chalkboard SE", cursive);--tc-body:var(--tc-font-body,"Atkinson Hyperlegible", system-ui, sans-serif);--tc-r-card:18px 12px 20px 11px;--tc-r-frame:10px 7px 11px 6px;--tc-r-pill:30px 26px 28px 24px / 28px 30px 26px 30px;--tc-r-ring:52% 46% 50% 44% / 46% 52% 44% 50%;--tc-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .075 0 0 0 0 .07 0 0 0 .55 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--tc-top:72px;--tc-side:24px;--tc-above:74px;--tc-floor:50px;background:var(--tc-grain), var(--tc-paper);width:100%;height:100%;color:var(--tc-ink);font-family:var(--tc-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;grid-template-rows:auto minmax(0,1fr);font-size:17px;line-height:1.4;display:grid;position:relative;overflow:hidden}.tc-player.is-playing{touch-action:none}.tc-player *,.tc-player :before,.tc-player :after{box-sizing:border-box}.tc-player h2,.tc-player p{margin:0}.tc-player button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.tc-player button:focus-visible{outline:3px solid var(--tc-navy);outline-offset:3px}.tc-defs{width:0;height:0;position:absolute;overflow:hidden}.tc-dot{font-family:var(--tc-body);font-weight:400}.tc-top{min-height:var(--tc-top);padding:10px var(--tc-side);align-items:center;gap:16px;display:flex}.tc-player .tc-close{width:48px;height:48px;color:var(--tc-ink);background:var(--tc-grain), var(--tc-light);border:2.5px solid var(--tc-ink);border-radius:var(--tc-r-ring);flex:none;place-items:center;transition:transform .12s;display:grid}.tc-close svg{width:22px;height:22px}.tc-title{flex-wrap:wrap;align-items:baseline;column-gap:14px;min-width:0;display:flex}.tc-title h2{font:700 32px/1 var(--tc-hand);letter-spacing:-.012em;word-spacing:-.06em}.tc-title span{color:var(--tc-ink-soft);font-size:15px}.tc-main{min-height:0;padding:0 var(--tc-side);place-items:end center;display:grid;position:relative;container-type:size}.tc-theatre{width:min(100cqw, calc((100cqh - 10px - var(--tc-above) - var(--tc-floor)) * 16 / 9))}.tc-theatre.is-away{visibility:hidden}.tc-stage{aspect-ratio:16/9;border-radius:var(--tc-r-frame);position:relative;box-shadow:6px 7px #1d1c1a0f}.tc-stage:after{content:"";z-index:7;border:2px solid var(--tc-ink);border-radius:inherit;filter:url(#tc-wob);pointer-events:none;position:absolute;inset:0}.tc-show{border-radius:inherit;background:var(--tc-paper);font-size:clamp(12px,1.12cqw,20px);position:absolute;inset:0;overflow:hidden;container-type:size}.tc-lesson{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.tc-bar{isolation:isolate;height:calc(10px + var(--tc-above) + var(--tc-floor));padding:10px 2px var(--tc-floor);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"where controls""timeline controls";align-content:end;align-items:end;column-gap:32px;display:grid;position:relative}.tc-bar:before{content:"";z-index:-1;height:var(--tc-floor);background:var(--tc-grain), var(--tc-sand);position:absolute;bottom:0;left:-100vw;right:-100vw}.tc-bar:after{content:"";z-index:-1;left:-100vw;right:-100vw;bottom:calc(var(--tc-floor) - 1px);border-top:2px solid var(--tc-ink);filter:url(#tc-wob-line);position:absolute}.tc-where{white-space:nowrap;text-overflow:ellipsis;grid-area:where;min-width:0;overflow:hidden}.tc-where-part{margin-right:12px;font-size:15px;font-weight:700}.tc-where-part b{font:700 25px/1 var(--tc-hand)}.tc-where-step{color:var(--tc-ink-soft);font-size:15px}.tc-timeline{grid-area:timeline;align-items:center;gap:6px;padding-bottom:6px;display:flex}.tc-part{flex:1 1 0;align-items:center;min-width:10px;height:30px;display:flex;position:relative}.tc-player .tc-part:disabled{cursor:default}.tc-track{border:2px solid var(--tc-ink);background:var(--tc-light);filter:url(#tc-wob-s);border-radius:7px 4px 6px;flex:1;height:17px;transition:height .12s;display:flex;overflow:hidden}.tc-track i{border-left:1.5px solid #1d1c1a66;flex:1}.tc-track i:first-child{border-left:0}.tc-track i.is-done{background:var(--tc-navy);border-left-color:#fcfbf7b8}.tc-track i.is-now{background:var(--tc-clay);border-left-color:var(--tc-ink);border-right:1.5px solid var(--tc-ink)}.tc-part.is-planned .tc-track{border-style:dashed;border-color:var(--tc-ink-soft);background:0 0}.tc-part.is-planned .tc-track i{border-left-color:#0000}.tc-tip{z-index:3;border:2px solid var(--tc-ink);border-radius:var(--tc-r-frame);background:var(--tc-light);white-space:nowrap;opacity:0;pointer-events:none;padding:3px 10px 4px;font-size:14px;font-weight:700;transition:opacity .12s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.tc-part:first-child .tc-tip{left:0;transform:none}.tc-part:last-child .tc-tip{left:auto;right:0;transform:none}.tc-controls{grid-area:controls;align-items:flex-end;gap:6px;padding-bottom:6px;display:flex}.tc-btn{justify-items:center;min-width:58px;display:grid;position:relative}.tc-ic{background:var(--tc-grain), var(--tc-light);border:2px solid var(--tc-ink);border-radius:var(--tc-r-ring);place-items:center;width:48px;height:48px;transition:transform .12s;display:grid}.tc-ic svg{width:24px;height:24px}.tc-lb{color:var(--tc-ink-soft);white-space:nowrap;font-size:13px;line-height:1.1;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)}.tc-next{min-width:82px}.tc-next .tc-ic{background:var(--tc-clay);border-radius:var(--tc-r-pill);border-width:2.5px;width:78px;height:50px;box-shadow:2px 3px #1d1c1a33}.tc-next .tc-ic svg{width:28px;height:28px}.tc-next .tc-lb{color:var(--tc-ink);font-weight:700}.tc-player .tc-btn:disabled{cursor:default}.tc-btn:disabled .tc-ic,.tc-btn:disabled .tc-lb{opacity:.32}.tc-gap{border-left:1.5px dashed #1d1c1a59;width:1px;height:40px;margin:0 8px 4px}.tc-player .tc-btn:focus-visible{outline:none}.tc-btn:focus-visible .tc-ic{outline:3px solid var(--tc-navy);outline-offset:3px}@media (hover:hover){.tc-btn:hover:not(:disabled) .tc-ic{transform:translateY(-2px)}.tc-close:hover{transform:rotate(-6deg)}.tc-part:hover:not(:disabled) .tc-track{height:21px}.tc-part:hover .tc-tip{opacity:1}}.tc-cover,.tc-coming{z-index:6;background:var(--tc-grain), var(--tc-paper);place-items:center;display:grid;position:absolute;inset:0}.tc-cover-card,.tc-ask-card{background:var(--tc-grain), var(--tc-light);border-radius:var(--tc-r-card);position:relative;box-shadow:7px 9px #1d1c1a1a}.tc-cover-card:after,.tc-ask-card:after{content:"";border:2.5px solid var(--tc-ink);border-radius:inherit;filter:url(#tc-wob);pointer-events:none;position:absolute;inset:0}.tc-cover-card{text-align:center;justify-items:center;gap:.45em;width:min(78%,820px);padding:4cqh 4cqw;display:grid}.tc-cover-title,.tc-coming-title{font:700 3.4em/.95 var(--tc-hand);letter-spacing:-.012em;word-spacing:-.06em;text-wrap:balance}.tc-coming-title{font-size:2.5em}.tc-cover-blurb{text-wrap:balance;max-width:30em;font-size:1.3em;line-height:1.3}.tc-cover-meta{color:var(--tc-ink-soft);font-size:1em}.tc-cover-note{font-size:1.05em;font-weight:700}.tc-player .tc-cover-play{background:var(--tc-clay);border:2.5px solid var(--tc-ink);border-radius:var(--tc-r-pill);min-height:48px;font:700 2.2em/1 var(--tc-hand);align-items:center;gap:.32em;margin-top:.5em;padding:0 1.2em .12em .9em;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:3px 4px #1d1c1a33}.tc-cover-play svg{width:.55em;height:.62em;margin-top:.12em}.tc-player .tc-pill{background:var(--tc-clay);border:2.5px solid var(--tc-ink);border-radius:var(--tc-r-pill);min-height:44px;font:700 1.6em/1 var(--tc-hand);margin-top:.6em;padding:.15em 1.2em .3em;box-shadow:2px 3px #1d1c1a33}.tc-player .tc-pill.is-quiet{background:var(--tc-light)}@media (hover:hover){.tc-player .tc-cover-play:hover{transform:translate(-1px,-2px);box-shadow:5px 7px #1d1c1a33}.tc-player .tc-pill:hover{transform:translateY(-1px)}}.tc-ask{z-index:8;background:#1d1c1a52;place-items:center;display:grid;position:absolute;inset:0}.tc-ask-card{text-align:center;width:min(80%,540px);padding:1.4em 1.6em 1.3em;font-size:1.15em}.tc-ask-buttons{justify-content:center;gap:.8em;margin-top:.4em;display:flex}.tc-turn{z-index:15;text-align:center;background:var(--tc-grain), var(--tc-paper);flex-direction:column;justify-content:center;align-items:center;padding-bottom:40px;display:flex;position:absolute;inset:0}.tc-turn-scene{width:min(100% - 48px,300px)}.tc-turn-scene svg{width:100%;height:auto;margin-bottom:-3px;display:block;overflow:visible}.tc-turn-floor{background:var(--tc-grain), var(--tc-sand);align-self:stretch;gap:8px;padding:24px 24px 28px;display:grid;position:relative}.tc-turn-floor:before{content:"";border-top:2px solid var(--tc-ink);filter:url(#tc-wob-line);position:absolute;top:-1px;left:0;right:0}.tc-turn h2{font:700 38px/1 var(--tc-hand);letter-spacing:-.012em;word-spacing:-.06em}.tc-turn p{color:var(--tc-ink-soft);font-size:17px}.tc-turn.is-tablet .tc-turn-scene{width:min(100% - 96px,460px)}.tc-turn.is-tablet .tc-turn-floor{padding:36px 48px 44px}.tc-turn.is-tablet h2{font-size:52px}.tc-turn.is-tablet p{font-size:21px}.tc-tp,.tc-tf{transform-box:view-box;transform-origin:150px 126px}.tc-tp{transform:translateY(30px)rotate(90deg)}.tc-tf{transform:rotate(-90deg)}.tc-th{transform:translate(234px,104px)}@media (prefers-reduced-motion:no-preference){.tc-tp{animation:3.6s ease-in-out infinite tc-turn-phone}.tc-tf{animation:3.6s ease-in-out infinite tc-turn-face}.tc-th{animation:3.6s ease-in-out infinite tc-turn-hand}}@keyframes tc-turn-phone{0%,24%{transform:none}40%{transform:translateY(-9px)rotate(45deg)}56%,84%{transform:translateY(30px)rotate(90deg)}to{transform:none}}@keyframes tc-turn-face{0%,24%{transform:none}56%,84%{transform:rotate(-90deg)}to{transform:none}}@keyframes tc-turn-hand{0%{opacity:0;transform:translate(170px,20px)}12%{opacity:1;transform:translate(104px,54px)}24%{transform:translate(104px,54px)}40%{transform:translate(166px,36px)}56%{transform:translate(222px,110px)}66%,80%{opacity:1;transform:translate(234px,104px)}90%,to{opacity:0;transform:translate(234px,104px)}}@media (orientation:portrait) and (max-width:599px){.tc-top{padding:10px 16px}.tc-title h2{font-size:27px}}@media (max-width:899px) and (min-height:501px){.tc-player{--tc-above:150px}.tc-bar{grid-template-columns:minmax(0,1fr);grid-template-areas:"where""timeline""controls";row-gap:4px}.tc-controls{flex-wrap:wrap;justify-content:center}}@media (orientation:landscape) and (max-height:500px){.tc-player{grid-template-rows:minmax(0,1fr)}.tc-top{z-index:20;top:8px;left:max(10px, env(safe-area-inset-left));min-height:0;padding:0;position:absolute}.tc-player .tc-close{width:44px;height:44px}.tc-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tc-main{place-items:center;padding:0}.tc-theatre{width:min(100cqw,177.778cqh);position:relative}.tc-stage{box-shadow:none;border-radius:0}.tc-stage:after{top:-3px;bottom:-3px}.tc-bar{z-index:9;background:linear-gradient(#f2f1ec00 0%,#f2f1ecf0 34%);align-items:center;gap:8px;height:auto;padding:2px 6px 2px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.tc-bar:empty,.tc-bar:before,.tc-bar:after{display:none}.tc-where{flex:none;line-height:1.15;display:grid}.tc-where-part{margin:0;font-size:13px}.tc-where-part b,.tc-where-part .tc-dot{display:none}.tc-where-step{font-size:12px}.tc-timeline{flex:auto;gap:4px;min-width:70px;padding:0}.tc-part{height:44px}.tc-track{height:13px}.tc-controls{flex:none;align-items:center;gap:0;padding:0}.tc-btn{min-width:44px}.tc-lb{display:none}.tc-ic{background:0 0;border:0;width:44px;height:44px}.tc-next{min-width:54px}.tc-next .tc-ic{background:var(--tc-clay);border:2px solid var(--tc-ink);width:52px;height:40px;box-shadow:none}.tc-gap{height:24px;margin:0 4px}}@media (prefers-reduced-motion:reduce){.tc-player *,.tc-player :before,.tc-player :after{transition:none!important;animation:none!important}}
