/* GUESSRD RC10 · Boardroom. Pure presentation layer. */
:root{--board-ink:#2c1b14;--board-paper:#fff7e9;--board-cream:#fff0d6;--board-red:#ee4a33;--board-yellow:#ffc650;--board-shadow:#20130e;--board-line:#39241a}
.app-home{background:#20140f!important;color:#fff8ec}
.app-home .ms-home.board-home{height:100dvh;min-height:610px;color:#fff8ef;background:#241710 url('/board-table-soft.svg') center/cover no-repeat!important;overflow:hidden;text-align:left}
.board-table-decoration{position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(24,13,10,.62) 0%,rgba(24,13,10,.37) 43%,rgba(26,15,10,.12) 100%)}
.app-home .ms-home.board-home::after{background:linear-gradient(0deg,rgba(17,10,8,.35),transparent 30%);z-index:0}
.app-home .topnav{height:83px;padding:0 max(3.5vw,22px);gap:18px;z-index:30}
.app-home .brand.brand-board-tiles{display:inline-flex;gap:4px;padding:4px;background:transparent;color:var(--board-ink);align-items:center;box-shadow:none;white-space:nowrap}
.app-home .brand-tile-letter{display:grid;place-items:center;width:clamp(24px,2.25vw,34px);height:clamp(29px,2.8vw,39px);font-size:clamp(15px,1.55vw,21px);font-weight:1000;letter-spacing:0;border:2px solid var(--board-shadow);border-radius:6px;background:#fff9ea;box-shadow:2px 3px 0 #0e0906;transform:rotate(-3deg)}
.app-home .brand-tile-letter:nth-child(2n){transform:rotate(5deg)}
.app-home .brand-tile-letter:nth-child(3n){transform:rotate(-6deg)}
.app-home .desktop-nav button,.app-home .desktop-nav a{background:#21150fda;color:#fff4df;border:1px solid #976b4f;border-radius:99px;box-shadow:0 2px 8px #0004;font-weight:800}
.app-home .desktop-nav .is-active,.app-home .desktop-nav a:hover,.app-home .desktop-nav button:hover{background:var(--board-yellow);color:#291a12;border-color:#2d1b14}
.app-home .topnav .mobile-menu{background:#fff7e9!important;color:var(--board-ink)!important;border:2px solid var(--board-shadow)!important;border-radius:99px!important;box-shadow:3px 4px 0 #140d08!important;font-weight:900}
.app-home .ms-giant{z-index:0;top:86%;left:50%;font-size:clamp(70px,12vw,195px);letter-spacing:-.095em;transform:translate(-50%,-50%);opacity:.1;color:#ffb34f;line-height:1;-webkit-mask-image:none;mask-image:none;pointer-events:none}
.app-home .ms-lightwash{display:none}
.app-home .ms-spark{z-index:3}
.app-home .ms-spark::before,.app-home .ms-spark::after{background:#ff9a33;box-shadow:none}
.board-home-copy{position:absolute;left:max(4vw,24px);top:50%;transform:translateY(-43%);z-index:6;width:min(46vw,660px);padding:12px 0}
.board-home-eyebrow{font-size:12px;font-weight:900;letter-spacing:.22em;color:#ffd5a1;margin-bottom:20px}
.board-home-copy h1{font-size:clamp(40px,4.9vw,79px);font-weight:1000;line-height:1.06;letter-spacing:-.075em;color:#fff9ef;text-shadow:0 5px 24px #130903a6;max-width:11.5ch}
.board-home-copy h1 span{display:block}
.board-home-copy h1 mark{display:inline-block;background:var(--board-yellow);color:var(--board-ink);padding:.015em .15em .09em;line-height:1.07;white-space:nowrap;transform:rotate(-1.4deg);border:3px solid var(--board-shadow);border-radius:13px;box-shadow:5px 6px 0 #180d08,0 0 30px #fa96154f}
.board-home-copy>p{font-size:clamp(13px,1.15vw,17px);line-height:1.6;color:#fbe7cf;max-width:430px;margin:18px 0 22px;font-weight:550;text-shadow:0 3px 12px #130903}
.board-home-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:510px}
.board-home-btn{position:relative;border:3px solid var(--board-shadow);border-radius:17px;box-shadow:5px 6px 0 #180e08;min-height:132px;color:#fffdf7;text-align:left;padding:17px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;cursor:pointer;font-family:inherit;transition:transform .17s,box-shadow .17s}
.board-home-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 #180e08}
.board-home-btn:active{transform:translate(3px,3px);box-shadow:2px 3px 0 #180e08}
.board-home-new{background:linear-gradient(140deg,#ff5b3e,#d93726)}
.board-home-live{background:linear-gradient(140deg,#ffd87d,#f8ac37);color:#311e14}
.board-home-button-icon{position:absolute;left:18px;top:16px;font-size:11px;font-weight:1000;border:2px solid currentColor;border-radius:8px;padding:5px 7px;letter-spacing:.04em}
.board-home-btn strong{font-size:21px;font-weight:1000;line-height:1.05}
.board-home-btn small{font-size:12px;font-weight:750;opacity:.92;max-width:90%}
.board-home-btn b{position:absolute;right:15px;bottom:14px;font-size:27px;line-height:1}
.board-home-code{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:510px;width:100%;margin-top:13px;background:#fff6e7;color:#3c2417;border:3px solid var(--board-shadow);border-radius:16px;box-shadow:5px 6px 0 #160c09;font-size:14px;font-weight:900;padding:13px 19px;transition:transform .18s}
.board-home-code:hover{transform:translateY(-3px)}
.board-home-code span{font-size:25px;line-height:1}
.app-home .board-stack-wrap{inset:auto!important;left:auto;right:clamp(5%,11vw,15%);top:49%;transform:translateY(-45%);width:min(42vw,520px);height:min(65vh,560px);display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}
.app-home .board-stack-wrap .ms-stack{height:clamp(275px,28vw,390px);width:clamp(258px,28vw,392px);pointer-events:auto}
.app-home .ms-card{border:4px solid var(--board-shadow);border-radius:28px;box-shadow:8px 12px 0 #160d09}
.app-home .ms-card-a{background:#ef563e;transform:translate(-44px,23px) rotate(-15deg) scale(.98)}
.app-home .ms-card-b{background:#ffcb48;transform:translate(43px,-14px) rotate(11deg) scale(.98)}
.app-home .ms-card-front{background:#fff8e9!important;border:4px solid #28170e!important;color:var(--board-ink)!important;padding:28px!important;text-align:center;box-shadow:8px 12px 0 #170e08,0 20px 70px #0008!important;transform:rotate(-5deg)}
.app-home .ms-card-front:hover{filter:brightness(1.02)}
.app-home .ms-card-head{font-weight:950;font-size:11px;color:#805941;letter-spacing:.07em}
.app-home .ms-card-message{white-space:pre-line;font-size:clamp(25px,3vw,44px);letter-spacing:-.06em;line-height:1.13;font-weight:1000;color:#3c2519}
.board-card-crown{font-size:35px;line-height:1;color:#f0a325;filter:drop-shadow(1px 2px #c36d27)}
.app-home .ms-card-foot{color:#b58a65;letter-spacing:.07em;font-size:9px}
.board-dice{position:absolute;z-index:3;display:grid;place-items:center;font-size:42px;color:#fff4de;text-shadow:3px 3px #21140e;line-height:1}
.board-dice-left{left:0;top:12%;transform:rotate(-23deg)}.board-dice-right{right:0;bottom:0;transform:rotate(17deg)}
.board-home-footer{position:absolute;left:4vw;right:4vw;bottom:13px;z-index:4;text-align:center;color:#e6c5a3;letter-spacing:.2em;font-size:10px;font-weight:850}
@media(max-width:900px){
 .app-home .board-stack-wrap{right:2%;width:42vw}
 .board-home-copy{width:min(52vw,540px);left:3.8vw}
 .board-home-copy h1{font-size:clamp(38px,5.3vw,55px)}
 .app-home .board-stack-wrap .ms-stack{width:clamp(230px,30vw,315px);height:clamp(280px,33vw,340px)}
}
@media(max-width:700px){
 .app-home .topnav{height:64px!important;padding:0 14px!important}
 .app-home .brand.brand-board-tiles{gap:2px}
 .app-home .brand-tile-letter{width:24px;height:30px;font-size:16px;border-width:2px;box-shadow:1px 2px 0 #0d0806}
 .app-home .topnav .mobile-menu{min-width:auto!important;padding:8px 11px!important;min-height:38px;box-shadow:2px 3px 0 #110a07!important}
 .app-home .ms-home.board-home{height:100dvh;min-height:640px;background-image:url('/board-table-mobile-soft.svg')!important;background-position:center center!important;background-size:cover!important}
 .board-table-decoration{background:linear-gradient(180deg,#21130fd6 4%,#23151099 52%,#21130f70 100%)}
 .board-home-copy{position:absolute;top:76px;left:20px;right:20px;transform:none;width:auto;padding:0}
 .board-home-eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:8px}
 .board-home-copy h1{font-size:clamp(32px,8.4vw,47px);max-width:100%;line-height:1.04}
 .board-home-copy h1 span{display:block}
 .board-home-copy h1 mark{border-width:2px;border-radius:8px;box-shadow:3px 4px 0 #170d08;white-space:nowrap}
 .board-home-copy>p{margin:10px 0 12px;max-width:440px;font-size:clamp(11px,2.9vw,13px);line-height:1.45}
 .board-home-actions{max-width:none;gap:9px}
 .board-home-btn{min-height:80px;border-width:2px;border-radius:13px;padding:10px 11px;box-shadow:3px 4px 0 #140b07;gap:4px}
 .board-home-button-icon{display:none}
 .board-home-btn strong{font-size:16px}
 .board-home-btn small{font-size:10px;max-width:80%}
 .board-home-btn b{font-size:20px;right:10px;bottom:8px}
 .board-home-code{margin-top:9px;padding:7px 12px;font-size:12px;border-width:2px;border-radius:12px;box-shadow:3px 4px 0 #110a07}
 .app-home .board-stack-wrap{top:auto;bottom:34px;left:0;right:0;transform:none;width:100%;height:clamp(230px,31vh,320px)}
 .app-home .board-stack-wrap .ms-stack{height:clamp(215px,28vh,265px);width:clamp(180px,45vw,235px)}
 .app-home .ms-card-front{padding:13px!important}
 .app-home .ms-card{border-width:3px;border-radius:19px;box-shadow:5px 8px 0 #1a0f0a}
 .app-home .ms-card-a{transform:translate(-23px,13px) rotate(-14deg)}.app-home .ms-card-b{transform:translate(24px,-9px) rotate(12deg)}
 .app-home .ms-card-message{font-size:clamp(21px,5.4vw,29px)}
 .board-card-crown{font-size:25px}
 .app-home .ms-card-head{font-size:9px}.app-home .ms-card-foot{font-size:7px;letter-spacing:.015em}
 .app-home .ms-giant{font-size:15vw;top:61%;color:#ffbf73;opacity:.12}
 .board-dice{font-size:25px}.board-dice-left{left:11%;top:6%}.board-dice-right{right:12%;bottom:13%}
 .board-home-footer{display:none}
}
@media(max-width:700px) and (max-height:740px){
 .app-home .ms-home.board-home{min-height:0;height:100dvh}
 .board-home-copy{top:67px}
 .board-home-copy h1{font-size:clamp(26px,7.3vw,38px)}
 .board-home-eyebrow{display:none}
 .board-home-copy>p{font-size:11px;line-height:1.33;margin:8px 0 9px}
 .board-home-btn{min-height:68px;padding:8px 10px}
 .board-home-code{padding:6px 10px;margin-top:8px}
 .app-home .board-stack-wrap{bottom:7px;height:clamp(195px,30vh,235px)}
 .app-home .board-stack-wrap .ms-stack{width:clamp(160px,36vw,195px);height:clamp(184px,27vh,214px)}
 .app-home .ms-card-message{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.app-home .ms-stack,.app-home .ms-spark{animation:none}}
