:root{color:#171511;font-synthesis:none;text-rendering:optimizelegibility;background:#f4efe5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}a{color:inherit}.app-shell{background:radial-gradient(circle at 80% 18%,#2d695d38,#0000 26rem),radial-gradient(circle at 10% 78%,#ae3f302e,#0000 24rem),linear-gradient(135deg,#f7f1e6 0%,#e8dcc8 52%,#cad8d5 100%);min-height:100vh;padding:clamp(20px,4vw,48px)}.hero-panel{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:1180px;min-height:min(76vh,780px);margin:0 auto;display:grid}.hero-copy{gap:22px;display:grid}.eyebrow,.stage-pill,.status-card span{color:#6c3129;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}h1{color:#1f1712;letter-spacing:0;margin:0;font-size:clamp(4rem,14vw,9rem);font-weight:900;line-height:.82}.lede{color:#463a2f;max-width:34rem;margin:0;font-size:clamp(1.05rem,2.4vw,1.45rem);line-height:1.45}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-action,.stage-pill{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;text-decoration:none;display:inline-flex}.primary-action{color:#fffaf1;background:#1c3f39;font-weight:800;box-shadow:0 12px 28px #1c3f3938}.stage-pill{background:#fffaf1b3;border:1px solid #1f17122e}.tabletop{background:linear-gradient(#fffaf1c7,#fffaf1c7),repeating-linear-gradient(0deg,#0000 0 47px,#1f171214 48px),repeating-linear-gradient(90deg,#0000 0 47px,#1f171214 48px),#d7c19f;border:1px solid #1f171229;border-radius:8px;min-height:420px;position:relative;overflow:hidden;box-shadow:0 28px 70px #1f17122e}.map-grid{position:absolute;inset:42px}.room,.route,.token,.dice{position:absolute}.room{background:#ae3f301f;border:2px solid #7d4d38}.room-a{width:34%;height:26%;top:8%;left:8%}.room-b{width:36%;height:38%;top:35%;right:7%}.room-c{width:24%;height:22%;bottom:7%;right:35%}.route{background:#8f7655;height:10px}.route-a{width:30%;top:34%;left:35%;transform:rotate(18deg)}.route-b{width:23%;bottom:31%;right:30%;transform:rotate(-28deg)}.dice{background:#fffaf1;border:1px solid #1f171229;border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:86px;height:86px;padding:15px;display:grid;bottom:32px;right:34px;transform:rotate(8deg);box-shadow:0 14px 26px #1f171229}.dice span{background:#1f1712;border-radius:999px}.dice span:nth-child(2){grid-column:3}.dice span:nth-child(3){grid-area:2/2}.dice span:nth-child(4){grid-row:3}.dice span:nth-child(5){grid-area:3/3}.token{border:3px solid #fffaf1;border-radius:999px;width:34px;height:34px;box-shadow:0 10px 20px #1f171238}.token-one{background:#2d695d;top:102px;left:122px}.token-two{background:#ae3f30;bottom:142px;right:148px}.status-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin:20px auto 0;display:grid}.status-card{background:#fffaf19e;border:1px solid #1f17121f;border-radius:8px;gap:8px;padding:18px;display:grid}.status-success{background:#2d695d1f;border-color:#2d695d75}.status-error{background:#ae3f301f;border-color:#ae3f3075}.status-card strong{overflow-wrap:anywhere;color:#1f1712;min-width:0;font-size:1.15rem}.status-success strong{color:#1c5a45}.status-error strong{color:#9a2f24}.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.auth-actions a,.auth-actions button{color:#1f1712;min-height:36px;font:inherit;cursor:pointer;background:#fffaf1;border:1px solid #1f17122e;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}@media (width<=820px){.hero-panel{grid-template-columns:1fr;min-height:auto}.tabletop{min-height:340px}.status-row{grid-template-columns:1fr}}