.ms-root{
  --c-cream:#F6EFE4;--c-paper:#FBF7F0;--c-paper-2:#EDE3D3;
  --c-ink:#2E2622;--c-ink-2:#695C51;--c-line:#8F7E6E;
  --c-bean:#A8625A;--c-bean-light:#C98A7F;--c-bean-dark:#84473F;
  --c-rose:#D9A89E;--c-press:#9A564E;--c-honey:#E9D9B8;
  --c-coin:#E6CFA9;--c-coin-line:#B08A55;
  --c-sage:#B7CDB3;--c-sage-pale:#DCE6D5;--c-sky:#CFE0E6;--c-sky-shadow:#B5CBD3;
  --c-wood:#D8B98F;--c-wood-front:#C9A27A;--c-wood-dark:#8A6A52;
  --c-up:#3F6B4E;--c-up-bg:#E1EBDD;--c-down:#9A3F36;--c-down-bg:#F6E3DC;
  --c-tag-leo:#EAD7A8;--c-tag-mia:#E8C4C0;--c-focus:#3E6680;--c-frame:#5A4A40;
  --c-cloth-teal:#6F9C94;--c-cloth-teal-dark:#4F7A73;--c-cloth-pink:#CF8A8F;
  --c-cloth-yellow:#D9B56A;--c-cloth-red:#B5675E;--c-hair:#3A3436;
  --c-skin-light:#F0DCC5;--c-skin:#DEC0A5;--c-skin-dark:#BD9680;
  --c-shadow:rgba(90,74,64,.22);--c-shadow-deep:rgba(90,74,64,.28);
  --c-glow:rgba(233,217,184,.55);--c-grain:rgba(105,92,81,.025);
  --c-cream-clear:rgba(246,239,228,0);--c-white:#FFFFFF;
  --ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}body{margin:0;background:var(--c-cream);color:var(--c-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible+label{outline:3px solid var(--c-focus);outline-offset:2px}button{color:inherit}button:disabled{cursor:default}h1,h2,p{margin:0}h1:focus{outline:none}[hidden]{display:none!important}.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}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,var(--c-glow) 0%,transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent 35px,var(--c-grain) 36px,var(--c-grain) 37px);z-index:-1}
.prototype{font-size:13px;line-height:24px;letter-spacing:1px;text-align:center;background:var(--c-paper-2);color:var(--c-ink-2)}.shell{max-width:960px;margin:auto;padding:0 16px 105px}.head{height:46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-line);margin-bottom:14px}.head button{border:0;background:none;min-height:44px;min-width:44px;padding:0;font-size:14px}.head .back{text-align:left}.progress{font-size:13px;letter-spacing:2px;margin-left:-34px}.head .more{font-size:26px;letter-spacing:3px}.intro h1{font-size:25px;font-weight:900;letter-spacing:-.8px;line-height:1.35;transform:rotate(-1deg);transform-origin:left center;margin-bottom:10px}.intro h1 span{background:linear-gradient(transparent 79%,var(--c-rose) 79%,var(--c-rose) 94%,transparent 94%)}.intro>p{font-size:15px;line-height:1.65;color:var(--c-ink-2)}.promise{font-size:13px;line-height:20px;margin:8px 0 11px;color:var(--c-ink-2);display:flex;align-items:center;gap:7px}.promise:before{content:"";width:6px;height:6px;background:var(--c-honey);transform:rotate(45deg);flex:none}
.stage{height:279px;position:relative;isolation:isolate;filter:drop-shadow(0 9px 0 rgba(90,74,64,.30));margin:0 -4px 14px}.scenery{position:absolute;width:100%;height:100%;inset:0;z-index:-1}.seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:absolute;left:20px;right:20px;top:58px;bottom:12px;gap:2px;color:var(--c-ink)}.ms-seat{text-align:center;min-width:0;position:relative}.puppet-wrap{height:109px;position:relative;animation:sway 2.8s ease-in-out infinite;transform-origin:bottom center}.ms-seat:nth-child(2) .puppet-wrap{animation-delay:-.6s}.ms-seat[data-mood="joy"] .puppet-wrap{animation-name:happy-bob;animation-duration:2.4s}.ms-seat[data-mood="calm"] .puppet-wrap{animation:none}.ms-seat:nth-child(3) .puppet-wrap{animation-delay:-1.2s}.ms-seat:nth-child(4) .puppet-wrap{animation-delay:-1.8s}.puppet{height:116px;width:100%;overflow:visible;filter:drop-shadow(2px 3px 0 var(--c-shadow))}.seat-name{font-size:14px;font-weight:850;line-height:19px}.seat-role{font-size:13px;line-height:18px;white-space:nowrap}.seat-money{display:flex;justify-content:center;align-items:center;gap:3px;margin-top:3px;line-height:28px}.amount{font-size:25px;font-weight:900;letter-spacing:-1px}.delta{--flag-angle:-5deg;font-size:13px;font-weight:850;background:var(--c-down-bg);border:1px solid var(--c-down);box-shadow:1px 2px 0 var(--c-shadow);line-height:19px;padding:0 3px;transform:rotate(-5deg);color:var(--c-down)}.delta.up{--flag-angle:5deg;background:var(--c-up-bg);border-color:var(--c-up);color:var(--c-up);transform:rotate(5deg)}.mood{font-size:13px;line-height:20px;font-weight:700}.mood:before{content:"";width:4px;height:4px;background:currentColor;display:inline-block;margin:0 4px 2px 0;border-radius:50%}.pot{position:absolute;top:32px;left:50%;transform:translateX(-50%) rotate(-2deg);display:flex;align-items:center;gap:6px;background:var(--c-coin);color:var(--c-ink);padding:3px 13px;border:2px solid var(--c-wood-dark);box-shadow:2px 3px 0 var(--c-shadow);white-space:nowrap}.pot span{font-size:13px;font-weight:750;letter-spacing:1px}.pot strong{font-size:22px;line-height:23px;font-weight:900}.dialogues{position:relative;padding:0 0 2px}.line{display:flex;align-items:baseline;gap:9px;font-size:14px;line-height:1.55;margin:7px 0;color:var(--c-ink)}.speaker{font-size:13px;line-height:20px;color:var(--c-ink);background:var(--c-tag-leo);padding:0 5px;transform:rotate(-3deg);font-weight:900;flex:none;min-width:35px;text-align:center;box-shadow:2px 2px 0 var(--c-shadow)}.line:nth-child(2) .speaker{background:var(--c-tag-mia);transform:rotate(3deg)}
.options{border:0;padding:0;margin:12px 0 0;display:grid;gap:8px;min-width:0}.choice{position:relative;min-width:0}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice label{position:relative;display:flex;align-items:center;gap:10px;min-height:49px;padding:9px 10px;color:var(--c-ink);background:var(--c-paper);border:2px solid var(--c-line);box-shadow:3px 3px 0 var(--c-shadow);cursor:pointer;transition:transform .16s;line-height:1.5;font-size:15px;font-weight:650}.choice label:active{transform:translate(2px,2px)}.letter{font-size:16px;font-weight:900;width:26px;height:26px;line-height:24px;text-align:center;border:1px solid currentColor;flex:none}.choice input:checked+label{background:var(--c-honey);border-color:var(--c-press);color:var(--c-ink);transform:rotate(-.6deg)}.choice input:checked+label .letter{background:var(--c-ink);color:var(--c-honey);border-color:var(--c-ink)}.tick{margin-left:auto;font-size:18px;flex:none;opacity:0}.choice input:checked+label .tick{opacity:1}.actionbar{position:fixed;z-index:6;bottom:0;left:0;right:0;background:linear-gradient(var(--c-cream-clear),var(--c-cream) 13px);padding:13px 16px max(12px,env(safe-area-inset-bottom));}.action-inner{max-width:928px;margin:auto}.reaction{font-size:13px;line-height:19px;margin:0 0 8px;min-height:19px;color:var(--c-ink)}.confirm{position:relative;border:1px solid var(--c-press);background:var(--c-press);color:var(--c-paper);width:100%;height:50px;font-size:17px;font-weight:900;letter-spacing:2px;box-shadow:3px 3px 0 var(--c-shadow)}.confirm:after{content:"→";position:absolute;right:17px;font-size:24px;top:7px}.confirm:active{transform:translateY(2px)}
.fly-coin{position:absolute;width:16px;height:16px;z-index:5;pointer-events:none;left:0;top:0;filter:drop-shadow(1px 2px 0 var(--c-shadow))}.flip{animation:face-turn .2s ease-in-out!important}.flag-pop{animation:flag .24s cubic-bezier(.34,1.56,.64,1) both}.menu{position:absolute;right:16px;top:67px;background:var(--c-paper);color:var(--c-ink);padding:6px;border:2px solid var(--c-ink);box-shadow:4px 5px 0 var(--c-shadow);z-index:20}.menu a,.menu button{display:block;padding:12px 16px;min-height:44px;color:var(--c-ink);text-decoration:none;font-size:14px;background:none;border:0;width:100%;text-align:left}.toast{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);background:var(--c-paper);color:var(--c-ink);border:2px solid var(--c-ink);box-shadow:4px 4px 0 var(--c-shadow);padding:12px 16px;width:max-content;max-width:calc(100% - 40px);font-size:14px;z-index:30}
.face-feature{display:none}.ms-seat[data-mood="joy"] .face-joy,.ms-seat[data-mood="smile"] .face-smile,.ms-seat[data-mood="calm"] .face-calm,.ms-seat[data-mood="miffed"] .face-miffed,.ms-seat[data-mood="hurt"] .face-hurt{display:inline}
@keyframes sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes happy-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes face-turn{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.08)}}@keyframes flag{from{opacity:0;transform:rotate(var(--flag-angle)) scale(.6)}to{opacity:1;transform:rotate(var(--flag-angle)) scale(1)}}
@media(min-width:800px){.shell{padding-top:14px;max-width:1060px}.head{margin-bottom:35px}.layout{display:grid;grid-template-columns:minmax(0,580px) minmax(0,380px);gap:40px;align-items:start}.intro h1{font-size:33px;margin-bottom:16px}.intro>p{font-size:17px;line-height:1.8}.promise{margin:13px 0 20px}.stage{height:365px}.seats{top:79px;left:30px;right:30px}.puppet-wrap{height:147px}.puppet{height:153px}.seat-name{font-size:17px;line-height:24px}.seat-role{font-size:14px;line-height:22px}.amount{font-size:32px;line-height:39px}.delta{--flag-angle:-5deg;font-size:14px}.mood{font-size:15px;line-height:24px}.pot{top:43px}.pot strong{font-size:26px}.right{padding-top:38px}.line{font-size:17px;margin:0 0 24px;line-height:1.8}.speaker{font-size:13px}.options{margin-top:35px;gap:14px}.choice label{min-height:66px;font-size:16px}.actionbar{position:static;padding:30px 0 0;background:none}.reaction{line-height:1.7;margin-bottom:14px}.confirm{height:56px}.card-screen{padding:40px 0}.card-fit{transform:scale(1.2);margin:48px 0}.save-hint{margin-top:35px}}
@media(max-width:359px){.shell{padding-left:12px;padding-right:12px;padding-bottom:132px}.intro h1{font-size:22px}.intro>p{line-height:1.65}.stage{height:208px;margin-left:-4px;margin-right:-4px}.seats{left:14px;right:14px;top:44px}.seat-role{white-space:normal;min-height:16px;font-size:13px;line-height:16px;padding:0}.seat-name{font-size:13px}.puppet-wrap{height:62px}.puppet{height:70px}.amount{font-size:20px}.seat-money{gap:2px;line-height:24px;margin-top:2px}.seat-money .amount{line-height:24px}.delta{padding:0 3px;font-size:12px;line-height:16px}.pot{top:24px;padding:1px 9px}.pot strong{font-size:20px;line-height:22px}.line{font-size:14px}.choice label{font-size:14px;gap:8px;padding:9px 8px}.letter{width:24px;height:24px;line-height:22px}.tick{font-size:15px}.actionbar{padding-left:12px;padding-right:12px}.reaction{font-size:13px;min-height:38px;margin-bottom:6px}.card-screen{padding-top:24px;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* C2 application layout; all interaction state belongs to the renderer. */
.ms-root{--c-disabled:#D8C7B5;--c-shadow-paper:2px 3px 0 rgba(90,74,64,.22);--c-shadow-card:8px 14px 0 rgba(90,74,64,.25);--ms-ease-close:cubic-bezier(.55,0,.75,.25);--ms-ease-open:cubic-bezier(.2,.8,.2,1);--ms-ease-pop:cubic-bezier(.34,1.56,.64,1)}
button,a{min-height:44px;min-width:44px}button{border:2px solid var(--c-line);border-radius:10px;background:var(--c-paper);padding:8px 14px;font-weight:700}a{display:inline-flex;align-items:center;color:var(--c-ink)}button:disabled{background:var(--c-disabled);color:var(--c-ink);opacity:1}h1{font-size:25px;line-height:1.35;font-weight:900;letter-spacing:-.8px;transform:rotate(-1deg);margin:12px 0;background:linear-gradient(transparent 79%,var(--c-rose) 79%,var(--c-rose) 94%,transparent 94%);width:fit-content}p{line-height:1.65}small{font-size:13px}.head{margin-bottom:10px}.head button:disabled{background:transparent;color:var(--c-ink-2)}.shell{max-width:1060px}.ms-screen--intro{max-width:580px;margin:auto}.ms-screen--intro p{margin:12px 0}.ms-screen--intro #money-start{width:100%;background:var(--c-press);color:var(--c-paper);font-size:17px;margin-top:16px}.name,.role,.amount,.mood{display:block}.name{position:relative;z-index:2}.role{color:var(--c-ink-2)}.amount{margin-top:3px;line-height:1.15}.delta{position:absolute;right:-3px;top:146px;z-index:3;font-size:13px}.anonymous .role,.anonymous .amount,.anonymous .delta,.anonymous .mood{display:none}.anonymous .puppet{filter:drop-shadow(2px 3px 0 var(--c-shadow));}.anonymous .name{margin-top:12px}.ms-options{border:0;padding:0;margin:0;min-width:0}.options{margin-top:10px}.six-option{display:flex;position:relative;align-items:center;gap:10px;padding:8px 10px;min-height:49px;border:2px solid var(--c-line);border-radius:10px;background:var(--c-paper);box-shadow:var(--c-shadow-paper);font-size:15px;line-height:1.4;font-weight:650;cursor:pointer}.six-option input{position:absolute;opacity:0;width:1px;height:1px}.six-option:has(input:checked){background:var(--c-honey);border-color:var(--c-press);transform:rotate(-.6deg)}.six-option:has(input:focus-visible){outline:3px solid var(--c-focus);outline-offset:2px}.six-option:has(input:checked) .letter{background:var(--c-ink);color:var(--c-honey)}.reaction{white-space:normal;text-overflow:clip;overflow:visible;min-height:19px}.reaction:focus{background:var(--c-paper);outline:3px solid var(--c-focus)}.confirm{border-radius:12px;border-width:2px}.ms-curtain{position:absolute;inset:40px 15px 22px;overflow:hidden;pointer-events:none;z-index:4;--curtain-duration:420ms}.ms-curtain__panel{position:absolute;top:0;height:100%;width:52%;transition:transform var(--curtain-duration) var(--ms-ease-open);transform:translateX(-100%) scaleX(.35);transform-origin:left center}.ms-curtain__panel--l{left:0}.ms-curtain__panel--r{right:0;transform:translateX(100%) scaleX(.35);transform-origin:right center}.ms-curtain[data-state="closed"] .ms-curtain__panel{transform:translateX(0) scaleX(1);transition-timing-function:var(--ms-ease-close)}.ms-act-plate{position:absolute;z-index:5;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-2deg);padding:10px 20px;white-space:nowrap;font-size:24px;font-weight:900;letter-spacing:3px;background:var(--c-paper);border:2px solid var(--c-ink);box-shadow:var(--c-shadow-paper);opacity:0;pointer-events:none;transition:opacity 120ms}.ms-curtain[data-state="closed"]+.ms-act-plate{opacity:1}.ms-screen--result{max-width:760px;margin:auto}.ms-screen--result .stage{max-width:580px;margin:20px auto}.six-consequences{margin:25px 0;padding:16px;background:var(--c-paper-2);border-radius:12px}.six-consequences p{margin:10px 0}.six-animal{margin:28px 0;padding:22px;border:2px solid var(--c-line);border-radius:12px;background:var(--c-paper)}.six-animal-heading{display:flex;align-items:center;gap:20px}.six-animal-heading img{width:180px;max-width:45%}.six-animal h2{font-size:24px}.six-animal p{margin:12px 0}.six-result-kicker,.six-result-tags,.six-question{color:var(--c-ink-2)}.six-philosophy{padding:12px 0;margin:15px 0}.six-philosophy summary{min-height:44px;cursor:pointer;font-weight:700;padding:10px 0}.six-philosophy-content p{margin:12px 0}.ms-screen--result #money-restart{display:block;margin:20px auto}.ms-sheet{padding:0;border:0;background:transparent;width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 24px);color:var(--c-ink);overflow:auto}.ms-sheet::backdrop{background:rgba(46,38,34,.55)}.ms-sheet__panel{padding:16px;background:var(--c-paper);border:2px solid var(--c-ink);border-radius:18px;box-shadow:var(--c-shadow-card);animation:sheet-in 280ms var(--ms-ease-open)}.six-card-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.six-card-dialog-head h2{font-size:18px}.ms-card-img{display:block;width:min(100%,360px);height:auto;margin:auto;-webkit-touch-callout:default;user-select:auto;pointer-events:auto}.ms-card-loading{width:100%;aspect-ratio:3/4;display:grid;place-items:center;background:var(--c-paper-2)}.six-card-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.ms-sheet p{font-size:13px;text-align:center;margin:8px 0;overflow-wrap:anywhere}.ms-card{aspect-ratio:3/4;max-width:360px;padding:20px;background:var(--c-paper);border:1px solid var(--c-bean-dark);text-align:center}.ms-card>div{border-radius:50%;background:var(--c-honey);padding:35px;font-size:48px;margin:12px}.ms-card footer{background:var(--c-sage-pale);padding:16px;margin-top:15px;font-size:13px}.ms-card h2{font-size:24px}.ms-card h3{font-size:17px}.ms-card small{font-size:10px}.six-option .letter{border-color:var(--c-ink);font-size:17px}.menu{top:48px}.stage{overflow:hidden}.fly-coin{overflow:visible}
@keyframes sheet-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:800px){h1{font-size:33px}.head{margin-bottom:22px}.right{position:sticky;top:32px;padding-top:48px}.six-option{min-height:66px;font-size:16px}.actionbar{padding-top:24px}.delta{top:197px;right:1px;font-size:14px}.reaction{white-space:normal;overflow:visible}.ms-curtain{inset:52px 20px 28px}.ms-act-plate{font-size:30px}.six-animal-heading img{width:240px}.ms-card-img{width:432px;max-width:100%}.ms-sheet{width:min(480px,calc(100% - 24px))}}
@media(max-width:359px){h1{font-size:22px}.name{background:rgba(251,247,240,.88);padding:0 4px;border-radius:3px;width:fit-content;margin:auto}.puppet{clip-path:inset(0 0 5px)}.delta{top:102px;right:-5px;font-size:13px;padding:0 2px}.seat-role{height:32px}.ms-curtain{inset:30px 12px 18px}.ms-act-plate{font-size:20px}.six-option{font-size:14px}.six-animal{padding:14px}.six-animal-heading{gap:10px}.six-animal h2{font-size:20px}.reaction{min-height:19px}.seat-name{line-height:18px}.six-animal-heading img{width:160px}}
@media(prefers-reduced-motion:reduce){.ms-root *,.ms-root *::before,.ms-root *::after{animation:none!important;transition:none!important}.ms-curtain{visibility:hidden}.ms-act-plate{display:none}}
.delta{top:92px;right:-3px}.ms-seat .amount{position:relative;z-index:2}.stage .pot{z-index:2}
@media(min-width:800px){.delta{top:126px;right:4px}}
@media(max-width:359px){.delta{top:51px;right:-2px}.seat-role{font-size:13px}}

/* MS-look: warm, quiet typography and mobile-first controls. */
h1,.intro h1,#money-step-title,#money-review-title{font-family:"Songti SC","Noto Serif SC","STSong","SimSun",serif;font-weight:700;letter-spacing:0;background:none}
.intro h1 span{background:none}
.intro>p,#money-situation,.promise{color:var(--c-ink)}
.seat-role,.role{font-size:13px;font-weight:450;color:var(--c-ink-2)}
.speaker,.line:nth-child(2) .speaker{transform:none;box-shadow:none;font-weight:500}
.choice label,.six-option{box-shadow:none;border-radius:3px}
.choice input:checked+label,.six-option:has(input:checked){transform:none}
.delta,.delta.up{transform:none}
.pot{transform:translateX(-50%)}
button{border-radius:3px}
.ms-screen--intro #money-start,.confirm{background:var(--c-cloth-red);border-color:var(--c-cloth-red);color:#fff;box-shadow:none;border-radius:3px}
.confirm:disabled{background:var(--c-disabled);border-color:var(--c-disabled);color:var(--c-ink-2)}
.confirm[data-recorded]:disabled{background:var(--c-cloth-red);border-color:var(--c-cloth-red);color:#fff}
.ms-previous{height:50px;box-shadow:none;border:1px solid var(--c-line);border-radius:3px;background:transparent;color:var(--c-ink)}
.ms-previous:disabled{background:transparent;border-color:var(--c-line);color:var(--c-ink-2)}
.ms-actionbar__buttons{align-items:stretch}
.ms-actionbar__buttons .confirm{height:50px}
.dialogues .line,.ms-dialogue .line{font-size:19px;line-height:1.55;color:var(--c-ink)}
.ms-screen--act .intro>p{color:var(--c-ink)}
.ms-screen--act.is-opening .intro,.ms-screen--act.is-opening .dialogues,.ms-screen--act.is-opening .options{animation:none}
@media(min-width:800px){
  .right{padding-top:7px}
  .options{margin-top:0}
  .ms-actionbar__buttons .confirm,.ms-previous{height:56px}
  .dialogues .line,.ms-dialogue .line{font-size:19px}
}
@media(min-width:360px) and (max-width:799px){
  .ms-screen--intro .stage,.ms-screen--act .stage{height:240px;margin-bottom:12px}
  .ms-screen--intro .seats,.ms-screen--act .seats{left:12px;right:12px;top:46px;bottom:8px}
  .ms-screen--intro .puppet-wrap,.ms-screen--act .puppet-wrap{height:70px}
  .ms-screen--intro .puppet,.ms-screen--act .puppet{height:78px}
  .ms-screen--intro .seat-role,.ms-screen--act .seat-role{white-space:normal;min-height:18px;line-height:18px;font-size:13px;letter-spacing:0}
  .ms-screen--act .stage{margin-bottom:12px}
  .ms-screen--act .line{margin:7px 0}
  .ms-screen--act .options{margin-top:10px}
  .ms-screen--act .intro>p{font-size:15px;line-height:1.65}
  .ms-screen--act #money-situation{margin-bottom:12px}
  .ms-screen--act .promise{margin:8px 0 12px}
}
@media(max-width:359px){.seat-role{font-size:13px;letter-spacing:0;white-space:normal}}
/* Mobile action bar stays fixed while the scene can grow and scroll as a whole. */
@media(min-width:360px) and (max-width:799px){.ms-screen--act .intro h1{margin:0 0 4px}.ms-screen--act .promise{margin:4px 0;font-size:13px;line-height:20px}.ms-screen--act .stage{height:240px;margin-bottom:8px}.ms-screen--act .dialogues{max-height:none;overflow:visible}.ms-screen--act .line{margin:4px 0}.ms-screen--act .options{margin-top:6px}.ms-screen--act .six-option{padding-top:7px;padding-bottom:7px}.ms-screen--act .actionbar{padding-top:10px}.ms-screen--act .actionbar .reaction{max-height:none;overflow:visible;white-space:normal;text-overflow:clip}.shell:has(.ms-screen--act:not([hidden])){padding-bottom:220px}}
.ms-screen--act .intro,.ms-screen--act .dialogues,.ms-screen--act .options{transition:opacity 160ms,transform 160ms}.ms-screen--act.is-closing .intro,.ms-screen--act.is-closing .dialogues,.ms-screen--act.is-closing .options{opacity:0;transform:translateY(-8px)}.ms-screen--act.is-closing .ms-seats{opacity:.6;transform:translateY(6px);transition:opacity 160ms,transform 160ms}.ms-screen--act.is-opening .intro,.ms-screen--act.is-opening .dialogues,.ms-screen--act.is-opening .options{animation:scene-in 280ms 100ms both}.ms-curtain[data-state="closed"]+.ms-act-plate{animation:plate-in 200ms var(--ms-ease-pop)}
@keyframes scene-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes plate-in{from{opacity:0;transform:translate(-50%,-50%) rotate(-2deg) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}}
.role{color:var(--c-ink)}
.ms-card{position:relative;width:100%;padding:0;overflow:hidden}.ms-card .fallback-head{position:absolute;top:5%;left:6%;right:6%;font-size:12px;text-align:left}.ms-card .fallback-title{position:absolute;top:11%;left:6%;right:6%;font-size:24px;text-align:left}.ms-card .fallback-art{position:absolute;top:28%;left:25%;width:50%;height:38%;padding:0;margin:0;display:grid;place-items:center;font-size:40px}.ms-card .fallback-animal{position:absolute;top:68%;left:3%;right:3%;margin:0;font-size:17px}.ms-card .fallback-reading{position:absolute;top:73%;left:5%;right:5%;margin:0;font-size:13px}.ms-card .fallback-disclaimer{position:absolute;top:79%;left:3%;right:3%;font-size:10px}.ms-card .fallback-stub{position:absolute;bottom:0;height:18%;left:0;right:0;padding:12px 8px 8px 28%;margin:0;text-align:left;font-size:10px;line-height:1.7;white-space:pre-line}.fallback-stub svg{position:absolute;left:6%;top:12%;height:76%;aspect-ratio:1;background:white;fill:var(--c-ink)}
@media(max-width:359px){.seat-role{height:18px;white-space:nowrap;font-size:13px;letter-spacing:-.5px}.ms-seat .mood{line-height:18px}.ms-seat .amount{margin-top:0}.ms-seat .name{padding:0 3px}}
.ms-actionbar__buttons{display:flex;gap:10px;align-items:stretch}.ms-actionbar__buttons .confirm{width:auto;flex:1 1 auto;min-width:0}.ms-previous{flex:0 0 auto;min-width:96px;font-size:15px;font-weight:700;letter-spacing:1px;box-shadow:3px 3px 0 var(--c-shadow);background:var(--c-paper);color:var(--c-ink)}
/* Keep the primary and secondary button states consistent after legacy base rules. */
.ms-previous{height:50px;box-shadow:none;border:1px solid var(--c-line);border-radius:3px;background:transparent;color:var(--c-ink)}
.ms-previous:disabled{background:transparent;border-color:var(--c-line);color:var(--c-ink-2)}
.ms-actionbar__buttons .confirm{height:50px}
@media(min-width:800px){.ms-previous,.ms-actionbar__buttons .confirm{height:56px}}