.character-sprite[data-face=serious]{background-image:url('../assets/xiaojiu-serious.webp?v=0.14.2');background-size:cover;background-position:center}
#titleCharacter{background-position:var(--sprite-x,0%) var(--sprite-y,0%);padding:0;background-color:transparent;border:0;pointer-events:auto;transition:none}#titleCharacter[data-face=serious]{background-position:center;background-size:cover}.title-bubble{pointer-events:none;max-width:260px;min-height:60px}.title-bubble:empty{display:none}
.story-panel[data-reaction=smug] .story-body h3{color:#47764e}.story-panel[data-reaction=panic] .story-body h3{color:#b95070}.story-panel[data-reaction=serious] .story-body h3{color:#365d49}
.story-panel[data-reaction] .speaker-row small{font-size:9px}.story-panel[data-reaction] .story-body{animation:reactionIn .22s ease-out}
@keyframes reactionIn{from{opacity:.65;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.support-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;overflow:hidden;box-shadow:none}
.support-dialog[open]{display:grid;place-items:center}.support-dialog::backdrop{background:#07140fee;backdrop-filter:none}
.support-shell{width:min(1120px,96vw);height:min(710px,94dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #8baa9566;border-radius:13px;overflow:hidden;background:#0e1d16;color:#e4f1e8;box-shadow:0 0 90px #94c9a218}
.support-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #93b29b33;background:#14261b;font-size:10px}.support-top strong{font-size:11px;letter-spacing:2px;color:#bfd8c5}.support-top span{display:block;margin-top:5px;color:#90af9b;font:11px ui-monospace,monospace}.support-top button{color:#91a999;white-space:nowrap;font-size:11px;padding:6px;border-bottom:1px solid #718d7966}
.support-top-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}
.support-stage{position:relative;overflow:hidden;isolation:isolate;min-height:0;background:#101e19}.support-stage>canvas{display:block;width:100%;height:100%}.support-stage::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px 15px #0009;pointer-events:none;z-index:1}
.support-headline{position:absolute;top:8%;left:4%;max-width:55%;font-size:clamp(34px,5vw,66px);font-weight:950;letter-spacing:1px;line-height:1.12;color:#effff2;text-shadow:3px 3px #2f5c3b,-1px -1px #87b396,0 8px 24px #000a;transform:rotate(-5deg);z-index:2;pointer-events:none;animation:supportEntrance .65s cubic-bezier(.2,1.4,.5,1)}
.support-hand{position:absolute;width:320px;height:213.333333px;filter:drop-shadow(0 0 14px #c0ffd96b);z-index:3;pointer-events:none}.support-hand img{display:block;width:100%;height:100%;transform-origin:29.296875% 15.234375%;user-select:none}
.support-tap{position:absolute;inset:0;width:100%;height:100%;padding:0;z-index:5;border-radius:0;touch-action:manipulation;cursor:pointer}.support-tap:focus-visible{outline:2px solid #d3f9de;outline-offset:-5px}.support-tap:disabled{opacity:1;cursor:default}.support-tap:hover:not(:disabled){filter:none}
.support-actor{position:absolute;bottom:5%;left:3%;display:flex;align-items:center;gap:4px;z-index:3;pointer-events:none;max-width:48%}.support-avatar{width:102px;min-width:102px;height:102px;background-position:100% 0%;filter:drop-shadow(0 3px 7px #0008)}.support-avatar[data-emotion=cry]{background-position:0% 100%}.support-actor p{font-size:14px;color:#dcefe1;line-height:1.7;background:#172d22db;border:1px solid #8eb49c55;border-radius:10px 10px 10px 0;padding:9px 13px}
.support-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 20px;padding:15px 20px;background:#14261b;border-top:1px solid #93b29b33;z-index:6}.support-bottom strong{display:block;font-size:17px;color:#e6ffed;line-height:1.5}.support-stats{display:flex;align-items:center;gap:14px;margin:10px 0 6px;color:#95b6a1;font-size:11px}.support-stats b{font:700 17px ui-monospace,monospace;color:#e0f4e6}.support-meter{display:flex;align-items:center;gap:7px;flex:1;max-width:320px}.support-meter>span{height:7px;flex:1;background:#32493a;border-radius:5px;overflow:hidden}.support-meter i{display:block;height:100%;background:#c6f6d4;border-radius:5px;transition:width .08s linear}.support-bottom small{font-size:10px;color:#789987}.support-bottom>button{background:#dcefe1;color:#284d35;padding:14px 20px;border-radius:7px;font-size:13px;font-weight:800;min-width:150px}.support-result{font-size:12px;color:#a3cbb1;line-height:1.6;margin-top:4px}
.support-burst{position:absolute;z-index:4;color:#effff1;font-size:26px;font-weight:900;text-shadow:2px 2px #315c3b;pointer-events:none;transform:translate(-50%,-50%);animation:supportBurst .5s ease-out forwards}.support-burst::before,.support-burst::after{content:'';position:absolute;inset:-14px;border:3px solid #cbffda;border-radius:50%;box-shadow:0 0 18px #a4ffc17a}.support-burst::after{inset:-24px;border-width:1px;border-style:dashed}
.support-dialog[data-phase=break] .support-headline,.support-dialog[data-phase=result] .support-headline{color:#ffdce7;text-shadow:3px 3px #683849,0 5px 24px #000a;transform:rotate(4deg)}
@keyframes supportEntrance{from{opacity:0;transform:scale(2) rotate(-16deg) translate(-20px,-10px)}to{opacity:1;transform:scale(1) rotate(-5deg)}}
@keyframes supportBurst{from{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(var(--tilt))}to{opacity:0;transform:translate(-50%,-90%) scale(1.7) rotate(var(--tilt))}}
@media(max-width:650px){.support-shell{height:94dvh;width:96vw}.support-top{padding:10px 12px;gap:7px}.support-top strong{font-size:9px;letter-spacing:1px}.support-top span{font-size:9px;line-height:1.6}.support-top button{font-size:9px}.support-headline{font-size:36px;max-width:70%;left:5%;top:7%;line-height:1.25}.support-hand{width:210px;height:140px}.support-actor{left:1%;bottom:3%;max-width:51%;gap:0}.support-avatar{width:65px;min-width:65px;height:65px}.support-actor p{font-size:10px;padding:7px;line-height:1.6}.support-bottom{padding:12px;grid-template-columns:1fr;gap:8px}.support-bottom strong{font-size:14px}.support-bottom>button{font-size:12px;padding:11px}.support-bottom small{font-size:9px}.support-stats{font-size:10px;gap:9px;margin-top:7px}.support-stats b{font-size:15px}.support-result{font-size:11px}.support-stage::after{box-shadow:inset 0 0 60px 3px #0009}}
@media(prefers-reduced-motion:reduce){.story-panel[data-reaction] .story-body,.support-headline{animation:none}.support-hand,.support-meter i{transition:none}.support-burst{animation-duration:.15s}}
.title-mobile-quip{display:none}
.support-avatar[data-emotion=smug]{background-position:50% 100%}
.support-leadin{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;background:transparent;box-shadow:none;outline:none}.support-leadin::backdrop{background:transparent;backdrop-filter:none}.support-leadin>canvas{display:block;width:100%;height:100%;pointer-events:none}
.support-event-dialog{width:min(780px,94vw);max-height:92dvh;overflow:auto;background:#fbfdfb;border-color:#cbdcd1;color:#34533f}.support-event-dialog[open]{display:grid;grid-template-columns:210px minmax(0,1fr)}.support-event-dialog::backdrop{background:#10251dc9;backdrop-filter:none}.support-event-art{position:relative;min-height:310px;background:radial-gradient(ellipse at center,#e4f1e8,#dce7e0);display:grid;place-items:center;overflow:hidden}.support-event-avatar{width:220px;background-position:100% 0%}.support-event-art>span{position:absolute;right:21px;top:37px;font-size:48px;font-weight:900;color:#a45270;transform:rotate(12deg)}.support-event-copy{padding:27px}.support-event-meta{display:flex;justify-content:space-between;gap:10px;color:#799383;font-size:10px;line-height:1.7}.support-event-copy h2{font-size:24px;line-height:1.5;margin:18px 0 14px;color:#365a44}.support-event-copy p{font-size:13px;line-height:1.9}.support-event-copy blockquote{font-size:15px;font-weight:800;line-height:1.7;color:#9e4d69;margin:17px 0;padding-left:12px;border-left:3px solid #b97a90}.support-event-copy .support-event-facts{font-size:10px;color:#7a9182;padding:10px 0;border-top:1px dashed #d5e0d9;line-height:1.9}.support-event-choices{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;margin:14px 0}.support-event-choices button{font-size:12px;padding:13px 8px;border-radius:7px;background:#416e52;color:white;font-weight:750}.support-event-choices button+button{background:#edf3ef;color:#607d6a;border:1px solid #d1e0d6}.support-event-copy>small{font-size:10px;line-height:1.8;color:#92a398}
@media(max-width:650px){.support-event-dialog[open]{grid-template-columns:1fr}.support-event-art{min-height:120px;max-height:140px}.support-event-avatar{width:150px}.support-event-art>span{top:20px;right:22%;font-size:35px}.support-event-copy{padding:19px}.support-event-copy h2{font-size:20px;margin:12px 0}.support-event-copy p{font-size:12px}.support-event-copy blockquote{font-size:14px;margin:12px 0}.support-event-choices{margin:10px 0;gap:8px}.support-event-choices button{font-size:11px;padding:12px 6px}}
@media(max-width:760px){.title-mobile-quip[data-speaking]{display:block;position:fixed;bottom:74px;left:16px;right:16px;padding:12px 16px;font-size:13px;line-height:1.8;color:#446953;background:#fcfdfcf5;border:1px solid #c7dcd0;border-radius:12px;box-shadow:0 4px 16px #294d3720;z-index:10;pointer-events:none}}

.support-cutin{position:absolute;left:-4%;right:-4%;top:22%;padding:16px 8%;transform:rotate(-6deg);background:linear-gradient(95deg,#e9f6ee,#b3d6bd 70%,#e9f6ee);color:#264833;border-top:3px solid #f8fff9;border-bottom:3px solid #476f53;z-index:4;pointer-events:none;box-shadow:0 12px 35px #0006}.support-cutin span{display:block;font-size:14px;letter-spacing:2px}.support-cutin b{display:block;font-size:clamp(27px,4vw,52px);letter-spacing:4px;font-weight:950;margin-top:5px}.support-dialog:not([data-phase=zoom]) .support-cutin{display:none}.support-dialog[data-beat=hold] .support-headline{color:#defce6}.support-impact{font-size:44px;color:#fff7ef}.support-impact::before{border-radius:18%;border-color:#f8ffdf;transform:rotate(45deg)}
@media(max-width:650px){.support-cutin{padding:14px 8%;top:24%}.support-cutin span{font-size:10px;letter-spacing:0}.support-cutin b{font-size:26px;letter-spacing:1px}.support-impact{font-size:30px}}

.support-callout{position:absolute;width:240px;z-index:4;pointer-events:none;color:#f4ffdf;text-align:center;font-weight:950;line-height:1.16;letter-spacing:1px;filter:drop-shadow(0 4px 8px #0009);text-shadow:2px 2px #274e37,-2px -2px #274e37,2px -2px #274e37,-2px 2px #274e37;transform:rotate(-7deg);animation:supportCue 1s ease-in-out infinite}.support-callout span{display:block;font-size:31px}.support-callout b{display:block;font-size:37px;margin-top:5px}.support-callout i{position:absolute;font-size:46px;right:-28px;top:42px;font-style:normal;color:#c6f9d5}.support-dialog:not([data-phase=play]) .support-callout{display:none}
@keyframes supportCue{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(-7deg) scale(1.045)}}
@media(max-width:650px){.support-callout{width:145px;letter-spacing:0}.support-callout span{font-size:21px}.support-callout b{font-size:24px;margin-top:4px}.support-callout i{font-size:31px;right:-18px;top:30px}}
@media(prefers-reduced-motion:reduce){.support-callout{animation:none}}

.story-panel[data-reaction=fomo] .story-body h3{color:#98634c}