/* 땅땅 C wordmark + B court seal. Keep this last in both app and public shares. */
:root{
 --cream:#fff9f0;--cream-2:#f4eaf8;--paper:#fffefa;
 --butter:#f779a2;--butter-2:#ffe4ed;--butter-dark:#a73961;
 --bean:#44213d;--bean-2:#6d4262;--ink:#44213d;--ink-2:#73596d;
 --guilty:#a53960;--guilty-soft:#ffe7ef;--innocent:#33677c;--innocent-soft:#e8f3f7;
 --line:#e6d7df;--lavender:#b9a0dd;--lavender-soft:#f1e9f8;--pink:#f779a2;
 --radius:16px;--shadow:none;
}
body{background:var(--cream);color:var(--ink);padding-bottom:calc(112px + env(safe-area-inset-bottom))}
html{scrollbar-color:#b9a0c1 var(--cream);scroll-padding-bottom:112px}
::selection{background:#ffc5d8;color:var(--ink)}
input,textarea{caret-color:var(--bean)}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--bean);outline-offset:4px}
button,a,input,summary{-webkit-tap-highlight-color:#f779a228}
h1,h2,h3{color:var(--ink);font-weight:850;letter-spacing:-.025em}
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.brand-wordmark{display:block;width:112px;height:63px;object-fit:contain}
.brand-seal{display:block;object-fit:contain}
.topbar-inner{height:82px}.logo{padding:4px 0}.auth-badge{gap:12px}
#auth-slot>.link-btn{border:1.5px solid var(--line);background:var(--paper);padding:8px 15px;border-radius:12px;text-decoration:none;font-weight:750;color:var(--ink)}
#view{padding-top:4px}.wrap{max-width:660px}
.btn{background:var(--pink);color:var(--ink);border:2px solid transparent;border-radius:14px;font-weight:800;box-shadow:none;min-height:48px}
.btn.bean{background:var(--bean);color:var(--paper);box-shadow:none}
.btn.ghost{background:var(--paper);color:var(--ink);border:1.5px solid #d4bacb;box-shadow:none}
.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:1;background:#e9dde5;color:#7c6575;border-color:transparent;cursor:not-allowed}
.btn:active{transform:translateY(1px);box-shadow:none}
.link-btn{color:var(--bean-2)}.card{background:var(--paper);border-color:var(--line)}
.page-title{display:flex;align-items:center;gap:10px;font-size:28px;margin:22px 0 12px}.page-title .ui-icon{width:28px;height:28px}
/* Read the question, hear both sides, then decide. */
.case-paper{background:#fff0f4;border:2px solid var(--ink);border-radius:20px;padding:20px 22px;margin:0 0 12px}
.case-title{font-size:clamp(26px,6.7vw,35px);font-weight:900;line-height:1.25;letter-spacing:-.03em;color:var(--ink)}
.case-situation{font-size:16px;line-height:1.6;color:#62435a;margin-top:12px}
.case-top{margin-top:12px;color:var(--ink-2)}.case-no{color:var(--ink-2)}.story-chip{color:var(--ink-2)}
.story-space{border-color:#eac6d3;margin-top:10px;padding-top:6px}.story-space summary{font-size:14px;min-height:32px;color:var(--bean);font-weight:800}
.story-dialogue p{background:var(--paper);border-radius:12px}.story-dialogue b{color:var(--ink)}
.story-dialogue .defendant-line{background:var(--innocent-soft)}
.character-court{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:8px 10px;background:var(--lavender-soft);border-radius:16px;padding:12px;margin:0 0 8px;align-items:center}
.scene-parties{display:contents}.scene-judge{grid-column:2;grid-row:1;align-self:center}.scene-judge .owl-judge>svg{width:68px;height:68px}.scene-judge-desk{width:80px;border-top:3px solid #795582;background:#d9c5eb;color:var(--ink);font-size:11px;padding:3px 1px;border-radius:3px 3px 6px 6px}
.scene-party:first-child{grid-column:1;grid-row:1}.scene-party:last-child{grid-column:3;grid-row:1}.scene-party{align-self:stretch;justify-content:flex-end}
.scene-party blockquote{font-size:13px;line-height:1.4;padding:7px 6px;margin-bottom:4px;min-height:46px;display:flex;align-items:center;justify-content:center;flex:1;border:1px solid #dfcee8;background:var(--paper);color:var(--ink)}
.scene-party>svg{width:62px;height:64px}.scene-party figcaption{font-size:11px;line-height:1.35;gap:3px;padding:3px;border-top:3px solid #b294c6;background:#e6d8ef;color:var(--ink)}
.scene-party figcaption b{padding:1px 3px;background:var(--paper)}.scene-jury{grid-column:1/-1;grid-row:2;gap:10px;padding:0}.scene-jury .hamster-portrait svg{width:31px;height:26px}.scene-jury>span:last-child{font-size:12px;color:var(--ink-2)}
.case-meta{padding:4px 0;margin:0 0 6px;display:flex;justify-content:flex-end}.countdown{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-2)}.countdown .ui-icon{width:16px;height:16px}.countdown b{font-size:16px;color:var(--ink)}
.judging{margin:0 0 12px;padding:0}.stamps{gap:12px;margin:0}.stamp{min-height:82px;border:2px solid transparent;border-radius:16px;padding:8px;position:relative}
.stamp-label{font-size:28px;font-weight:900}.stamp-guilty{background:var(--guilty-soft)!important}.stamp-innocent{background:var(--innocent-soft)!important}
.stamp-guilty.on{border:2px solid var(--guilty);box-shadow:inset 0 0 0 1px var(--guilty)}.stamp-innocent.on{border:2px solid var(--innocent);box-shadow:inset 0 0 0 1px var(--innocent)}
.stamp.on:before{content:'✓';position:absolute;right:10px;top:5px;font-size:16px;font-weight:900}.stamp-guilty:after,.stamp-innocent:after{font-size:13px}
.submit-btn{margin-top:10px;min-height:50px}.judging>.error-text:empty{display:none}.sentence-box.open{background:var(--paper);border-color:var(--line);max-height:none;padding:18px;margin:12px 0 0}.sentence-q{color:var(--ink);font-weight:750}
.gavel-slider{min-height:16px;height:16px;background:linear-gradient(90deg,var(--pink) 0 var(--pct,30%),#eee0e7 var(--pct,30%) 100%);border:0}
.gavel-slider::-webkit-slider-thumb{background:var(--bean);width:30px;height:30px;border:4px solid var(--paper);box-shadow:0 2px 6px #44213d25}
.gavel-slider::-moz-range-thumb{background:var(--bean);width:24px;height:24px;border:4px solid var(--paper);box-shadow:0 2px 6px #44213d25}
.live-tally{margin:22px 0 16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:0}.tally-heading b{font-size:16px}.tally-heading span,.live-tally small{font-size:13px;color:var(--ink-2)}.tally-track{background:#b8dbe7;height:10px}.tally-track>span{background:var(--pink)}
/* A consistent, quiet navigation frame. */
.tabbar{width:min(calc(100% - 24px),636px);bottom:10px!important;background:var(--paper);border:1.5px solid #d7c1d1;border-radius:20px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 6px 20px #44213d0d;gap:4px}
.tabbar a{max-width:none;min-height:51px;font-size:12px;font-weight:800;color:var(--ink-2);border-radius:13px;padding:4px 2px}.tabbar a.active{background:#f9dce8;color:var(--ink)}.tabbar svg{stroke-width:2.6}
.toast{background:var(--ink);color:var(--paper);bottom:104px;max-width:calc(100% - 32px)}
/* Stamp the result, rather than decorating every surface with a seal. */
.verdict-card{border:2px solid var(--ink);border-radius:20px;background:var(--paper);padding:24px 20px;animation:none;margin:12px 0 20px}
.vc-no{font-size:13px;color:var(--ink-2)}.vc-title{font-size:clamp(23px,5vw,30px);font-weight:850;line-height:1.4;margin:14px 0 20px}
.verdict-emblem{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0}.verdict-emblem .brand-seal{width:96px;height:96px;animation:brand-stamp .45s cubic-bezier(.16,1,.3,1) both}
.vc-stamp{border:0;padding:0;margin:0;transform:none;font-size:48px;font-weight:900;animation:none}.vc-penalty{margin:18px 0}.vc-item-emoji{font-size:42px}.vc-amount{font-size:34px;font-weight:900}.vc-item-label{font-size:18px;color:var(--ink-2)}
.vc-sentence{background:var(--lavender-soft);padding:16px;border-radius:12px;font-size:16px;line-height:1.75}.vc-bar{border:0;height:10px;background:#b8dbe7}.vc-bar-guilty{background:var(--pink)}.vc-meter-head{gap:10px;flex-wrap:wrap}.vc-meter-foot{margin-top:8px}.vc-mine{background:#fff0f4}
.judgment-card{border:2px solid var(--ink);border-radius:20px;background:var(--paper)}.jc-head{color:var(--ink-2)}.jc-who{font-weight:800;color:var(--ink)}.jc-title{font-weight:850;font-size:25px;line-height:1.4}.judgment-emblem{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0}.judgment-emblem .brand-seal{width:70px;height:70px}.jc-stamp{transform:none;border:0;font-size:40px;margin:0;padding:0}.jc-sentence{color:var(--ink);font-size:16px}.jc-actions .btn{font-size:14px}.jc-note{margin-top:12px}.submitted-banner{background:var(--lavender-soft);color:var(--ink);font-weight:750}
.reaction-faces figcaption{color:var(--ink-2);font-size:13px}.gavel-stage{background:var(--lavender-soft)}.gavel-words{font-weight:900;color:var(--ink)}
.type-share-card>.brand-wordmark{margin:0 auto 22px;width:96px;height:54px}.type-share-card h2{font-weight:900}.type-share-card .row{display:grid;grid-template-columns:1fr 1fr}.type-share-card p{line-height:1.7}
@keyframes brand-stamp{from{transform:scale(1.35) rotate(-14deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
/* History and notebook use the same ink, with calmer repeated rows. */
.archive-list{margin:24px 0}.archive-row{border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:18px 0;margin:0;gap:14px;align-items:flex-start}.archive-row:hover{background:#fff0f480}.ar-body{min-width:0}.ar-stamp{width:48px;height:48px;font-size:15px;transform:none;border-width:2px;background:var(--paper);font-weight:850;margin-top:3px}.ar-title{font-size:19px;font-weight:800;line-height:1.5;margin:4px 0 6px;word-break:keep-all;overflow-wrap:anywhere}.ar-no{font-size:12px}.ar-summary{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:13px;line-height:1.6}.ar-summary>span{display:inline-block}
.nb-cover{background:var(--lavender-soft);color:var(--ink);border:0;border-radius:16px;padding:20px;gap:12px}.nb-cover h2{color:var(--ink);font-size:21px}.nb-cover .nb-grade,.nb-cover .nb-next{color:var(--ink-2)}.nb-grade{font-weight:750}.nb-stat{border:0;border-radius:12px;background:#f5edf8;padding:16px}.nb-stat-value{font-weight:900;color:var(--ink)}.nb-h{font-weight:850;font-size:21px;margin-bottom:16px}.nb-recent{background:transparent}.nb-recent-title{font-weight:750;margin:8px 0;font-size:18px}.nb-recent .muted{font-size:13px}.nb-recent-top{gap:10px;flex-wrap:wrap}.nb-type-row{grid-template-columns:minmax(0,1fr) 70px 36px}.nb-type-bar div{background:var(--lavender)}.nb-dex.owned{background:#fff0f4;border-color:#e8bfd0}.nb-dex.owned.rare{background:var(--lavender-soft);border-color:var(--lavender)}.nb-dex.locked{opacity:1;color:var(--ink-2)}.badge-seal{background:#fff0f4;border:2px solid #d4aac1;box-shadow:none}.badge-desc{font-size:13px}.badge-name{font-weight:750}.badge-cell.locked .badge-seal{border-color:var(--line)}
.hamster-custom h3{font-size:21px}.custom-choice{background:#f5edf8;border-radius:12px}.custom-choice[aria-pressed=true]{border-color:var(--ink);background:#ffe7ef}.custom-choice:hover{background:#f0ddeb}.custom-preview{padding:16px 0 22px}
.retrial-banner{background:var(--lavender-soft);color:var(--ink);border:0;border-radius:12px;font-size:14px;line-height:1.65}.retrial-result{border-color:var(--line);background:var(--lavender-soft);border-radius:16px}.rr-title{color:var(--ink-2)}.rr-verdict{font-weight:850;color:var(--ink)}
.closed-hours{background:var(--lavender-soft);border:0}.closed-hours h2{font-weight:850}.prev-teaser{background:var(--paper);border-style:solid;line-height:1.7}.notify-offer{background:var(--paper);color:var(--ink)}
.modal-overlay{background:#44213d66}.modal-box{background:var(--paper);color:var(--ink)}.sheet-close{background:var(--lavender-soft);color:var(--ink);font-weight:750}.recovery-auth h2{font-weight:850}.cert-code{background:var(--lavender-soft);border:1px solid #d8bfdf;color:var(--ink)}.recovery-auth input:not([type=checkbox]){border-color:#bda0b4}.recovery-auth input[type=checkbox]{accent-color:var(--bean)}
.shared-page{padding-top:28px}.shared-page>.logo{display:inline-flex;margin-bottom:24px}.shared-page h1{font-size:clamp(26px,6vw,36px);font-weight:900;line-height:1.35}.shared-page>p{line-height:1.75}.shared-page>img{border:1px solid var(--line)}
@media(max-width:360px){.wrap{padding-inline:14px}.topbar-inner{height:76px}.brand-wordmark{width:100px;height:56px}.case-paper{padding:17px 16px}.case-title{font-size:26px}.character-court{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);padding:10px 8px;gap:8px}.scene-judge .owl-judge>svg{width:56px;height:56px}.scene-judge-desk{width:64px;font-size:10px}.scene-party blockquote{font-size:12px;padding:6px 4px}.scene-party>svg{width:54px;height:56px}.scene-party figcaption{font-size:10px}.stamp{min-height:78px}.tabbar{width:calc(100% - 16px);bottom:8px!important}.type-share-card .row{grid-template-columns:1fr}.vc-title{font-size:23px}.ar-stamp{width:42px;height:42px;font-size:14px}.archive-row{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* New participation awards share one 3-by-2 illustration atlas. */
.badge-shelf{row-gap:24px;align-items:start}.badge-cell{min-width:0}.badge-name{line-height:1.4;word-break:keep-all}.badge-desc{margin-top:5px;line-height:1.5;word-break:keep-all}.badge-status{font-size:11px;font-weight:750;color:var(--ink-2);margin-top:5px}.badge-cell.owned .badge-status{color:var(--guilty)}
.badge-seal.badge-art{width:96px;height:96px;border:0;border-radius:0;background-color:var(--paper);background-image:url('/core/web/art/brand/participation-badges.webp');background-size:300% 200%;background-repeat:no-repeat;box-shadow:none}
.badge-cell.locked .badge-art{background-image:url('/core/web/art/brand/participation-badges.webp');background-size:300% 200%;background-repeat:no-repeat;filter:grayscale(1);opacity:.55}
.badge-shelf{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.badge-name{font-size:15px}
@media(min-width:600px){.badge-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}