/* Bump-Up.net noticeboard: messages take the stage, mechanics sit in the margin. */
:is(.walls-overview,[data-tier]) { --wall-accent:var(--ui-accent); --wall-rule:var(--ui-edge); background-image:radial-gradient(var(--border) .65px,transparent .65px); background-size:12px 12px; }
.walls-overview main{width:100%;max-width:1200px}
.walls-overview h1,[data-tier] h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;font-size:clamp(40px,6vw,68px);line-height:1.05}
.walls-overview main>section:first-child{padding:12px 0 28px;border-bottom:2px solid var(--ink)}
.walls-overview h2,.walls-overview h3{letter-spacing:-.035em}
.walls-overview main>section>div:first-child:has(h2),.walls-overview main>section>div:first-child:has(h3){gap:14px;flex-wrap:wrap}
.walls-overview .btn{background:transparent;border:0;border-radius:0;padding:10px 0;box-shadow:none;color:var(--ink);text-decoration:underline;text-underline-offset:5px;font-size:12px}
.board-marquee{position:relative;border:1px solid var(--wall-rule);border-top:6px solid var(--wall-accent);border-radius:3px 3px 18px 3px;background:var(--bg-2);padding:28px 30px;box-shadow:5px 5px 0 var(--ui-depth)}
.board-marquee:before{content:'B';position:absolute;right:20px;top:16px;display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--wall-accent);border-radius:50%;font-family:'Space Grotesk',sans-serif;color:var(--wall-accent);font-size:23px;transform:rotate(12deg)}
.board-marquee>.muted{padding:18px 46px 18px 0;font-size:22px;font-family:'Space Grotesk',sans-serif}
.board-kicker{display:block;font:700 10px/1.5 'Space Mono',monospace;letter-spacing:.1em;color:var(--ink-dim);padding-right:32px}
.overview-message{font:700 clamp(24px,2.5vw,32px)/1.25 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:20px 0;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--ink)}
.overview-message-hero{font-size:clamp(30px,4vw,48px);max-width:950px}
.overview-byline{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:11px;line-height:1.6;color:var(--ink-dim);overflow-wrap:anywhere}
.overview-byline b{max-width:100%;color:var(--ink);font-size:12px;overflow-wrap:anywhere}
.board-link{margin-left:auto;color:var(--ink);padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.board-slip{padding:18px 20px;background:var(--bg-2);border:1px solid var(--wall-rule);border-radius:2px 2px 12px 2px;border-top:3px solid var(--wall-accent);min-width:0}
.tier-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tier-board{--wall-accent:#81eed4;position:relative;padding:18px 20px 22px;border:1px solid var(--wall-rule);border-top:4px solid var(--wall-accent);border-radius:2px 2px 16px 2px;background:var(--bg-2);min-width:0;box-shadow:3px 3px 0 var(--ui-depth)}
.tier-board:nth-child(3n+2){--wall-accent:#c4a6ef}.tier-board:nth-child(3n){--wall-accent:#edb764}
.tier-board>div:first-child{padding-bottom:12px;border-bottom:1px dashed var(--wall-rule);gap:8px;flex-wrap:wrap}
.tier-board>div:first-child .text-2xl{font-size:17px}
.tier-board .tier-preview{padding-top:1px}.tier-board .muted{font-size:13px;padding:20px 0 8px}
.tier-board .overview-message{margin:18px 0 22px}
[data-tier] main{max-width:1040px}
[data-tier] #feed{display:flex;flex-direction:column;gap:24px}
[data-tier] #feed>*+*{margin-top:0}
.wall-note{position:relative;padding:22px 30px 0;background:var(--bg-2);border:1px solid var(--wall-rule);border-radius:3px 3px 22px 3px;box-shadow:5px 5px 0 var(--ui-depth);min-width:0;border-left:5px solid var(--wall-accent)}
.wall-note-leading{border-top:4px solid var(--wall-accent)}
.note-byline{display:flex;gap:10px;align-items:center;min-width:0}
.note-position{font:700 20px/1 'Space Mono',monospace;color:var(--ink-dim);min-width:30px}
.note-badge{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.note-author{min-width:0}.note-author b{font-size:12px;overflow-wrap:anywhere}.note-author p{font-size:10px;color:var(--ink-dim);margin-top:4px}
.note-stamp{margin-left:auto;flex-shrink:0;font:700 10px/1.5 'Space Mono',monospace;text-transform:uppercase;padding:6px 9px;border:1px solid var(--wall-rule);border-radius:2px;transform:rotate(-2deg);color:var(--ink-dim)}
.wall-note-leading .note-stamp{color:var(--ui-accent-ink);background:var(--wall-accent);border-color:var(--ui-accent-edge)}
.wall-note .post-message{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(27px,3.6vw,40px);line-height:1.28;letter-spacing:-.04em;white-space:pre-wrap;overflow-wrap:anywhere;margin:28px 0 32px;color:var(--ink)}
.note-actions{border-top:1px dashed var(--wall-rule);padding:10px 0 12px}
.note-reactions,.note-tips{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--ink-dim)}
.note-tips{border-top:1px solid var(--border);margin-top:5px;padding-top:7px;gap:6px 10px}
.wall-note :is(.note-action,.note-remove){padding:0 5px;min-height:44px;border:0;background:transparent;box-shadow:none;border-radius:4px;font-size:11px;color:var(--ink-dim);font-weight:650;letter-spacing:0}
.wall-note .note-action:hover,.wall-note .note-remove:hover{box-shadow:none;color:var(--ink);background:var(--ui-control);transform:none}
.wall-note .note-remove{text-decoration:underline;text-underline-offset:3px;margin-left:auto;font-weight:400}
.note-tip-total{margin-left:auto;font-size:11px}.note-reaction-count{font-size:12px}
.note-tips input.input{width:64px;height:36px;min-height:36px;font-size:12px;padding:5px 7px;border-radius:5px}
.note-react-menu{position:relative}.note-react-menu summary{font-size:11px;display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;padding:0 5px;list-style:none}.note-react-menu summary::-webkit-details-marker{display:none}
.note-emoji-options{position:absolute;z-index:5;left:0;bottom:100%;display:flex;gap:4px;padding:8px;background:var(--bg-2);border:1px solid var(--wall-rule);border-radius:8px;box-shadow:0 8px 24px #0003}
.note-emoji-options .emoji-btn{min-width:36px;min-height:44px;font-size:20px;padding:3px}
html[data-theme='light'] :is(.board-marquee,.tier-board,.wall-note,.board-slip){box-shadow:4px 4px 0 #d5d9d0}
html[data-theme='light'] .board-marquee:before{color:#286c59;border-color:#55a18d}
@media(max-width:900px){.tier-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tier-board-grid{grid-template-columns:1fr;gap:20px}.walls-overview main{padding-left:20px;padding-right:20px}.board-marquee{padding:22px}.wall-note{padding:18px 18px 0;border-radius:2px 2px 16px 2px}.note-byline{flex-wrap:wrap;gap:8px}.note-author{flex:1;min-width:100px}.note-stamp{margin-left:38px;font-size:9px}.note-position{font-size:16px;min-width:22px}.note-badge{width:30px;height:30px}.wall-note .post-message{margin:24px 0}.note-tip-total{margin-left:0}.note-tips{gap:4px 7px}.wall-note .note-remove{margin-left:0}.note-emoji-options{left:-60px}.board-marquee:before{width:28px;height:28px;font-size:18px}.board-kicker{font-size:9px}}