/* hod-008: restrained pot UI with shared hamster characters. No game-rule changes. */
@font-face{font-family:CourtSans;src:url('/core/web/fonts/SUITE-Variable.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--cream:#f8f7f3;--cream-2:#f1ede5;--paper:#fffefa;--butter:#e8cbb1;--butter-2:#f5e8da;--butter-dark:#a46a48;--bean:#80543d;--bean-2:#795a49;--ink:#342f2a;--ink-2:#75665b;--guilty:#a34231;--guilty-soft:#f9e8df;--innocent:#42644e;--innocent-soft:#e9f0e5;--ok:#42644e;--line:#e4ddd3;--radius:16px;--shadow:none;--font:CourtSans,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--font-body:var(--font)}
html{scroll-padding-top:85px;scrollbar-color:#c1b5a7 var(--cream)}
body{background:var(--cream);background-image:none;font-size:16px;line-height:1.65;padding-bottom:100px}
::selection{background:#e8cbb1;color:var(--ink)}
input,textarea{caret-color:var(--bean)}
button,a,input{outline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8d674e}
h1,h2,h3,.display{font-weight:750;letter-spacing:-.025em}
a{text-underline-offset:4px}
.wrap{max-width:600px;padding-inline:22px}
.topbar{background:var(--paper);backdrop-filter:none;border-bottom:1px solid var(--line)}
.topbar-inner{height:70px;gap:12px}
.logo{gap:10px}.logo-mark{display:flex;transform:none;color:var(--bean)}.logo b{font-weight:850;font-size:25px;letter-spacing:-.04em}.logo small{font-size:11px;letter-spacing:.03em}
#auth-slot .btn.small{font-size:13px;padding:8px 12px;min-height:40px}#auth-slot .link-btn{font-size:13px;min-height:40px}
.tabbar{background:var(--paper);border-top:1px solid var(--line);gap:8px;padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}
.tabbar a{font-family:var(--font);font-size:12px;font-weight:650;min-height:50px;gap:4px;max-width:135px;border-radius:9px;color:var(--ink-2)}
.tabbar a span{display:flex}.tabbar a svg{width:21px;height:21px}.tabbar a.active{background:var(--cream-2);color:var(--bean)}
.btn{font-weight:700;font-size:16px;min-height:46px;border-radius:10px;box-shadow:none;padding:11px 18px;transition:background .15s,color .15s}
.btn.bean{box-shadow:none;background:var(--bean);color:white}.btn.ghost{box-shadow:none;background:transparent;border:1px solid var(--line)}.btn:active{transform:none;box-shadow:none}.btn:hover{filter:brightness(.97)}
.btn.small{font-size:14px;min-height:42px}.link-btn{min-height:40px}.btn:disabled{opacity:.5}.card{border:1px solid var(--line);box-shadow:none;border-radius:16px;padding:22px;margin:18px 0}
.chip{border:0;background:var(--cream-2);font-size:12px;padding:3px 9px}.page-title{font-size:24px;margin:25px 0 16px}
.hamster-portrait{display:inline-flex;vertical-align:middle;line-height:0}.hamster-portrait svg{overflow:hidden;image-rendering:auto;flex-shrink:0}
.hamster-judge{position:relative;display:inline-flex;flex-shrink:0;padding:4px 3px 12px}.judge-gavel{position:absolute;right:-3px;bottom:0;color:var(--bean);line-height:0;transform:rotate(-12deg)}
.bob{animation:none}.court-intro{gap:17px;margin:24px 0 16px;align-items:center}.court-greeting{min-width:0}.judge-name{display:block;font-size:12px;color:var(--ink-2);font-weight:650;margin:0 0 4px}
.bubble{border:0;background:transparent;border-radius:0;padding:0;font-size:16px;font-weight:650;line-height:1.55;word-break:keep-all}.bubble::before{display:none}
.case-paper{border:1px solid var(--line);border-radius:16px;box-shadow:none;background:var(--paper);background-image:none;padding:23px 23px 26px;margin:14px 0 0}
.case-no{font-size:12px;letter-spacing:0;color:var(--ink-2)}.case-title{font-size:29px;line-height:1.3;margin:17px 0 10px;font-weight:800;letter-spacing:-.035em}.case-situation{font-size:17px;line-height:1.7;color:#5d5046}.case-seal{display:none}
.case-meta{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;margin:0;padding:18px 5px}
.countdown{font-size:13px;color:var(--ink-2)}.countdown b{font-size:21px;font-weight:750;margin-left:6px;color:var(--ink)}.live-count{font-size:12px;gap:12px;margin-top:5px}.live-count b{font-size:13px;font-weight:750}
.hamster-jury{display:flex;align-items:center;justify-content:center;gap:10px;margin:17px 0 12px;color:var(--ink-2);font-size:12px}.jury-portraits{display:flex;gap:2px}
.judging{margin:14px 0 20px}.stamps{gap:12px}.stamp{max-width:none;aspect-ratio:auto;min-height:98px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:none;gap:0;padding:12px;color:var(--ink-2);transition:background .15s,border-color .15s}
.stamp-emoji{display:none}.stamp-label{font-size:25px;font-weight:800;letter-spacing:-.04em}.stamp-guilty{background:#fcf3ed;color:var(--guilty)}.stamp-innocent{background:#f0f4ed;color:var(--innocent)}
.stamp-guilty.on{border:2px solid var(--guilty);box-shadow:none;background:var(--guilty-soft)}.stamp-innocent.on{border:2px solid var(--innocent);box-shadow:none;background:var(--innocent-soft)}
.stamp.thud{animation:none}.stamp:active{transform:none}.stamp-guilty::after{content:'책임이 있어요';font-size:12px;font-weight:400}.stamp-innocent::after{content:'그럴 수 있어요';font-size:12px;font-weight:400}
.sentence-box{border:0;background:var(--paper);border-radius:12px;padding-inline:18px;transition:none}.sentence-box.open{max-height:none;margin-top:14px;padding:20px 18px;border:1px solid var(--line)}
.sentence-q{font-size:14px;color:var(--ink-2)}.item-preview{margin:14px 0 18px;gap:16px}.item-emoji{font-size:44px}.item-emoji.pop{animation:none}.amount-text{font-size:30px;font-weight:800;line-height:1.3;color:var(--ink)}.item-label{font-size:14px;color:var(--ink-2);margin-top:3px}.range-ends{font-size:12px}
.gavel-slider{height:8px;border:0;margin:16px 0 14px;accent-color:var(--bean);background:linear-gradient(90deg,var(--bean) 0 var(--pct,30%),var(--cream-2) var(--pct,30%) 100%)}
.gavel-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border:3px solid white;background:var(--bean);box-shadow:0 1px 5px #342f2a30;border-radius:50%}
.gavel-slider::-moz-range-thumb{width:22px;height:22px;border:3px solid white;background:var(--bean);box-shadow:0 1px 5px #342f2a30;border-radius:50%}
.submit-btn{font-size:17px;padding:13px;min-height:50px}.submitted-banner{background:var(--innocent-soft);color:var(--innocent);border-radius:10px;font-size:14px;padding:12px;margin-top:18px}
.judgment-card{border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:24px 22px;animation:none}.jc-head{font-size:12px;gap:12px}.jc-title{font-size:21px;font-weight:750;margin:17px 0}.jc-stamp{font-size:34px;font-weight:800;border-width:3px;border-radius:7px;animation:none;margin:8px 0 16px}.jc-item{font-size:19px;font-weight:700}.jc-item-emoji{font-size:34px}.jc-sentence{font-size:15px;line-height:1.8;margin:15px 0 22px}.jc-type,.jc-type.rare{background:var(--cream-2);border-radius:10px;animation:none;padding:15px}.jc-type-emoji{font-size:32px}.jc-type-name{font-size:18px;font-weight:750}.jc-type-reason{font-size:13px;line-height:1.6}.jc-actions .btn{flex:1}.jc-type-label{font-size:11px}
.nudge{background:var(--cream-2);border:0;border-radius:12px;padding:16px;font-size:14px}.after-actions{gap:10px}.after-actions .btn{font-size:14px;padding:12px 8px}.gallery-box,.notify-offer,.prev-teaser{border-width:1px;border-radius:12px;box-shadow:none}.gallery-bar{border:0}.gallery-guilty{background:var(--guilty-soft);color:var(--guilty)}.gallery-innocent{background:var(--innocent-soft);color:var(--innocent)}
.field input{border:1px solid #cfc2b4;border-radius:9px;font-size:16px}.modal-overlay{background:#342f2a66}.modal-box{background:var(--paper);max-height:90dvh;border-radius:18px 18px 0 0;padding:24px;box-shadow:0 18px 60px #342f2a26}.modal-box h2{font-size:23px}.role-option{border-width:1px!important;box-shadow:none!important;border-radius:12px!important}.role-desc{line-height:1.6}.error-text{color:var(--guilty)}
.demo-bar{background:#ede8dc;border-bottom:1px solid #d8cfbf;font-size:12px}.demo-bar b{font-size:13px}.demo-bar .wrap{gap:6px;padding-block:6px}.demo-bar button{font-size:11px;border:1px solid #c4b39d;background:#fffcf5;padding:4px 8px;min-height:30px;color:#5d5046}.demo-bar .wrap>span{margin-right:auto}
.toast{background:var(--ink);bottom:92px;border-radius:10px;font-size:14px}.closed-hours h2{font-size:24px}.closed-hours .row{gap:10px}.closed-hours .btn{font-size:14px}
@media(min-width:640px){.modal-box{border-radius:18px}.court-intro{margin-top:30px}.case-paper{padding:26px}.case-title{font-size:32px}}
@media(max-width:370px){.wrap{padding-inline:16px}.topbar-inner{gap:6px}.logo small{font-size:10px}.logo b{font-size:22px}.logo-mark svg{width:21px}.logo{gap:7px}.court-intro{gap:12px}.bubble{font-size:15px}.case-title{font-size:25px}.case-paper{padding:18px}.case-situation{font-size:16px}.hamster-jury{gap:6px;font-size:11px}.jury-portraits .hamster-portrait svg{width:28px}.jc-head{flex-wrap:wrap}.modal-box{padding:20px 16px}.after-actions{grid-template-columns:1fr}.tabbar{gap:3px}.stamp{min-height:88px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Supporting screens use the same quiet surfaces; long account IDs remain visible. */
.nb-cover{display:grid;grid-template-columns:32px minmax(0,1fr) 54px;gap:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:20px 16px;overflow:visible}
.nb-cover>div{min-width:0}.nb-cover h2{font-size:21px;overflow-wrap:anywhere;line-height:1.45;margin:3px 0}.nb-grade{color:var(--bean);font-size:12px}.nb-grade-emoji{font-size:29px}.nb-next{color:var(--ink-2);font-size:12px}.nb-mascot{margin:0}.nb-mascot .hamster-portrait svg{width:48px;height:40px}
.nb-stat{border-width:1px;border-radius:12px}.nb-stat-value{font-size:25px;font-weight:750}.nb-h{font-size:19px;font-weight:750}.nb-dex{border-width:1px;border-radius:10px}.nb-dex.owned,.nb-dex.owned.rare{background:var(--cream-2);border-color:#b8a18c}.nb-recent{border-width:1px;border-radius:10px}.nb-type-bar{height:8px}.nb-type-row{grid-template-columns:minmax(0,1fr) 70px 35px}
.verdict-card{border-width:1px;border-radius:16px;animation:none}.vc-title{font-size:24px}.vc-stamp{border-width:3px;border-radius:8px;font-size:40px;animation:none}.vc-no{font-size:12px}.vc-item-emoji{font-size:48px}.vc-amount{font-size:34px;font-weight:750}.vc-item-label{font-size:18px}.vc-sentence,.vc-mine{border-radius:10px;font-size:15px}.vc-bar{border:0;height:10px}.vc-meter-head{gap:12px;flex-wrap:wrap}.vc-meter-foot{color:var(--ink-2)}
.retrial-banner{color:var(--innocent);border-radius:10px}.retrial-result{border-radius:14px;animation:none}.rr-verdict{font-size:22px}.rr-match{font-size:16px}.role-option.judge{background:var(--cream-2)!important}
.gavel-mascot .judge-gavel{transform-origin:80% 90%;animation:hamjji-bang .6s ease-in-out 3}
@keyframes hamjji-bang{0%,100%{transform:rotate(-12deg)}35%{transform:rotate(-45deg)}65%{transform:rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.gavel-mascot .judge-gavel{animation:none}.gavel-words span{opacity:1}}