/* The notice board (src/board.js), built from the user's mock-up (design/camp/board/mockups/board.png,
   1672 x 941, "design px": every place, size, weight and colour below was measured on it; how:
   design/camp/board/README.md). On a desk (.bd.stage) the user's text-free board is the plate, scaled to
   cover the page (by night the same drawing relit, the day faded over it with the camp's clock), and the words
   sit on it at the mock-up's places; what opens over it is on the user's
   parchment, fitted to the page. On a phone, or a window near square (.bd.stack, no mock-up), the three
   papers stack on the board's planks. Type in Korean: Jua for the sign, the headings, the badges and the
   buttons, Gowun Dodum for the rest (assets/fonts/, hosted by the site under the names SS Jua and SS
   Dodum); in English Crimson Text, the Library's serif. */
@font-face{font-family:"SS Jua";src:url(../assets/fonts/jua-ko.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SS Dodum";src:url(../assets/fonts/gowun-dodum-ko.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
.bd{--bd-display:"Crimson Text",Georgia,serif;--bd-dw:700;--bd-text:"Crimson Text",Georgia,serif;--bd-num:"Crimson Text",Georgia,serif;
  --bd-ink:#2c0f0d;--bd-ink-bold:#120402;--bd-head:#351306;--bd-rule:#d9bd98;--bd-date:#83614a;--bd-date-bold:#2c0e0a;--bd-green:#3c4418;--bd-heart:#923529;--bd-link:#3e1a0b;
  position:absolute;inset:0;overflow:hidden;background:#1e130b;color:var(--bd-ink);font-family:var(--bd-text);opacity:0;transition:opacity .6s ease}
html[lang="ko"] .bd{--bd-display:"SS Jua","Jua","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--bd-dw:400;--bd-text:"SS Dodum","Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.bd.on{opacity:1}
.bd button{font-family:inherit;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bd-stage{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;transition:filter .35s ease}
.bd-plate{position:absolute;left:0;top:0;width:1672px;height:941px;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}
.bd-plate:not([src]){visibility:hidden}
/* the day painting over the night one, its opacity the camp's clock (src/board.js day) */
.bd-plate.day{transition:opacity 2s linear}
.bd.settle .bd-plate.day,.bd.settle .bd-stage::before{transition:none!important}
.bd-ui{position:absolute;inset:0}
.bd.dim .bd-stage{filter:blur(2.5px) brightness(.8)}
.bd.dim .bd-ui{pointer-events:none}
#page:has(.bd.dim) .page-bar{opacity:0;pointer-events:none}

/* ---- the words ---- */
.bd-title{margin:0;font:var(--bd-dw) 62px/1 var(--bd-display);color:#2a1206;white-space:nowrap;text-align:center;text-shadow:0 1px 0 rgba(255,214,150,.32),0 -1px 0 rgba(40,15,0,.3)}
.bd-title:focus{outline:none}
.bd-h{margin:0;font:var(--bd-dw) 40px/40px var(--bd-display);color:var(--bd-head);white-space:nowrap}
.bd-rule{height:1px;background:var(--bd-rule)}
.bd-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;padding:0 14px;border-radius:9px;font:var(--bd-dw) 26px/1 var(--bd-display);white-space:nowrap}
.bd-badge.notice{background:#f6c476;color:#2b0a01}
.bd-badge.fresh{background:#b7c58c;color:#10200a}
.bd-rows,.bd-wlist,.bl-rows,.bw-list{list-style:none;margin:0;padding:0}
.bd-row{position:relative}
.bd-row button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;text-align:left;color:var(--bd-ink);font:400 24px/30px var(--bd-text)}
.bd-row button > *{position:absolute}
/* (Korean letters reach 0.3 em past a line box of 1 and an ellipsis needs the clip: room inside the clip, the box pulled out by the same) */
.bd-row .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.3em 0;margin-top:-.3em}
.bd-row .d{font:600 22px/30px var(--bd-num);color:var(--bd-date);white-space:nowrap}
.bd-row .dot{border-radius:50%;background:#88634c}
.bd-row.top button{font-weight:700;color:var(--bd-ink-bold)}
.bd-row.top .d{color:var(--bd-date-bold)}
.bd-rows.notice .bd-row.top .dot,.bl-rows.notice .bd-row.top .dot{background:#e38301}
.bd-rows.fresh .bd-row.top .dot,.bl-rows.fresh .bd-row.top .dot{background:#6f8b4f}
.bd-row::after{content:"";position:absolute;height:1px;background:var(--bd-rule)}
.bd-row button:hover .t,.bd-row button:focus-visible .t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.bd-row button:focus-visible{outline:2px solid #c08a4c;outline-offset:-2px;border-radius:4px}
.bd-link{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--bd-link);font:600 24px/1 var(--bd-text);white-space:nowrap}
.bd-link span{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.bd-link .chev{width:9px;height:16px;flex:none}
.bd-link:hover{filter:brightness(1.35)}
.bd-link:focus-visible{outline:2px solid #c08a4c;outline-offset:3px;border-radius:4px}
.bd-link.guide span{text-decoration:none}
.bd-wish{position:relative}
.bd-wish > *{position:absolute}
.bd-wish .wt{padding:.3em 0;margin-top:-.3em;border:0;background:none;text-align:left;color:var(--bd-ink);font:400 20px/24px var(--bd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-wish .wt:hover span,.bd-wish .wt:focus-visible span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.bd-wish .wt:focus-visible{outline:2px solid #c08a4c;outline-offset:-2px;border-radius:4px}
.bd-wish .heart{padding:0;border:0;background:none;color:var(--bd-heart);transition:transform .15s ease}
.bd-wish .heart svg{display:block;width:100%;height:100%}
.bd-wish .heart.on .hf{fill:currentColor}
.bd-wish .heart:disabled{cursor:default;color:#b0786a}
.bd-wish .heart:not(:disabled):hover{transform:scale(1.15)}
.bd-wish .heart:focus-visible{outline:2px solid #c08a4c;outline-offset:3px;border-radius:4px}
.bd-wish .n{font:600 19px/1 var(--bd-num);color:#361413;white-space:nowrap}
.bd-wish .sep{width:1px;background:#d6b794}
.bd-wish .s{font:400 19px/24px var(--bd-text);color:var(--bd-green);white-space:nowrap;-webkit-text-stroke:.3px var(--bd-green)}
.bd-wish::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--bd-rule)}
.bd-wish.empty.note{font:italic 400 18px/24px var(--bd-text);color:#92704e;white-space:nowrap}
.bd-leave{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0;border:0;background:none;color:#1a0501;font:var(--bd-dw) 24px/1 var(--bd-display);white-space:nowrap}
.bd-leave .pencil{width:26px;height:26px;flex:none}
.bd-leave:focus-visible{outline:2px solid #f0c27a;outline-offset:3px;border-radius:10px}
.bd-leave:disabled{cursor:default;opacity:.6}
/* the plank: cream letters as if carved into the wood (the user, 2026-10-26) */
.bd-count{display:inline-flex;align-items:center;gap:12px;color:#fbe7b6;font:600 24px/30px var(--bd-text);white-space:nowrap;text-shadow:0 1px 0 rgba(255,246,220,.3),0 -1px 1px rgba(45,20,6,.8)}
.bd-count .ic{display:none;width:24px;height:26px;background:currentColor;flex:none;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;filter:drop-shadow(0 -1px 0 rgba(45,20,6,.6))}
.bd-count .ic.person{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Ccircle cx='12' cy='7' r='5'/%3E%3Cpath d='M2 25c0-6 4.5-9.5 10-9.5S22 19 22 25Z'/%3E%3C/svg%3E")}
.bd-count .ic.feet{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cellipse cx='7.5' cy='11' rx='3.4' ry='5.5'/%3E%3Cellipse cx='7.5' cy='19.5' rx='2.6' ry='2.2'/%3E%3Cellipse cx='16.5' cy='6.5' rx='3.4' ry='5.5'/%3E%3Cellipse cx='16.5' cy='15' rx='2.6' ry='2.2'/%3E%3C/svg%3E")}

/* ================= a desk: the mock-up's places ================= */
.bd.stage .bd-ui > *,.bd.stage .bd-news > *,.bd.stage .bd-guide > *,.bd.stage .bd-wishes > *,.bd.stage .bd-plank > *{position:absolute;margin:0;box-sizing:border-box}
.bd.stage .bd-news,.bd.stage .bd-guide,.bd.stage .bd-wishes,.bd.stage .bd-plank{display:contents}
.bd.stage .bd-sheet{display:none}
.bd.stage .bd-title{left:540px;top:95px;width:620px;height:90px;display:flex;align-items:center;justify-content:center}
html[lang="ko"] .bd.stage .bd-title{font-size:68px}
html[lang="ko"] .bd.stage .bd-title span{display:block;transform:scaleY(1.12);transform-origin:50% 55%}
.bd.stage .bd-h.news{left:435px;top:246px;font-size:44px;line-height:44px}
.bd.stage .bd-rule.head{left:362px;top:301px;width:530px}
.bd.stage .bd-badge.notice{left:368px;top:311px;min-width:118px}
.bd.stage .bd-badge.fresh{left:369px;top:530px;min-width:102px}
.bd.stage .bd-rows.notice{left:362px;top:354px;width:530px}
.bd.stage .bd-rows.fresh{left:362px;top:576px;width:530px}
.bd.stage .bd-row{height:39px}
.bd.stage .bd-rows.fresh .bd-row{height:40px}
.bd.stage .bd-row .t{left:61px;top:0;right:60px}
.bd.stage .bd-row .d{right:3px;top:0}
.bd.stage .bd-row .dot{left:21px;top:10.5px;width:9px;height:9px}
.bd.stage .bd-row.top .dot{left:18px;top:7.5px;width:15px;height:15px}
.bd.stage .bd-row::after{left:13px;right:2px;top:35px}
.bd.stage .bd-rows.fresh .bd-row::after{top:34px}
.bd.stage .bd-rows.notice .bd-row:last-child::after{top:46px}
.bd.stage .bd-rows.fresh .bd-row:last-child::after{top:38px}
.bd.stage .bd-link.more{left:362px;top:760px;width:530px;height:32px;justify-content:center;font-size:26px}
.bd.stage .bd-h.guide{left:1046px;top:229px;font-size:35px;line-height:38px}
.bd.stage .bd-link.guide{right:352px;top:356px;height:24px;font-size:19px;font-weight:400}
.bd.stage .bd-link.guide .chev{width:7px;height:13px}
.bd.stage .bd-h.wish{left:1047px;top:420px;font-size:35px;line-height:38px}
.bd.stage .bd-wlist{left:975px;top:465px;width:365px}
.bd.stage .bd-wlist .bd-wish{height:62.5px}
.bd.stage .bd-wlist .wt{left:20px;top:0;width:345px}
.bd.stage .bd-wlist .heart{left:20px;top:26px;width:24px;height:21px}
.bd.stage .bd-wlist .n{left:56px;top:29px}
.bd.stage .bd-wlist .sep{left:107px;top:29px;height:16px}
.bd.stage .bd-wlist .s{left:137px;top:26px}
.bd.stage .bd-wlist .bd-wish::after{top:55px}
.bd.stage .bd-wlist .bd-wish.empty.note{left:20px;top:0}
/* four wishes (the user, 2026-10-29), then "More feedback" between the list's last rule and the painted button */
/* (lower since 2026-11-01, the user: midway between the fourth line's rule and the paper's foot, the button gone) */
.bd.stage .bd-link.more.wishes{left:975px;top:748px;width:365px;height:28px;justify-content:center;font-size:22px}
.bd.stage .bd-count.here{left:533px;top:849px}
.bd.stage .bd-count.sofar{left:911px;top:849px}

/* ---- what opens over the board: on the user's parchment ---- */
.bd-over{position:absolute;inset:0;z-index:6;background:rgba(10,5,2,.3)}
.bd-over[hidden]{display:none}
.bd-ostage{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0}
.bd-paper{position:absolute;color:var(--bd-ink);animation:bdin .3s cubic-bezier(.2,.8,.2,1)}
@keyframes bdin{from{opacity:0;transform:translateY(10px)}}
.bd.stage .bd-paper{left:336px;top:27px;width:1000px;height:887px;background:url(../assets/camp/board/paper-news.webp) 0 0/100% 100% no-repeat;filter:drop-shadow(0 16px 26px rgba(0,0,0,.5))}
.bd.stage .bd-pin{position:absolute;left:112px;top:120px;right:104px;bottom:96px;padding-right:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b08a5a transparent}
.bd-x{position:absolute;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:#6b3b14}
.bd-x svg{display:block;width:60%;height:60%;margin:auto}
.bd-x:hover{color:#2a1206}
.bd-x:focus-visible{outline:2px solid #c08a4c;outline-offset:2px}
.bd.stage .bd-x{right:76px;top:66px}
.bd-x.up svg{width:66%;height:66%}
.bp-h{margin:0;font:var(--bd-dw) 36px/1.25 var(--bd-display);color:var(--bd-head);word-break:keep-all}
.bp-d{margin:10px 0 0;font:400 18px/1.3 var(--bd-num);color:var(--bd-date)}
.bp-b{margin:22px 0 0;font:400 22px/1.65 var(--bd-text);color:var(--bd-ink);word-break:keep-all}
.bp-b p{margin:0 0 .8em}
.bp .bd-badge{margin-bottom:14px}
.bl .bd-badge{margin:22px 0 6px}
.bl .bp-h + .bd-badge{margin-top:18px}
.bl-rows .bd-row{height:44px}
.bl-rows .bd-row .t{left:34px;right:70px;top:7px;font-size:23px}
.bl-rows .bd-row .d{right:6px;top:7px}
.bl-rows .bd-row .dot{left:9px;top:18px;width:8px;height:8px}
.bl-rows .bd-row.top .dot{left:7px;top:16px;width:12px;height:12px}
.bl-rows .bd-row::after{left:0;right:0;bottom:0}
.bl-none{margin:4px 0 0 10px;font:italic 400 20px/1.4 var(--bd-text);color:#92704e}
.bg-list{margin:26px 0 0}
.bg-list dt{font:var(--bd-dw) 24px/1.3 var(--bd-display);color:var(--bd-head);word-break:keep-all}
.bg-list dd{margin:6px 0 22px;font:400 21px/1.6 var(--bd-text);word-break:keep-all}
.bg-tip{margin:0 0 22px;font:400 21px/1.6 var(--bd-text);word-break:keep-all}
.bw-list{margin:18px 0 0}
/* the wishes' list (2026-10-29): the news' rows, with each wish's hearts before its day; your own a shade darker */
.bl-rows.wishes .bd-row.top .dot{background:var(--bd-heart)}
/* (the title and its author's name small after it, 2026-11-01: a long title gives way first) */
.bl-rows.wishes .bd-row .tw{display:flex;align-items:baseline;gap:10px;min-width:0}
.bd.stage .bl-rows.wishes .bd-row .tw{left:61px;right:150px;top:0}
.bl-rows.wishes .bd-row .tw .t{flex:0 1 auto;min-width:0}
.bl-rows.wishes .bd-row .by{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 17px/1.2 var(--bd-text);color:var(--bd-date)}
.bl-rows .bd-row .h{right:80px;top:10px;display:inline-flex;align-items:center;gap:5px;color:var(--bd-heart);font:600 19px/1 var(--bd-num);white-space:nowrap}
.bl-rows .bd-row .h svg{display:block;width:19px;height:17px}
.bl-rows .bd-row .h.on .hf{fill:currentColor}
.bl-rows .bd-row.mine .t{color:#5a2a10}
/* one wish: the camp's answer as the badge, the words, the heart and its count; on your own, Edit and Delete */
.bd-badge.status{background:#dfe4c4;color:#2d3512}
.bv .bd-badge{margin-bottom:14px}
.bv .bp-b p{margin:0 0 .8em}
.bv-acts{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--bd-rule)}
.bv-acts .heart{width:28px;height:25px;padding:0;border:0;background:none;color:var(--bd-heart);transition:transform .15s ease}
.bv-acts .heart svg{display:block;width:100%;height:100%}
.bv-acts .heart.on .hf{fill:currentColor}
.bv-acts .heart:hover{transform:scale(1.15)}
.bv-acts .heart:focus-visible{outline:2px solid #c08a4c;outline-offset:3px;border-radius:4px}
.bv-acts .n{font:600 22px/1 var(--bd-num);color:#361413}
.bv-mine{margin-left:auto;display:inline-flex;align-items:center;gap:22px}
.bv-mine .bd-link{font-size:20px}
.bv-mine .bd-link.sure{color:#a3331d}
.bv-mine .bd-link:disabled{opacity:.5;cursor:default}
.bw-leave,.bf-go{position:relative;margin:24px auto 0;display:flex;width:360px;height:52px;border-radius:12px;background:linear-gradient(180deg,#f3b45a,#e59a3a 55%,#d98a2d);box-shadow:inset 0 2px 0 rgba(255,236,190,.55),inset 0 -2px 0 rgba(120,60,10,.35),0 3px 6px rgba(70,35,8,.35);font-size:25px}
.bw-leave:hover,.bf-go:not(:disabled):hover{filter:brightness(1.06)}
.bf{display:block}
/* (.bd before them: main.css styles every text input and textarea in a building page with its own type) */
.bd .bf-ti{display:block;width:100%;box-sizing:border-box;height:56px;margin-top:22px;padding:0 10px;border:0;border-radius:4px;background:rgba(255,250,240,.35);box-shadow:none;color:var(--bd-ink-bold);font:600 26px/56px var(--bd-text);outline:none;word-break:keep-all}
.bd .bf-ti:focus{box-shadow:0 0 0 2px rgba(192,138,76,.5)}
.bd .bf-ti::placeholder,.bd .bf-ta::placeholder{color:#a88a66;font-weight:400;opacity:1}
.bf-field{display:block;position:relative;margin-top:14px}
.bd .bf-ta{display:block;width:100%;box-sizing:border-box;min-height:244px;padding:4px 10px 0;border:0;border-radius:4px;background:repeating-linear-gradient(180deg,transparent 0 39px,var(--bd-rule) 39px 40px) 0 0/100% 40px,rgba(255,250,240,.35);color:var(--bd-ink);font:400 24px/40px var(--bd-text);resize:none;outline:none;word-break:keep-all}
.bd .bf-ta:focus{box-shadow:0 0 0 2px rgba(192,138,76,.5)}
.bf-n{position:absolute;right:8px;bottom:-26px;font:400 16px/1 var(--bd-num);color:var(--bd-date)}
.bf-who{margin:40px 0 0;font:400 18px/1 var(--bd-text);color:#6b4a2c}
.bf-who b{font-weight:600;color:var(--bd-ink)}
.bf-err{margin:12px 0 0;font:400 18px/1.4 var(--bd-text);color:#a3331d}
.bf-err[hidden]{display:none}

/* ================= a phone, or a window near square: the papers stacked on the planks ================= */
.bd.stack .bd-stage{position:absolute;inset:0;width:auto;height:auto;transform:none!important}
.bd.stack .bd-plate{display:none}
/* (the planks darker by night: --bd-n is the camp's clock, src/board.js day) */
.bd.stack .bd-stage::before{content:"";position:absolute;inset:0;background:url(../assets/camp/board/wood.webp) center/cover;filter:brightness(calc(.88 - .4 * var(--bd-n, 0)));transition:filter 2s linear}
.bd.stack .bd-ui{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;padding:calc(var(--safe-t) + 72px) 14px calc(var(--safe-b) + 28px);display:flex;flex-direction:column;gap:18px}
.bd.stack .bd-ui > *{position:relative;flex:none}
.bd.stack .bd-title{font-size:38px;color:#f6dfb0;text-shadow:0 1px 0 rgba(255,240,200,.3),0 -1px 1px rgba(40,18,6,.8)}
html[lang="ko"] .bd.stack .bd-title{font-size:42px}
.bd.stack .bd-news,.bd.stack .bd-wishes{position:relative;box-sizing:border-box;border-style:solid;border-color:transparent}
.bd.stack .bd-news{border-width:64px 40px 60px 40px;border-image:url(../assets/camp/board/paper-news.webp) 220 140 210 140 fill / 64px 40px 60px 40px stretch;padding:0 2px 4px 6px;margin:0 -8px}
.bd.stack .bd-wishes{border-width:52px 36px 70px 36px;border-image:url(../assets/camp/board/paper-wishes.webp) 180 125 240 125 fill / 52px 36px 70px 36px stretch;padding:0 4px 12px;margin:0 -6px}
.bd.stack .bd-h{font-size:28px;line-height:1.2;white-space:normal}
.bd.stack .bd-h.news{margin:-12px 0 0 40px}
.bd.stack .bd-rule.head{margin:10px 0 0}
.bd.stack .bd-badge{height:32px;font-size:20px;margin:16px 0 6px}
.bd.stack .bd-row{height:42px}
.bd.stack .bd-row .t{left:30px;right:58px;top:6px;font-size:19px}
.bd.stack .bd-row .d{right:2px;top:6px;font-size:16px}
.bd.stack .bd-row .dot{left:9px;top:17px;width:8px;height:8px}
.bd.stack .bd-row.top .dot{left:7px;top:15px;width:12px;height:12px}
.bd.stack .bd-row::after{left:0;right:0;bottom:0}
.bd.stack .bd-row.empty{display:none}
.bd.stack .bd-link.more{display:flex;margin:18px auto 0;font-size:20px}
.bd.stack .bd-link.more.wishes{margin-top:32px}
.bd.stack .bd-guide{position:relative;aspect-ratio:1200/521;margin:0 -2px}
.bd.stack .bd-sheet{display:block;width:100%;height:100%}
.bd.stack .bd-h.guide{position:absolute;left:19%;top:11%;margin:0;font-size:24px}
.bd.stack .bd-link.guide{position:absolute;right:9%;bottom:14%;font-size:17px;font-weight:400}
.bd.stack .bd-h.wish{margin:-8px 0 6px 44px}
.bd.stack .bd-wlist .bd-wish{height:66px}
.bd.stack .bd-wlist .wt{left:0;top:6px;right:0;width:auto;font-size:19px}
.bd.stack .bd-wlist .heart{left:0;top:38px;width:22px;height:19px}
.bd.stack .bd-wlist .n{left:32px;top:41px;font-size:16px}
.bd.stack .bd-wlist .sep{left:78px;top:40px;height:15px}
.bd.stack .bd-wlist .s{left:104px;top:38px;font-size:18px}
.bd.stack .bd-wlist .bd-wish::after{left:0;right:0;top:64px}
.bd.stack .bd-wlist .bd-wish.empty{display:none}
.bd.stack .bd-wlist .bd-wish.empty.note{display:block;position:relative;left:0;top:0;height:44px}
.bd.stack .bd-plank{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;border-radius:10px;background:rgba(60,30,12,.38);box-shadow:inset 0 0 0 1px rgba(255,210,150,.14)}
.bd.stack .bd-count{font-size:19px}
.bd.stack .bd-count .ic{display:block}
/* what opens over the board, on a phone: the parchment as a 9-slice, the page scrolling */
.bd.stack .bd-ostage{position:absolute;inset:0;width:auto;height:auto;transform:none!important;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.bd.stack .bd-paper{position:relative;box-sizing:border-box;margin:calc(var(--safe-t) + 70px) 10px calc(var(--safe-b) + 24px);min-height:calc(100% - var(--safe-t) - var(--safe-b) - 94px);border-style:solid;border-color:transparent;border-width:64px 40px 60px 40px;border-image:url(../assets/camp/board/paper-news.webp) 220 140 210 140 fill / 64px 40px 60px 40px stretch;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}
.bd.stack .bd-pin{position:relative;padding:0 4px 8px 6px}
/* (in the paper's top slice, beside its pin: the border lies outside the padding box the X is placed from) */
.bd.stack .bd-x{right:4px;top:-16px;width:38px;height:38px}
.bd.stack .bp-h{font-size:27px;margin-right:30px}
.bd.stack .bp-b{font-size:19px}
.bd.stack .bg-list dt{font-size:20px}
.bd.stack .bg-list dd{font-size:18px}
.bd.stack .bg-tip{font-size:18px}
.bd.stack .bl-rows .bd-row .t{font-size:19px}
/* (on a phone the name goes under its title: beside it, the title kept only a few letters) */
.bd.stack .bl-rows.wishes .bd-row{height:56px}
.bd.stack .bl-rows.wishes .bd-row .tw{left:30px;right:112px;top:6px;flex-direction:column;align-items:stretch;gap:0}
.bd.stack .bl-rows.wishes .bd-row .by{max-width:none;margin-top:-6px;font-size:14px}
.bd.stack .bl-rows .bd-row .h{right:56px;top:13px;font-size:16px}
.bd.stack .bl-rows .bd-row .h svg{width:16px;height:14px}
.bd.stack .bv-acts{gap:10px;flex-wrap:wrap}
.bd.stack .bv-acts .n{font-size:18px}
.bd.stack .bv-mine{gap:16px}
.bd.stack .bv-mine .bd-link{font-size:18px}
.bd.stack .bw-leave,.bd.stack .bf-go{width:100%;height:48px;font-size:21px}
.bd.stack .bf-ti{height:46px;font-size:21px;line-height:46px}
.bd.stack .bf-ta{min-height:208px;font-size:19px;line-height:34px;background:repeating-linear-gradient(180deg,transparent 0 33px,var(--bd-rule) 33px 34px) 0 0/100% 34px,rgba(255,250,240,.35)}
@media (prefers-reduced-motion:reduce){.bd-paper{animation:none}.bd-plate.day,.bd.stack .bd-stage::before{transition:none}}