/* Future Desk stays an investigation board, with readable HTML evidence. */
body{background:radial-gradient(ellipse at 50% 0,#fffefa,#e6eff7 65%,#d4e3ef)}
.wrap{max-width:1240px}.title h1{color:#254b6a;letter-spacing:-.04em}.props{height:260px;max-width:670px}.prop{object-fit:contain;aspect-ratio:1;filter:drop-shadow(0 14px 10px #1d3a551c)}
.prop.p1{width:205px;top:40px;left:1%}.prop.p2{width:195px;left:36%;top:0}.prop.p3{width:180px;right:1%;top:55px}
.panel{border:1px solid #fff}.connect{gap:28px;grid-template-columns:1fr 1.15fr}.connect h2{font-size:1.7rem;line-height:1.2}.connect p{line-height:1.6}
.rules{padding-top:18px;border-top:1px solid #dbe6ee}.rule-art{height:110px;display:flex;align-items:center;justify-content:center;gap:12px}.rule-art img{height:90px;width:100px;object-fit:contain}.rule-art .thread{width:36px;border-top:4px solid var(--yarn);transform:rotate(-12deg)}.rule-art .small-stamp{border:3px solid var(--good);color:var(--good);font-size:.7rem;font-weight:850;border-radius:5px;padding:5px;transform:rotate(-8deg)}.step p{font-size:1rem}
.board{padding:28px 24px 24px;background:radial-gradient(circle at 30% 50%,#b69267 0 1px,transparent 2px) 0 0/13px 11px,linear-gradient(120deg,#d5b587,#c59b69);box-shadow:inset 0 0 0 8px #835c39,inset 0 0 0 12px #b58654,0 9px 0 #29485c18;min-height:570px}
.board-grid{grid-template-columns:.95fr 1.35fr 1fr;gap:24px}.board-grid>*{min-width:0}.clip{padding:22px 18px 32px;transform:rotate(-1deg);border-bottom:6px solid #ebe6d9}.clip h2{font-size:1.4rem;line-height:1.27;clear:both}.clip .kicker{font-size:.8rem;padding-top:4px}.clip .from{font-size:.93rem;line-height:1.45}.clip .clip-art{float:right;width:60px;height:55px;object-fit:contain;margin:-3px 0 5px 8px}.case-no{bottom:10px;right:14px;color:#665943;font-size:.8rem}
.folder{padding:16px 10px;background:#f5dfad;border:2px solid #ad814a;border-radius:20px;box-shadow:0 7px 0 #7f5d3930;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.folder img{display:block;width:100%;height:200px;object-fit:contain}.folder .folder-label{background:#fff9e7;border-radius:12px;padding:11px 16px;font-weight:850;color:#3c5670;box-shadow:0 3px 0 #8a5f3620}.folder:hover{background:#ffe8b5}.folder:active{transform:translateY(3px)}
.doc{transform:rotate(.4deg);padding:18px 14px;border-top:7px solid #d1e0ed}.doc h3{font-size:1.1rem;min-height:45px;display:flex;align-items:center;gap:8px;line-height:1.25}.doc h3 img{width:45px;height:45px;object-fit:contain;flex-shrink:0}.doc .by{font-size:.9rem;line-height:1.4}.doc .lines{gap:9px}.line{font-size:1rem;line-height:1.45;padding:11px 10px 11px 34px;min-height:50px}.line:before{left:10px;top:15px;width:12px;height:12px}.line.pinned{border-width:3px;padding:10px 9px 10px 33px}.line.nope{border-color:#b0392f}
.note-card{font-size:.96rem;line-height:1.5;margin-top:12px;padding:12px 14px;border-left:4px solid var(--deep)}.doc>.note-card{margin:0 0 12px;box-shadow:none;background:#edf5fb}.doc>.note-card.bad{background:#fff2e9;border-color:var(--bad)}
.tray{background:#233c52dd;border-radius:15px;padding:15px 12px;box-shadow:0 5px 10px #0002}.tray h3{font-size:1.05rem;line-height:1.4}.slip{font-size:1rem;line-height:1.45;min-height:60px;padding:13px 14px}.slip:disabled:not(.chosen){opacity:.7}.tray.locked .slips{display:none}.waiting-note{font-size:1rem;line-height:1.5;color:#e1ebf4;margin:6px 0 14px}.closed{font-size:.9rem}.tied-evidence{display:none}.source-return{border:0;border-radius:9px;background:#e5eef6;padding:8px 12px;min-height:44px;font-size:.9rem;font-weight:700}
.solved{padding-top:12px;gap:9px}.solved .lbl{background:#674725;border-radius:8px;padding:6px 9px}.polaroid.empty{background:#67472566;color:#fff;border-color:#faf6e9}.polaroid{width:62px;height:59px}.next-row{margin-top:20px}.next-row button{min-width:160px}.result-art{width:200px;height:180px;object-fit:contain;margin:0 auto 10px;display:block}
@media(max-width:1000px) and (min-width:861px){.board-grid{grid-template-columns:1fr 1.3fr;gap:24px}.tray{grid-column:1/-1}.slips{grid-template-columns:repeat(3,minmax(0,1fr))}.board .clip h2{font-size:1.35rem}}
@media(max-width:860px){.board-grid{grid-template-columns:1fr;gap:24px}.board{padding:26px 18px 20px}.clip,.doc{transform:none}.clip h2{font-size:1.35rem}.tray.locked{display:none}.connect{grid-template-columns:1fr}.connect img{max-width:540px;margin:auto}.step .rule-art{grid-row:1/3;width:110px;gap:6px;height:100px}.rule-art img{height:80px;width:70px}.rule-art img+img{width:45px}.rule-art .thread{width:15px}.rule-art .small-stamp{font-size:.56rem;padding:3px}.props{height:205px;max-width:500px}.prop.p1{width:150px;top:34px}.prop.p2{width:145px;left:36%}.prop.p3{width:132px;top:48px}.tied-evidence{display:block;background:#f4f8fb;border-left:4px solid var(--yarn);border-radius:8px;padding:10px 12px;margin:0 0 14px;color:var(--ink)}.tied-evidence p{margin:5px 0 10px;font-size:1rem;line-height:1.4}.tied-evidence strong{font-size:.83rem;color:var(--deep)}.folder img{height:150px}.line{scroll-margin-top:18px}.tray,.doc{scroll-margin-top:16px}}
@media(max-width:520px){.wrap{padding:10px 10px 24px}.board{padding:23px 15px 20px}.doc{padding:16px 11px}.line{font-size:1rem}.steps .step{grid-template-columns:88px 1fr;gap:7px}.step .rule-art{width:88px}.rule-art img{width:56px}.rule-art .thread{width:12px}.props{height:190px}.prop.p1{width:117px;top:53px;left:0}.prop.p2{width:125px;left:32%;top:5px}.prop.p3{width:111px;right:0;top:62px}.polaroid{width:44px;height:49px;font-size:.65rem;padding:3px}.solved{gap:6px}.solved .lbl{width:100%;background:none;padding:0}.next-row button{width:100%}.panel{padding:18px}.goal{font-size:1.04rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}svg.yarn path.draw{stroke-dashoffset:0}}