/* merged: story first, milk-pink paper and lavender ink, original hamster cast. */
:root{--cream:#faf7fb;--cream-2:#f2eaf5;--paper:#fff;--butter:#e8d6ee;--butter-2:#f3e8f6;--butter-dark:#805a8b;--bean:#735081;--bean-2:#684875;--ink:#413646;--ink-2:#746478;--guilty:#a94d69;--guilty-soft:#f9e2e9;--innocent:#426b82;--innocent-soft:#e3eff6;--ok:#416d5b;--line:#e8deed;--shadow:none}
html{scroll-padding-top:24px;scrollbar-color:#cab6d2 var(--cream)}
body{background:#faf7fb;padding-bottom:calc(100px + env(safe-area-inset-bottom));line-height:1.65}
::selection{background:#ead3ee;color:#413646}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #805a8b;outline-offset:3px}
.wrap{max-width:660px;padding-inline:20px}
.topbar{position:relative;background:transparent;border:0}.topbar-inner{height:68px}.logo small{display:none}.logo b{font-size:27px}.logo-mark{color:#93649e}.auth-badge{font-size:13px}
#view{padding-top:8px}.case-paper{background:#f6e8f0;border:0;border-radius:24px;padding:25px 24px;margin-bottom:16px;box-shadow:none;overflow:visible}.case-paper:before,.case-paper:after{display:none}
.case-top{font-size:12px;color:#75546d;margin-top:16px;order:2}.case-paper{display:flex;flex-direction:column}.case-title{font-size:clamp(27px,6.8vw,38px);font-weight:850;line-height:1.35;letter-spacing:-.035em;text-wrap:balance;margin:0;order:0}.case-situation{font-size:16px;margin:16px 0 0;line-height:1.7;order:1}.story-space{order:3;margin-top:17px;border-top:1px solid #e4ccdc;padding-top:13px}.story-space summary{font-size:15px;font-weight:700;cursor:pointer;min-height:40px;display:list-item;margin-left:18px}.story-dialogue{padding-top:12px}.story-dialogue p{padding:13px 15px;margin:12px 0;background:#fff;border-radius:14px;font-size:15px;line-height:1.7}.story-dialogue b{display:block;margin-bottom:5px;color:#8e4e71}.story-dialogue .defendant-line{background:#edf4fa}.story-question{font-size:15px;font-weight:700}
.case-meta{margin:8px 0 14px;font-size:13px}.countdown{background:none;border:0;padding:0;color:#746478;font-size:13px}.countdown b{font-variant-numeric:tabular-nums}.stamps{gap:12px}.stamp{min-height:90px;border-radius:16px;box-shadow:none}.stamp-emoji{font-size:25px}.stamp-label{font-size:25px}.judging{margin-top:10px}.submit-btn{min-height:50px;border-radius:14px;margin-top:14px}.sentence-box{border-radius:16px;background:#fff5f8;border:0}.sentence-q{font-size:16px}.item-emoji{font-size:48px}.amount-text{font-variant-numeric:tabular-nums}.item-label{font-size:14px}.gavel-slider{min-height:44px}
.live-tally{margin:25px 0 24px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tally-heading,.tally-labels{display:flex;justify-content:space-between;gap:12px;align-items:center}.tally-heading b{font-size:16px}.tally-heading span,.live-tally small{font-size:12px;color:var(--ink-2)}.tally-labels{font-size:14px;margin-top:12px}.tally-track{height:12px;border-radius:6px;background:#c1dbea;margin:8px 0;overflow:hidden}.tally-track>span{display:block;height:100%;background:#d990aa;transition:width .3s ease}.live-tally small{display:block}
.tabbar{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%);width:min(100%,660px);display:grid!important;grid-template-columns:repeat(4,1fr);background:#fff;backdrop-filter:none;border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:8px 8px calc(9px + env(safe-area-inset-bottom));z-index:40;box-shadow:0 -5px 24px #49324c08}.tabbar a{font-size:12px;min-height:52px;border-radius:12px;gap:3px;color:#77677d}.tabbar a.active{color:#6d467d;background:#f3e9f7}.tabbar a span{font-size:23px}.tabbar svg{width:23px;height:23px}
.modal-overlay{align-items:flex-end!important;padding:0!important;background:#37263d42}.modal-box{width:min(100%,660px)!important;max-height:85dvh!important;border-radius:24px 24px 0 0!important;padding:24px 24px calc(25px + env(safe-area-inset-bottom));margin:0 auto;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -12px 45px #35233e20;animation:sheet-rise .24s ease-out}.sheet-close{display:block;margin:0 0 12px auto;min-height:40px;border:0;background:#f2ebf5;border-radius:10px;padding:5px 14px;color:var(--ink)}@keyframes sheet-rise{from{transform:translateY(60px)}to{transform:translateY(0)}}
.recovery-auth h2{font-size:27px;margin:12px 0}.recovery-auth .btn{margin-top:12px}.recovery-auth p{font-size:15px}.cert-code{display:block;word-break:break-all;font-size:21px;letter-spacing:.02em;background:#f4eaf7;border-radius:12px;padding:18px;margin:18px 0}.recovery-auth input:not([type=checkbox]){width:100%;min-height:50px;border:1px solid #bfa9c8;border-radius:10px;padding:12px;font:inherit}.recovery-auth input[type=checkbox]{width:22px;height:22px;accent-color:var(--bean)}
.reaction-faces{display:flex;justify-content:center;gap:26px;margin:23px 0}.reaction-faces figure{margin:0;text-align:center}.reaction-faces figcaption{font-size:12px;color:var(--ink-2)}.judgment-card{border-radius:18px;background:white;border:1px solid var(--line);padding:24px 20px}.jc-title{font-size:22px}.jc-who{font-size:15px}.jc-actions{flex-wrap:wrap}.jc-actions .btn{flex:1;white-space:nowrap}.jc-type{display:none}.type-open{font-size:14px;margin-bottom:16px}.type-share-card{text-align:center}.type-emoji{font-size:70px}.type-share-card h2{font-size:30px}.type-share-card .row{justify-content:center;flex-wrap:wrap}.nb-cover{background:#eee6f7;border:0}.nb-stats{grid-template-columns:1fr 1fr}.nb-h{font-size:19px}.nb-recent{padding:16px 0}.nb-collection{gap:10px}.optional-score{margin-top:20px}.optional-score summary{cursor:pointer;min-height:44px}.hamster-custom{margin-top:20px}.custom-preview{position:relative;display:flex;justify-content:center;padding:12px}.hamster-accessory{position:absolute;top:3px;left:calc(50% + 16px);font-size:25px}.custom-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.owl-judge{display:inline-block;position:relative}.owl-judge>svg{display:block}.emoji-gavel{position:absolute;right:-23px;bottom:8px;font-size:53px;transform-origin:80% 80%;animation:emoji-bang .6s ease-in-out 3}.gavel-stage{background:#f7edf8;border-radius:22px}.gavel-mascot{animation:none!important}@keyframes emoji-bang{0%,100%{transform:rotate(-10deg)}40%{transform:rotate(-50deg)}70%{transform:rotate(20deg)}}.closed-hours{background:#eeedf9;padding-block:32px}.closed-hours h2{font-size:28px}.closed-hours .row{flex-wrap:wrap}.shared-page{padding-top:50px}.shared-page h1{font-size:34px}.badge-shelf{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.demo-panel{font-size:12px}.after-actions{flex-wrap:wrap}.btn{white-space:normal}
@media(max-width:360px){.wrap{padding-inline:14px}.case-paper{padding:22px 18px}.case-title{font-size:27px}.reaction-faces{gap:15px}.modal-box{padding-inline:18px}.jc-actions{flex-direction:column}.nb-collection{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.story-chip{display:inline-flex;align-items:center;gap:7px;background:transparent;padding:0}.case-paper{padding:22px}.case-top{margin-top:12px}.story-space{margin-top:12px;padding-top:8px}.story-space summary{min-height:34px}.case-meta{margin:5px 0 8px}.live-tally{margin:10px 0 16px;padding:12px 0}.judging{padding-top:0;border-top:0}.stamps{margin-bottom:10px}.submit-btn{margin-top:10px}.reaction-faces figure{position:relative}.face-accessory{position:absolute;right:0;top:-10px;font-size:22px}
.case-meta{padding:8px 0;border:0}.countdown b{font-size:17px}.case-paper{margin-top:0}.participation-badge{font-size:13px;color:#685079;margin:15px 0 0}.nb-cover .nb-next{font-size:12px}.nb-cover h2{font-size:22px;overflow-wrap:anywhere}
.demo-tools{font-size:11px;color:var(--ink-2);max-width:660px;margin:auto}.demo-tools>summary{padding:5px 20px;cursor:pointer}.demo-tools .demo-bar{position:static}.demo-tools .demo-bar>.wrap{flex-wrap:wrap}.nb-recent{border:0;border-bottom:1px solid var(--line);border-radius:0}.nb-recent:last-child{border-bottom:0}
.closed-hours h2{text-wrap:balance;word-break:keep-all;font-size:26px}.case-situation{color:#6d5269}.stamp-guilty{background:var(--guilty-soft)!important}.stamp-innocent{background:var(--innocent-soft)!important}
/* Keep the living courtroom; only the question above it becomes the large card. */
.character-court{background:#f1eaf5;border-radius:20px;padding:16px 16px 12px;margin:16px 0 10px;display:grid;gap:13px;overflow:hidden}
.scene-judge{display:flex;flex-direction:column;align-items:center}.scene-judge .owl-judge{margin-bottom:-5px}.scene-judge-desk{width:154px;background:#b9a0c2;border-top:5px solid #967ba0;border-radius:4px 4px 8px 8px;text-align:center;padding:3px 8px;color:#382b3e;font-size:12px}
.scene-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.scene-party{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center}.scene-party blockquote{margin:0 0 7px;background:#fff;border-radius:12px;padding:9px 10px;font-size:13px;line-height:1.5;text-align:center;width:100%;flex:1;word-break:keep-all;overflow-wrap:anywhere}.scene-party>svg{width:83px;height:85px;flex-shrink:0}.scene-party figcaption{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;background:#d9c9df;border-top:4px solid #b69bbf;width:100%;padding:4px 5px;font-size:11px;color:#47324e;border-radius:3px 3px 6px 6px;line-height:1.4}.scene-party figcaption b{background:#fff;padding:1px 4px;border-radius:3px}.scene-jury{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:2px}.scene-jury>span:last-child{font-size:11px;color:#6f5679;margin-left:2px}.character-court img,.character-court svg{max-width:100%}
@media(max-width:360px){.character-court{padding:13px 12px 10px}.scene-parties{gap:12px}.scene-party blockquote{font-size:12px;padding:8px}.scene-jury{gap:10px}}

.modal-overlay.modal-centered{align-items:center!important;padding:20px!important}.modal-centered .modal-box{border-radius:24px!important;max-height:calc(100dvh - 40px)!important;width:min(100%,480px)!important;margin:auto;padding:24px;box-sizing:border-box}

.hamster-custom{min-width:0}.custom-preview{padding:20px 0 28px}.custom-group{border:0;padding:0;margin:0 0 22px;min-width:0}.custom-group legend{font-weight:700;margin-bottom:10px}.custom-options{display:grid;gap:8px;width:100%;margin:0}.custom-tone{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-expression{grid-template-columns:repeat(3,minmax(0,1fr))}.custom-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:82px;padding:10px 2px;border:2px solid transparent;border-radius:12px;background:#f6f1f7;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.custom-choice[aria-pressed=true]{border-color:#8c5a7b;background:#f7e5ef}.custom-choice:hover{background:#efdfeb}.custom-choice:focus-visible{outline:3px solid #8c5a7b;outline-offset:2px}.custom-status{min-height:1.5em;margin:10px 0 0;font-size:13px}