/* V20. Dialog surfaces only. Scene labels, anchors and flight layers are untouched. */
#board{
 --text:#dfd8c7;--muted:#afa894;--accent:#c1ab80;--line:#c1ad8033;
 --danger:#e5a298;--ok:#b3c59a;
 width:min(860px,88vw);height:fit-content;max-height:min(700px,78dvh);
 border:0;outline:0;background:none;overflow:auto;color:var(--text);scrollbar-color:#827359 #222520;
 box-shadow:0 16px 48px #0007;font:15px/1.65 'Segoe UI',Arial,sans-serif;
}
#board::backdrop{background:#05090738;backdrop-filter:none}
#board .board-shell{
 height:auto;min-height:0;overflow:visible;overscroll-behavior:contain;
 padding:0 30px 26px;border:0;outline:0;
 background:linear-gradient(110deg,#171c19ee,#232820ed 55%,#161b18f2),url('assets/field-paper-v12.png') center/800px;
 box-shadow:inset 0 0 45px #0005;
 clip-path:polygon(.5% .4%,16% .1%,37% .4%,59% 0,81% .3%,99.6% .2%,99.9% 18%,99.6% 49%,100% 76%,99.6% 99.4%,81% 99.8%,58% 99.5%,31% 100%,.3% 99.5%,0 74%,.3% 40%);
 scrollbar-color:#827359 #222520;
}
#board .board-top{
 position:sticky;top:0;z-index:3;margin:0 -24px 18px;min-height:98px;
 padding:22px 32px 22px 52px;gap:18px;
 background:url('assets/ref-header-v14.png') center/100% 100% no-repeat,#242820;filter:brightness(.68) saturate(.65);
 border:0;box-shadow:0 5px 14px #6246281c;color:#d4c4a3;
}
#board #board-kicker{font:700 22px/1.15 SectorCondensed,sans-serif;letter-spacing:.035em;color:#211b14;overflow-wrap:anywhere}
#board .board-top #close-board{flex-shrink:0;min-width:44px;min-height:44px;font:36px/1 Arial,sans-serif;color:#211b14;background:none;border:0;padding:0;transition:color .15s}
#board .board-top #close-board:hover{color:#f2e0ba}
#board h2,#board h3{font-family:SectorCondensed,sans-serif;font-weight:700;letter-spacing:.015em;color:#e0d6bd;text-transform:uppercase}
#board h2{font-size:clamp(28px,2.6vw,34px);line-height:1.15;margin:0 0 18px}
#board h3{font-size:25px;line-height:1.25}
#board p,#board .editorial p,#board .lead,#board .news-item p,#board .currency-card p,#board .idea-card p,#board .legal-list p,#board .legal-list li{color:#c1bdaf;font-size:15px;line-height:1.7}
#board .lead{max-width:760px;font-size:16px;margin-bottom:18px}
#board .portal-badge{font:500 12px/1.4 SectorCondensed,sans-serif;letter-spacing:.15em;color:#b3a383;margin-bottom:11px}
#board .muted,#board .small,#board .tiny{color:var(--muted)}
#board .portal-tabs{gap:9px;flex-wrap:wrap;margin:18px 0;padding:0 0 12px;border-bottom:1px solid var(--line)}
#board .portal-tabs button,#board .category-nav button{
 font:600 17px/1.3 SectorCondensed,sans-serif;letter-spacing:.035em;text-transform:uppercase;
 color:#bfb7a4;background:none;border:0;min-height:44px;padding:10px 14px;position:relative;
}
#board .portal-tabs button[aria-pressed=true],#board .category-nav button[aria-pressed=true]{
 background:url('assets/panel-button-v19.png') center/100% 100% no-repeat;color:#231b13;
}
#board .portal-tabs button[aria-pressed=true]::after{content:'';position:absolute;left:18px;right:18px;bottom:9px;height:1px;background:#5b422b;transform:rotate(-.5deg);pointer-events:none}
#board .portal-tabs button:hover,#board .category-nav button:hover{color:#e4d6b8;filter:brightness(1.06);transform:none}
#board .category-nav{gap:9px}
#board .category-nav small{font:12px/1.4 'Segoe UI',Arial,sans-serif;text-transform:none;letter-spacing:0;color:#65533e;margin-top:5px}
#board .portal-button,#board .button-row button:not(.text-button),#board .quantity button{
 font:650 17px/1.3 SectorCondensed,sans-serif;letter-spacing:.03em;text-transform:uppercase;
 color:#2d2115;background:url('assets/panel-button-v19.png') center/100% 100% no-repeat;
 padding:13px 22px;min-height:48px;max-width:100%;border:0;border-radius:0;box-shadow:none;
 filter:brightness(.8) saturate(.6);white-space:normal;transition:filter .15s;transform:none;
}
#board .portal-button.primary,#board .button-row .primary{background:url('assets/panel-button-v19.png') center/100% 100% no-repeat;color:#24190f;font-weight:700}
#board .portal-button:hover:not(:disabled),#board .button-row button:hover:not(:disabled),#board .quantity button:hover:not(:disabled){filter:brightness(.96) saturate(.7);transform:none;box-shadow:none}
#board button:disabled{opacity:.58;filter:grayscale(.65);cursor:not-allowed}
#board .text-button,#board .button-row .text-button{font:500 16px/1.4 SectorCondensed,sans-serif;background:none;padding:10px 0;color:#d0b887;border:0;text-decoration:underline;text-underline-offset:5px}
#board .quantity button{width:42px;min-height:42px;padding:6px;font-size:24px}
#board :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #c2aa79;outline-offset:3px}
#board #board-title:focus{outline:none}
#board .field>span{font:500 17px/1.4 SectorCondensed,sans-serif;color:#d6ccba;margin-bottom:8px}
#board .field input,#board .field textarea,#board .field select{
 color:#dfd8c7;background:#101611a6;border:1px solid #a38e615c;
 padding:13px 15px;font:16px/1.55 'Segoe UI',Arial,sans-serif;box-shadow:inset 0 1px 4px #68513912;
 border-radius:0;color-scheme:dark;
}
#board .field input::placeholder,#board .field textarea::placeholder{color:#999989}
#board .field input:focus,#board .field textarea:focus,#board .field select:focus{border-color:#c2aa79}
#board .field small,#board .field .count{color:#aaa693;font-size:12px}
#board .check-field{color:#c1bdaf;font-size:14px}
#board .check-field input{accent-color:#71552e}
#board .split{gap:32px}
#board .aside-box{background:#7354380a;border:0;border-left:1px solid var(--line);padding:8px 0 8px 26px;box-shadow:none}
#board .status-row{font-size:14px;border-color:var(--line)}
#board .status-row span,#board .account-stat p{color:#b7b19e}
#board .status-row strong,#board .account-stat strong{color:#e1d9c6}
#board .feature-list article,#board .news-item,#board .steps article,#board .cart-row,#board .cart-list,#board .legal-list details,#board .account-stat{border-color:var(--line)}
#board .feature-list article p,#board .steps p{font-size:14px;color:#c1bdaf}
#board .steps b{font:500 14px SectorCondensed,sans-serif;color:#c3ad84}
#board .cycle-bar{background:#7d5b340a;border-color:var(--line);padding:17px 20px}
#board .cycle-bar strong{font:550 17px SectorCondensed,sans-serif;color:#ded2b9}
#board .cycle-bar span,#board .cycle-number{color:#b6af9d;font-size:12px}
#board .notice-box{background:#b4965b12;border-left:2px solid #866535;color:#c6baa2;font-size:14px}
#board .notice-box.error,#board .form-error{color:var(--danger);border-color:var(--danger)}
#board .notice-box.success{color:var(--ok);border-color:var(--ok)}
#board .idea-card{background:none;border:0;border-top:1px solid #c1ad8033;padding:22px 0;box-shadow:none}
#board .idea-card .idea-meta{color:#c3ad84;font:500 12px/1.5 SectorCondensed,sans-serif;letter-spacing:.06em}
#board .idea-card details,#board .vote-result,#board .archive,#board .legal-list{color:#c5bdab}
#board summary,#board .news-item details summary,#board .vote-result summary,#board .legal-list summary,#board .archive summary{color:#d0b887;font-size:15px;line-height:1.5;cursor:pointer}
#board .voters li,#board .archive li{color:#c5bdab}
#board .meter{background:#6d513729}#board .meter i{background:#806334}
#board .currency-card{grid-template-columns:110px minmax(0,1fr);gap:24px;padding:6px 0 16px;background:none;border:0}
#board .currency-card h3{font-size:29px!important}
#board .currency-symbol{background:none;border-color:var(--line);color:#b49d70}
#board .cart-total strong{font-family:SectorCondensed,sans-serif;color:#d7c29a;font-weight:600}
#board .cart-row p{font-size:13px;color:#b8af99}
#board .profile-avatar{color:#c3ad84;border-color:#795c37;font-family:SectorCondensed,sans-serif}
#board .moderator-box{border-color:#7b614b80;background:none}
#board .moderator-box>summary{color:#c3ad84}
#board .support-output{background:#101611a6;border-color:var(--line);color:#d6ccba;font:14px/1.65 'Segoe UI',Arial,sans-serif}
#board #profile-preferences{border-color:var(--line)}
#board #profile-preferences #motion{border:0;color:#c3ad84;font-family:SectorCondensed,sans-serif}
@media(max-width:700px){
 #board{width:92vw;height:fit-content;max-height:84dvh;font-size:14px}
 #board .board-shell{padding:0 20px 24px}
 #board .board-top{margin:0 -14px 18px;min-height:90px;padding:20px 20px 20px 30px;gap:9px}
 #board #board-kicker{font-size:19px;letter-spacing:.02em}
 #board .board-top #close-board{font-size:30px}
 #board h2{font-size:30px}
 #board .lead{font-size:15px}
 #board p,#board .editorial p,#board .news-item p,#board .idea-card p{font-size:14px}
 #board .portal-tabs{gap:3px;margin:20px 0;padding-bottom:14px}
 #board .portal-tabs button{font-size:15px;padding:13px 12px;min-height:49px}
 #board .portal-tabs button[aria-pressed=true]::after{left:12px;right:12px}
 #board .portal-button,#board .button-row button:not(.text-button){font-size:16px;padding:16px 21px}
 #board .aside-box{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
 #board .category-nav{border-color:var(--line);gap:4px}
 #board .category-nav button{padding:13px;font-size:16px}
 #board .currency-card{grid-template-columns:1fr;padding:0;gap:18px}
 #board .cycle-bar{padding:15px;gap:15px}
 #board .cycle-bar strong{font-size:15px}
 #board .news-item h3{font-size:25px!important}
}
@media(prefers-reduced-motion:reduce){#board button{transition:none!important}#board[open]{animation:none!important}}

/* Keep selected paper controls legible; inactive controls stay on the dark surface. */
#board .portal-tabs button[aria-pressed=true],#board .category-nav button[aria-pressed=true]{color:#231b13;filter:brightness(.8) saturate(.6)}
#board .category-nav small{color:#aaa693}
#board .category-nav button[aria-pressed=true] small{color:#51442e}
#board .shop-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}
#board .currency-card{grid-template-columns:70px minmax(0,1fr);gap:18px}
#board .currency-symbol{min-height:120px}#board .currency-symbol b{font-size:50px}
#board .news-item{padding:18px 0;grid-template-columns:110px minmax(0,1fr);gap:18px}
#board .field{margin-bottom:15px}#board .split{gap:24px}
@media(max-width:700px){
 #board .shop-layout,#board .currency-card,#board .news-item{grid-template-columns:1fr}
 #board .currency-symbol{min-height:72px}
 #board .portal-button,#board .button-row button:not(.text-button){padding:12px 18px}
}