/* Document desk */
.clause.selected{width:100%;display:block;text-align:left}.clause.selected small{margin-top:6px;font-size:10px;color:#77876c}.auto-clause-label{display:inline-block;font-size:8px;color:#6c855d;border:1px solid #c4d1b6;padding:1px 5px;margin-top:7px;border-radius:3px}
.document-modal{width:min(1210px,97vw);max-width:none;padding:0;max-height:94vh;background:#e7e9e1;overflow:auto}.document-modal>.close{z-index:5;color:#52634e;background:#f8f7ee;border:1px solid #d3d9cb;border-radius:50%;width:32px;height:32px;top:17px;right:18px;font-size:22px}.document-toolbar{display:flex;justify-content:space-between;align-items:center;background:#f7f6ed;padding:24px 65px 20px 28px;border-bottom:1px solid #d6dacd}.document-toolbar h2{margin:7px 0 0;font-size:20px}.document-file-index{font-size:11px;letter-spacing:2px;color:#83917a}.document-switcher{display:flex;gap:7px;padding:14px 26px;border-bottom:1px solid #cdd3c4;background:#f0f0e8;overflow-x:auto}.document-switcher button{white-space:nowrap;font-size:11px;background:#fffef7;border:1px solid #d3d9c9;border-radius:4px;padding:9px 12px}.document-switcher button.active{color:white;background:#294f3c;border-color:#294f3c}.document-switcher button:disabled{opacity:.45;cursor:not-allowed}.document-workbench{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:0}.document-scroll{padding:15px 27px 25px;min-width:0;max-height:calc(94vh - 153px);overflow:auto;background-color:#e4e6de;background-image:radial-gradient(#c6cebf .7px,transparent .7px);background-size:8px 8px}.document-controls{display:flex;justify-content:space-between;align-items:center;color:#6f7a65;font-size:11px;margin-bottom:13px;gap:15px}.document-controls>div{display:flex;align-items:center;gap:9px}.document-controls button{background:#f8f8f0;border:1px solid #c3cbb9;width:27px;height:27px;border-radius:4px}.document-sheet{--doc-scale:1;background:#fffef8;position:relative;padding:29px 26px 22px;box-shadow:0 4px 16px #30482c15;border:1px solid #c4c6b8;font-family:'Noto Sans KR',sans-serif;font-size:calc(11px * var(--doc-scale));color:#30352c;overflow:hidden;line-height:1.75;min-height:680px}.document-sheet>*:not(.document-watermark){position:relative;z-index:1}.document-watermark{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;font-size:50px;letter-spacing:7px;color:#63765a08;transform:rotate(-33deg);font-weight:900;white-space:nowrap}.document-topline{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#7b8174;border-bottom:1px solid #9b9e8b;padding-bottom:10px}.document-sheet h3{text-align:center;font-family:Georgia,'Noto Sans KR',serif;font-size:calc(23px * var(--doc-scale));letter-spacing:3px;line-height:1.5;margin:23px 0 6px}.document-subtitle{text-align:center;color:#777e6c;font-size:10px;letter-spacing:1px;margin-bottom:24px}.document-object{border-top:2px solid #6c7460;border-bottom:1px solid #6c7460;padding:10px 3px;font-size:11px;margin-bottom:22px;font-weight:600}.document-section{margin-top:24px}.document-section h4{font-size:calc(12px * var(--doc-scale));font-weight:700;margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #9ca28f}.document-table-wrap{overflow-x:auto}.document-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:inherit;min-width:380px}.document-table th,.document-table td{border:1px solid #aeb3a2;padding:8px 7px;vertical-align:top;font-weight:400;word-break:normal;overflow-wrap:break-word}.document-table th{background:#f0f0e6;text-align:center;font-size:.93em;white-space:nowrap;font-weight:600}.registry .document-table{font-size:.94em}.registry .document-table th:first-child{min-width:38px}.registry .document-table td:first-child{text-align:center}.document-table td:first-child{min-width:65px}.document-table del{color:#939687;text-decoration-color:#9c6255}.evidence-field{text-align:left;border:0;background:transparent;padding:3px 19px 3px 3px;margin:-3px;position:relative;font:inherit;color:inherit;line-height:inherit;border-radius:2px;min-width:34px}.evidence-field:hover{background:#f6efd4;box-shadow:0 0 0 1px #d9c990}.evidence-field.marked{background:#f5df89a8;box-shadow:inset 0 -3px #e3bd56a3}.mark-symbol{position:absolute;right:3px;top:1px;font-size:10px;color:#9c9e87;opacity:.75}.marked .mark-symbol{color:#806522}.document-small{font-size:9px;color:#7d8374;line-height:1.9;margin:24px 0 0}.document-list{padding-left:21px;line-height:2}.document-callout{border:1px solid #b9c4ae;border-left:3px solid #6f8966;padding:12px;background:#f2f5e9;margin-top:22px}.document-certification{text-align:center;margin:35px 0 28px;display:grid;gap:10px}.document-certification strong{font-size:13px;letter-spacing:1px}.document-bottomline{display:flex;justify-content:space-between;border-top:1px solid #aab09b;padding-top:10px;gap:15px;color:#777e6d;font-size:9px}.document-disclaimer{font-size:10px;color:#7d8675;line-height:1.8;margin-bottom:0}.signature-block{text-align:right;margin:30px 0 0;padding:15px;border-top:1px solid #bfc7b5;font-size:12px}.bank .document-object,.guarantee .document-object{border-top-color:#557b7d}.bank h3,.guarantee h3{letter-spacing:1px;font-size:20px}.memo{background:#fffcdf}.evidence-sidebar{padding:27px 20px;background:#f5f4e9;border-left:1px solid #c9d0c0;max-height:calc(94vh - 153px);overflow:auto}.sidebar-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#b77c4c}.evidence-sidebar h3{font-size:17px;letter-spacing:-.6px;margin:9px 0 20px}.listing-snapshot{background:#fffef9;border:1px solid #d5d8c9;border-radius:5px;padding:16px;font-size:11px;line-height:1.8}.listing-snapshot>span{display:block;color:#8d9482;font-size:9px;margin-bottom:8px}.listing-snapshot>b{font-size:13px}.listing-snapshot p{font-size:11px;color:#818775}.listing-snapshot>strong{font-size:13px;color:#40563a}.listing-snapshot blockquote{margin:15px -1px 0;border-left:2px solid #c99668;background:#f6f0e3;padding:10px 12px;font-size:11px;color:#80694e}.evidence-notes h4{font-size:12px;margin:24px 0 12px}.evidence-notes h4 span{font-size:10px;background:#dce5ce;border-radius:10px;padding:2px 7px;margin-left:6px}.evidence-notes .empty{font-size:11px;line-height:1.9}.marked-note{padding:11px;background:#fff6cb;border:1px solid #e4d79d;margin:8px 0;border-radius:3px;box-shadow:0 2px 3px #34442606}.marked-note>span{font-size:9px;color:#9c874f}.marked-note p{font-size:11px;color:#625d41;line-height:1.85;margin:5px 0 0}.reading-guide{margin-top:14px;font-size:11px;border-top:1px solid #d7dbc9;padding-top:12px;color:#78816d}.reading-guide summary{cursor:pointer;color:#526b45}.reading-guide p{line-height:1.85;font-size:11px}.document-return{font-size:11px;width:100%;margin-top:22px;padding:12px 8px}.document-modal .empty{font-size:11px}
/* Contract draft */
.base-contract{border:1px solid #c9ccbd;background:#fffef8;border-radius:5px;overflow:hidden;margin-bottom:28px}.contract-ribbon{background:#e8ecdf;border-bottom:1px solid #c9d1bc;display:flex;justify-content:space-between;padding:11px 15px;font-size:9px;letter-spacing:1px;color:#6d7d5f}.base-contract h3{text-align:center;margin:22px 12px 8px;font-size:21px;letter-spacing:2px}.base-contract .contract-caption{font-size:10px;line-height:1.8;text-align:center;color:#8a8f7f;padding:0 16px;margin-bottom:20px}.contract-table-wrap{overflow-x:auto;margin:0 15px}.contract-info{border-collapse:collapse;width:100%;font-size:11px;line-height:1.8;min-width:300px}.contract-info th,.contract-info td{border:1px solid #bcc4ad;padding:9px 10px;text-align:left}.contract-info th{background:#f1f2e7;white-space:nowrap;font-size:10px;font-weight:500;min-width:58px}.contract-info td{min-width:75px}.contract-articles{padding:8px 18px}.contract-articles>div{border-bottom:1px solid #e7e9dd;padding:12px 0}.contract-articles b{font-size:11px;color:#4d5b43}.contract-articles p{font-size:11px!important;color:#717a66!important;margin:6px 0 0;line-height:1.9!important}.contract-signatures{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin:15px 18px;padding:14px 0;border-bottom:1px dashed #bfc5b2}.contract-signatures i{font-style:normal;color:#9da38f;font-size:9px;margin-left:7px}.base-contract .contract-footnote{font-size:9px!important;line-height:1.8!important;color:#919784!important;padding:0 18px 12px}.special-contract-heading h3{margin:8px 0 14px}.broker-basics{padding:13px;background:#eaf0df;border:1px solid #c8d5b8;color:#647a50;border-radius:5px;font-size:11px;line-height:1.85;margin-bottom:15px}
/* Decisions and consequence scenes */
.accident-story,.accident-debrief{padding:10px 0}.story-progress{display:flex;gap:6px;margin:22px 0}.story-progress span{height:4px;background:#dde1d1;flex:1;border-radius:4px}.story-progress .lit{background:#d08054}.story-icon{height:80px;display:grid;place-items:center;font-size:54px;color:#c67c52;animation:float 4s ease-in-out infinite}.accident-story h2{font-size:25px;line-height:1.45;letter-spacing:-1px;margin-top:20px}.story-text{line-height:1.95;font-size:14px;color:#6d7963}.signed-receipt{border:1px dashed #c2c8b3;background:#fffdf3;padding:18px;margin:25px 0;display:grid;gap:7px}.signed-receipt>span{font-size:10px;letter-spacing:.5px;color:#8d957e}.signed-receipt strong{font-size:25px;color:#38523b;margin-bottom:9px}.signed-receipt p{font-size:11px;line-height:1.8;color:#7d856f;margin:0}.failure-amount{display:grid;gap:6px;border-left:3px solid #c57752;background:#f0e8da;padding:18px;margin:22px 0}.failure-amount>span{font-size:11px;color:#8d7d67}.failure-amount strong{font-size:26px;color:#8e593f}.failure-amount small{font-size:10px;color:#9d8b74}.debrief-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.debrief-columns section{border-top:1px solid #d1d7c4;padding-top:10px}.debrief-columns h3{font-size:14px}.debrief-columns b{font-size:12px;color:#7a794f}.debrief-columns p{font-size:12px;line-height:1.95;color:#7a826e}
/* Investigation HUD */
.case-hud{display:flex;gap:18px;align-items:center;border:1px solid #cfd7c2;border-radius:7px;background:#ebefe2;padding:15px 19px;margin-bottom:22px}.hud-step{display:flex;gap:8px;align-items:center;font-size:11px;color:#8d9881}.hud-step b{font-size:10px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #bcc8ad;border-radius:50%}.hud-step.done{color:#42613b}.hud-step.done b{background:#516c46;color:white;border-color:#516c46}.hud-step.active{color:#b77a47}.hud-step.active b{border-color:#b78b5f;color:#9c6f42}.hud-divider{height:1px;flex:1;background:#ccd5bf}.hud-meta{margin-left:auto;font-size:10px;color:#869478;white-space:nowrap}.evidence-board{background-color:#ede4d1;background-image:radial-gradient(#c4bda9 .7px,transparent .7px);background-size:6px 6px;border:1px solid #d8c9ac;border-radius:6px;padding:18px;min-height:160px;position:relative}.evidence-board:before{content:'EVIDENCE BOARD';position:absolute;top:12px;right:14px;font-size:8px;letter-spacing:2px;color:#a39579}.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-top:12px}.board-card{background:#fffae4;border:1px solid #ded1ad;padding:13px 12px;box-shadow:1px 3px 5px #594a2b12;transform:rotate(-1deg);position:relative;min-height:90px}.board-card:nth-child(2n){transform:rotate(1deg);background:#f8f7e9}.board-card:before{content:'';position:absolute;width:7px;height:7px;background:#b56b4d;border-radius:50%;top:5px;left:50%;box-shadow:0 2px 2px #875c3d33}.board-card span{font-size:9px;color:#a0916c;display:block;margin-top:2px}.board-card p{font-size:11px!important;line-height:1.8!important;color:#6d654a!important;margin:7px 0 0!important;overflow-wrap:anywhere}.board-empty{font-size:12px;color:#998b6e;line-height:1.9;padding:30px 10px 15px}.deduction-control{width:100%;margin-top:16px;border:1px solid #a7b99a;background:#f2f6e9;padding:12px;border-radius:5px;text-align:left;color:#526d43}.deduction-control small{display:block;font-size:10px;color:#92a084;margin-top:5px}.deduction-panel{padding:8px 0}.deduction-panel h2{font-size:26px}.deduction-sentence{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:14px;line-height:2.7;padding:20px;background:#eef0e4;border:1px solid #d3dac5;border-radius:6px;margin:20px 0}.deduction-sentence select{max-width:100%;padding:10px;border:1px solid #b6c5a7;background:#fffef5;color:#4a6341;border-radius:4px;font:inherit;font-size:12px}.deduction-feedback{padding:14px;background:#f1e8d7;border-radius:5px;font-size:12px;color:#94744e;line-height:1.85}.deduction-feedback.correct{background:#e6eedb;color:#5a7749}.game .panel{align-self:start}.scene{overflow:hidden}.scene:after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 45% 30%,#fff9db33,transparent 70%)}.hotspot{z-index:1}.game>.panel>.tabs{position:sticky;top:0;z-index:2;background:#fffdf7;padding:8px 0}.hero .artlabel{border-left:3px solid #d58b5f}
@media(min-width:1100px){.document-sheet{padding:35px 35px 25px}.game{grid-template-columns:1fr 1.13fr}}
@media(max-width:850px){.document-workbench{grid-template-columns:1fr}.document-scroll{max-height:none;padding:16px 13px}.evidence-sidebar{max-height:none;border-left:0;border-top:1px solid #c9d0c0;padding:22px}.document-toolbar{padding:21px 55px 18px 20px}.document-toolbar h2{font-size:17px}.document-file-index{display:none}.document-switcher{padding:12px 15px}.document-sheet{padding:22px 16px}.document-topline{font-size:8px}.document-sheet h3{font-size:calc(20px * var(--doc-scale));letter-spacing:1px}.case-hud{gap:8px;padding:12px}.hud-step{font-size:10px;gap:4px}.hud-step b{width:19px;height:19px}.hud-meta{display:none}.debrief-columns{grid-template-columns:1fr;gap:8px}.contract-articles{padding:8px 14px}.document-controls{font-size:10px}.board-grid{gap:10px}.document-workbench .document-table{min-width:460px}.document-workbench .document-table-wrap{margin-bottom:4px}.document-scroll:before{content:'서류 표는 좌우로 밀어 확인할 수 있습니다 ↔';display:block;font-size:10px;color:#90997e;margin-bottom:10px}}
@media(max-width:400px){.document-controls{align-items:start}.document-controls>span{max-width:140px}.document-sheet h3{font-size:18px}.document-topline{flex-direction:column;gap:1px}.board-grid{grid-template-columns:1fr}.contract-table-wrap{margin:0 10px}.base-contract h3{font-size:18px}.hud-step{flex-direction:column;gap:3px}.hud-divider{min-width:8px}}
