.board-shell{gap:24px}
.board-lead{margin:0;color:#8ea6b8;line-height:1.6;max-width:62ch}
.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--line);background:linear-gradient(180deg,#0c1d2ce6,#07131fe6)}
.board-toolbar-note{margin:0;color:#7f98aa;font-size:12px;line-height:1.5;max-width:48ch}
.board-create-btn{min-height:42px}
.board-stage{padding:clamp(18px,3vw,28px);border:1px solid var(--line);background:linear-gradient(180deg,#0c1d2ce6,#07131fe6)}
.board-surface{position:relative;min-height:clamp(420px,58vh,680px);padding:clamp(18px,3vw,28px);border:1px solid #2a2218;background:
    radial-gradient(circle at 20% 18%,#6b543944 0 2px,transparent 3px) 0 0/28px 28px,
    radial-gradient(circle at 78% 62%,#6b543933 0 2px,transparent 3px) 0 0/32px 32px,
    linear-gradient(145deg,#5a4631,#4a3928 38%,#3f3124 68%,#34281d);
    box-shadow:inset 0 0 0 1px #0006,inset 0 18px 40px #0005,0 18px 40px #0006}
.board-note{position:absolute;top:var(--note-top,12%);left:var(--note-left,10%);z-index:1;display:grid;gap:8px;width:min(220px,42vw);min-height:148px;padding:18px 16px 14px;border:0;background:
    linear-gradient(180deg,#fffef6,#f3edd8 58%,#ebe3c8);
    color:#1f1a12;text-align:left;cursor:pointer;transform:rotate(var(--note-rotate,0deg));box-shadow:0 10px 18px #00000059,0 0 0 1px #00000014 inset;transition:transform .18s ease,box-shadow .18s ease}
.board-note:hover,.board-note:focus-visible{transform:rotate(0deg) translateY(-4px) scale(1.02);box-shadow:0 16px 28px #00000073,0 0 0 1px #0000001f inset;outline:none}
.board-note-pin{position:absolute;top:-10px;left:50%;width:14px;height:14px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#ff6d6d,#8f1d1d 70%);box-shadow:0 2px 0 #4d0f0f,0 6px 10px #0006}
.board-note-topic{font:700 15px/1.25 Impact,"Arial Black",sans-serif;letter-spacing:.02em;text-transform:uppercase}
.board-note-meta{font:600 11px monospace;letter-spacing:.08em;text-transform:uppercase;color:#5a4d38}
.board-note-date{font:10px monospace;letter-spacing:.08em;color:#7a6a52;text-transform:uppercase}
.board-note--link{text-decoration:none}
.board-empty{position:absolute;inset:auto 24px 24px auto;max-width:280px;padding:16px 18px;border:1px solid #ffffff1a;background:#081420bf;color:#b8cad4;text-align:right}
.board-empty p{margin:0 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.board-empty small{color:#7f98aa;font:11px monospace;letter-spacing:.08em;text-transform:uppercase}
.board-empty--guest{inset:auto auto 24px 24px;text-align:left}
.board-modal{position:fixed;inset:0;z-index:25;display:grid;place-items:center;padding:24px}
.board-modal[hidden]{display:none}
.board-modal-backdrop{position:absolute;inset:0;background:#02060ee6}
.board-modal-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:clamp(20px,3vw,28px);border:1px solid var(--line);background:linear-gradient(180deg,#0c1d2cf2,#07131ff2);box-shadow:0 24px 60px #000a}
.board-modal-dialog--form{width:min(640px,100%)}
.board-modal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.board-modal-kicker{color:#7f98aa;font:10px monospace;letter-spacing:.12em;text-transform:uppercase}
.board-detail-head{display:grid;gap:10px;margin-bottom:18px}
.board-detail-head h2{margin:0;font-size:clamp(24px,4vw,34px);line-height:1.05;text-transform:uppercase}
.board-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}
.board-detail-grid div{margin:0;padding:14px 16px;border:1px solid #183044;background:#081420cc}
.board-detail-grid dt{margin:0 0 6px;color:#7f98aa;font:10px monospace;letter-spacing:.12em;text-transform:uppercase}
.board-detail-grid dd{margin:0;color:#eef6fb;line-height:1.55}
.board-detail-wide{grid-column:1/-1}
.board-form{margin-top:8px}
.board-form textarea{min-height:180px;resize:vertical}
body.board-modal-open{overflow:hidden}
.board-order-shell{gap:24px}
.board-status{display:inline-block;padding:6px 10px;border:1px solid #28546a;color:#b8cad4;font:10px monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.board-status.status-in-progress{color:#d7c59a;border-color:#5a4a28}
.board-order-link{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--line);background:linear-gradient(180deg,#0c1d2ce6,#07131fe6)}
.board-order-link-kicker{margin:0 0 8px;color:#7f98aa;font:10px monospace;letter-spacing:.12em;text-transform:uppercase}
.board-order-url{width:min(100%,560px);padding:12px 14px;border:1px solid #183044;background:#06111c;color:#eef6fb;font:12px monospace}
.board-order-card,.board-order-response{display:grid;gap:16px}
.board-order-response-body{color:#c5d4de;line-height:1.7}
.board-order-response-empty{margin:0;color:#8ea6b8;line-height:1.6}
.board-order-response-meta{margin:12px 0 0;color:#7f98aa;font:11px monospace;letter-spacing:.08em;text-transform:uppercase}
.board-order-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:640px){.board-note{width:min(190px,74vw)}.board-detail-grid{grid-template-columns:1fr}.board-empty{position:static;margin-top:18px;max-width:none;text-align:left}.board-order-link{align-items:stretch}}