@font-face{
  font-family:"Bitstream Vera Sans Mono";
  src:url("./fonts/VeraMono.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Bitstream Vera Sans Mono";
  src:url("./fonts/VeraMoBd.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Bitstream Vera Sans Mono";
  src:url("./fonts/VeraMoIt.ttf") format("truetype");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:"Bitstream Vera Sans Mono";
  src:url("./fonts/VeraMoBI.ttf") format("truetype");
  font-weight:700;
  font-style:italic;
  font-display:swap;
}

:root{
  --panel-soft:rgba(59,33,23,.96);
  --panel-strong:rgba(72,40,28,.97);
  --line:rgba(196,154,92,.26);
  --line-strong:rgba(196,154,92,.48);
  --ink:#f2ddbf;
  --muted:#d6b894;
  --accent:#9a5b39;
  --accent-2:#72412a;
  --good:#90c29d;
  --warn:#dab46a;
  --danger:#d88369;
  --shadow:0 24px 60px rgba(20,10,6,.32);
  --stitch:rgba(196,154,92,.62);
  --p1:#e0746f;
  --p2:#85c88f;
  --p3:#7db9ff;
  --p4:#e6d56b;
  --room-purple-a:#b99bf0;
  --room-purple-b:#7b63be;
  --room-gray:#cfd4d9;
  --mud-mono:"Bitstream Vera Sans Mono","DejaVu Sans Mono","Liberation Mono","Lucida Console","Courier New",Monaco,Menlo,Consolas,monospace;
  --story-font-size:1.04rem;
  --story-font-weight:500;
  --story-letter-spacing:.015em;
  --story-line-height:1.68;
  --story-shadow:0 0 .01px currentColor, 0 0 .45px rgba(241,224,194,.2);
  --terminal-columns:80ch;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body{
  font-family:Inter,system-ui,sans-serif;
  color:var(--ink);
  background:linear-gradient(rgba(17,10,7,.14),rgba(17,10,7,.24)),url('../Westwild_BG.jpg') center top/cover fixed no-repeat;
}
button,input,select,textarea{font:inherit}
button{
  appearance:none;
  border:1px solid #b98a60;
  border-radius:0;
  padding:14px 18px;
  font-weight:800;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.16);
}
textarea{min-height:110px;resize:vertical}
.primary,.ghost,.button-link,.mode-btn,.catalog-tab{
  color:#f7e7cd;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.primary,.mode-btn.active,.catalog-tab.active{background:linear-gradient(180deg,#9f6540,#73422b);border-color:#c89c6b;color:#fff4e4}
.ghost,.mode-btn,.catalog-tab{background:linear-gradient(180deg,#7a4a32,#5c3324);border-color:#c89c6b}
.slim{padding:10px 14px;border-radius:0}
.eyebrow,.kicker{
  margin:0 0 6px;
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  color:var(--muted);
}
.subhead,.small-copy{margin:0;color:var(--muted);line-height:1.45}
.alpha-shell{width:min(1480px,calc(100vw - 24px));margin:220px auto 24px}
.alpha-app,.panel,.phone-app,.phone-card{
  background:var(--panel-soft);
  border:1px solid var(--line-strong);
  border-radius:30px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.alpha-app::before,.panel::before,.phone-app::before,.phone-card::before{
  content:"";
  position:absolute;
  inset:8px;
  border:2px dashed var(--stitch);
  border-radius:18px;
  pointer-events:none;
  opacity:.55;
}
.alpha-header,.panel-head,.phone-header{
  position:relative;
  background:rgba(255,255,255,.03);
}
.alpha-header::before,.panel-head::before,.phone-header::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:6px;
  border-bottom:2px dashed rgba(196,154,92,.42);
  opacity:.45;
}
.alpha-header,.phone-header{
  padding:22px 24px 16px;
  border-bottom:1px solid rgba(196,154,92,.18);
}
.progress-shell{
  padding:18px 24px 0;
  display:grid;
  gap:10px;
}
.progress-copy{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:var(--muted);
  font-weight:800;
}
.progress-track{
  height:14px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(13,8,6,.35);
  border:1px solid rgba(194,153,87,.22);
}
.progress-fill{
  width:0%;
  height:100%;
  background:linear-gradient(90deg,var(--accent) 0%, var(--accent-2) 100%);
  transition:width .42s ease;
}
.alpha-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.header-actions,.row,.mode-buttons,.catalog-tabs,.command-row,.check-stack,.phone-button-stack{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mode-bar{padding:16px 24px;border-bottom:1px solid rgba(196,154,92,.18);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.status-row,.vote-summary{color:#eadfca;font-weight:700}
.alpha-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 360px;gap:18px;padding:22px 24px 24px;align-items:start}
.main-column,.side-column,.stack-gap{display:grid;gap:18px}
.utility-stack{display:grid;gap:12px}
.utility-card{
  border:1px solid var(--line);
  background:rgba(61,35,25,.72);
  border-radius:16px;
  padding:12px 14px;
  display:grid;
  gap:10px;
}
.utility-card h3{margin:0;color:#fff0d1;font-size:1rem}
.utility-preview{
  border:1px solid rgba(220,190,120,.18);
  background:rgba(255,255,255,.04);
  border-radius:14px;
  padding:10px 12px;
  min-height:64px;
}
.work-view{display:none}
.work-view.active{display:block}
.panel-head{padding:14px 16px 12px;border-bottom:1px solid rgba(196,154,92,.18);display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.panel-body{padding:18px}
.world-shell{display:grid;grid-template-rows:minmax(300px,1fr) auto}
.world-log,.feedback-box{
  background:#000;
  color:#f1e0c2;
  font-family:var(--mud-mono);
  font-size:var(--story-font-size);
  font-weight:var(--story-font-weight);
  letter-spacing:var(--story-letter-spacing);
  line-height:var(--story-line-height);
  text-shadow:var(--story-shadow);
  -webkit-font-smoothing:none;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
  border-top:1px solid rgba(196,154,92,.18);
  font-variant-ligatures:none;
}
.world-log{min-height:320px;max-height:48vh;overflow:auto;padding:18px 0;display:block}
.log-line{
  white-space:pre-wrap;
  overflow-wrap:break-word;
  word-break:normal;
  margin:0 auto;
  width:min(calc(100% - 36px), var(--terminal-columns));
  max-width:var(--terminal-columns);
}
.log-line + .log-line{margin-top:.42rem}
.log-line.command{color:#f3e7d4;font-weight:700}
.log-line.system{color:#cfd4d9}
.log-line.quest{color:#f1d390}
.log-line.roll{color:#7dc7ff}
.log-line.cutscene{color:#b8b8b8}
.log-line.player-p1{color:var(--p1)}
.log-line.player-p2{color:var(--p2)}
.log-line.player-p3{color:var(--p3)}
.log-line.player-p4{color:var(--p4)}
.cutscene-tag{
  color:#d98641;
  font-weight:900;
}
.cutscene-border{
  display:inline-block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  background:linear-gradient(90deg,#8e949a,#d5d9dd);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:900;
  letter-spacing:.08em;
}
.command-row{padding:14px 16px 16px;border-top:1px solid rgba(196,154,92,.18);display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.command-prompt{
  flex:0 0 auto;
  min-width:max-content;
  color:#d9c7aa;
  font-family:var(--mud-mono);
  font-size:var(--story-font-size);
  font-weight:700;
  letter-spacing:.01em;
}
.command-input,.field input,.field select,.field textarea{
  width:100%;
  border:1px solid rgba(196,154,92,.35);
  background:#d3ab82;
  border-radius:14px;
  padding:12px 14px;
  color:#3d2418;
}
.command-input{flex:1;font-family:var(--mud-mono)}
.card-block,.lane-card,.phone-card{
  border:1px solid var(--line);
  background:rgba(61,35,25,.96);
  border-radius:18px;
  color:#f3e3c8;
}
.card-block{padding:16px 18px}
.card-block h3,.lane-column h3,.phone-card h2{margin:0 0 10px}
.card-block p{margin:0;line-height:1.65}
.two-up,.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.combat-stack{display:grid;gap:18px}
.combat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stat-item{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(220,190,120,.18)}
.stat-item strong{display:block;color:#fff0d1;margin-bottom:4px}
.vote-strip,.lane-list,.catalog-list,.loot-list,.inventory-list,.shop-list{display:grid;gap:10px}
.travel-browser{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.travel-card{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(61,35,25,.96);
  color:#f3e3c8;
  display:grid;
  gap:8px;
  text-decoration:none;
}
.travel-card strong{color:#fff0d1}
.travel-card .small-copy{margin:0}
.roller-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.shell-control-row{display:grid;gap:12px}
.compact-vote-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.vote-btn,.catalog-card,.shop-card,.inventory-row,.loot-row,.lane-card{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(61,35,25,.96);
  color:#f3e3c8;
}
.vote-btn,.catalog-card{width:100%;text-align:left}
.vote-btn.active{box-shadow:0 0 0 2px rgba(255,244,222,.3) inset;border-color:#c89c6b}
.vote-btn.disabled{opacity:.65}
.lane-card{display:grid;gap:12px}
.lane-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.lane-name{font-size:1rem;font-weight:900;color:#fff0d1}
.lane-meta{color:var(--muted);font-size:.9rem}
.lane-actions{display:flex;gap:8px;flex-wrap:wrap}
.pending-box,.result-box{
  min-height:54px;
  padding:12px 14px;
  border-radius:14px;
  background:#0d0d0d;
  border:1px solid rgba(196,154,92,.22);
  font-family:var(--mud-mono);
  font-size:var(--story-font-size);
  font-weight:var(--story-font-weight);
  letter-spacing:var(--story-letter-spacing);
  line-height:var(--story-line-height);
  text-shadow:var(--story-shadow);
  -webkit-font-smoothing:none;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
  color:#f1e0c2;
}
.catalog-card h4,.shop-card h4{margin:0 0 8px;color:#fff0d1}
.phone-shell{width:min(520px,calc(100vw - 14px));margin:34px auto}
.viewer-shell{width:min(1600px,calc(100vw - 24px));margin:24px auto}
.phone-app{padding-bottom:14px}
.viewer-app{
  background:rgba(34,20,14,.97);
  border:1px solid var(--line-strong);
  border-radius:30px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.viewer-app::before{
  content:"";
  position:absolute;
  inset:8px;
  border:2px dashed var(--stitch);
  border-radius:18px;
  pointer-events:none;
  opacity:.55;
}
.viewer-header{
  padding:20px 24px 16px;
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(196,154,92,.18);
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.viewer-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.viewer-file{
  position:relative;
  overflow:hidden;
  gap:8px;
}
.viewer-file input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.viewer-status-row{
  padding:14px 24px;
  border-bottom:1px solid rgba(196,154,92,.18);
  color:var(--muted);
  font-weight:800;
}
.room-shell-preview{
  margin:0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(196,154,92,.18);
  background:#0d0d0d;
  color:#f1e0c2;
  font-family:var(--mud-mono);
  font-size:var(--story-font-size);
  font-weight:var(--story-font-weight);
  letter-spacing:var(--story-letter-spacing);
  line-height:var(--story-line-height);
  text-shadow:var(--story-shadow);
  -webkit-font-smoothing:none;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
  white-space:pre-wrap;
  width:min(100%, var(--terminal-columns));
  max-width:var(--terminal-columns);
  overflow-wrap:break-word;
  word-break:normal;
}
.room-shell-border,
.room-shell-title,
.room-shell-desc,
.room-shell-section,
.room-shell-item{
  display:block;
  white-space:pre-wrap;
}
.room-shell-border{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  font-weight:900;
  letter-spacing:.04em;
  background:linear-gradient(90deg,var(--room-purple-a),var(--room-purple-b));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.room-shell-title{
  color:#e9dcff;
  font-weight:900;
}
.room-shell-desc{
  color:var(--room-gray);
}
.room-shell-section{
  color:#f0dfb5;
  font-weight:900;
}
.room-shell-item{
  color:#f1e0c2;
}
.compact-field{margin-top:0}
.compact-field span{font-size:.78rem}
.utility-panel .panel-body{padding:14px}
.viewer-world{padding:18px 24px 24px}
.viewer-log{
  min-height:78vh;
  max-height:78vh;
  border:1px solid rgba(196,154,92,.18);
  border-radius:22px;
}
.viewer-feed-surface{
  min-height:78vh;
  max-height:78vh;
  overflow:auto;
  border:1px solid rgba(196,154,92,.18);
  border-radius:22px;
  background:#0d0d0d;
  padding:18px 0;
  display:block;
  color:#f1e0c2;
  font-family:var(--mud-mono);
  font-size:var(--story-font-size);
  font-weight:var(--story-font-weight);
  letter-spacing:var(--story-letter-spacing);
  line-height:var(--story-line-height);
  text-shadow:var(--story-shadow);
  -webkit-font-smoothing:none;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
  font-variant-ligatures:none;
}
.viewer-feed-surface .room-shell-preview{
  border:0;
  border-radius:0;
  background:transparent;
  padding:0 0 14px;
  border-bottom:1px solid rgba(196,154,92,.18);
  margin:0 auto 14px;
}
.viewer-feed-stream{display:block}
.viewer-feed-stream .log-line{
  width:min(calc(100% - 36px), var(--terminal-columns));
  max-width:var(--terminal-columns);
}
.inline-room-shell{
  margin: 0;
}
.viewer-command-row{padding:0 24px 14px;border-top:0}
.viewer-help,
.viewer-launch-row{
  padding:0 24px 18px;
}
.viewer-help .loot-list,
.viewer-launch-row{
  border-radius:18px;
}
.viewer-launch-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.viewer-file-name{flex:1 1 320px}
.phone-mode-banner{margin:14px 14px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#8b5637,#643927);border:1px solid #b98a60;text-align:center;font-weight:900}
.phone-view{display:none;padding:14px;gap:14px}
.phone-view.active{display:grid}
.phone-card{padding:16px 18px}
.phone-button-stack{flex-direction:column;align-items:stretch}
.field{display:grid;gap:8px;font-weight:800;color:var(--muted);margin-top:10px}
.shop-card,.inventory-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.inventory-row .row{justify-content:flex-end}
.profile-stack{display:grid;gap:14px}
.profile-thumb-shell{
  display:grid;
  place-items:center;
  min-height:164px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(196,154,92,.22);
  background:rgba(0,0,0,.16);
}
.profile-thumb{
  display:block;
  width:132px;
  height:132px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(196,154,92,.34);
  box-shadow:0 10px 24px rgba(0,0,0,.24);
  background:rgba(0,0,0,.22);
}
.profile-thumb-fallback{
  color:var(--muted);
  font-weight:700;
  text-align:center;
}
.hidden{display:none !important}
.builder-shell{width:min(1300px,calc(100vw - 24px));margin:220px auto 32px}
.builder-app{background:var(--panel-soft);border:1px solid var(--line-strong);border-radius:30px;box-shadow:var(--shadow);overflow:hidden;position:relative}
.builder-app::before{content:"";position:absolute;inset:8px;border:2px dashed var(--stitch);border-radius:18px;pointer-events:none;opacity:.55}
.builder-header,.builder-body{padding:22px 24px}
.builder-header{border-bottom:1px solid rgba(196,154,92,.18)}
.builder-grid{display:grid;grid-template-columns:360px 1fr;gap:18px}
.builder-stack{display:grid;gap:16px}
.builder-part-card{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(61,35,25,.96)}
.builder-part-card h3,.builder-part-card h4{margin:0 0 10px}
.builder-progress-shell{padding:0 24px 18px}
.builder-wizard{display:grid;grid-template-columns:1fr;gap:18px}
.builder-wizard.is-test-step{grid-template-columns:1fr}
.builder-step-card{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(61,35,25,.96);display:grid;gap:14px}
.builder-step-card h2{margin:0}
.builder-step-card .step-copy{margin:0;color:var(--muted);line-height:1.55}
.builder-status-band{padding:16px 18px;border-top:1px solid rgba(194,153,87,.10);background:rgba(255,255,255,.03)}
.builder-status-band h3{margin:0 0 8px}
.builder-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.builder-choice-card{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#f3e3c8;text-align:left;cursor:pointer}
.builder-choice-card.active{box-shadow:0 0 0 2px rgba(255,244,222,.3) inset;border-color:#c89c6b}
.builder-choice-card strong{display:block;color:#fff0d1;margin-bottom:6px}
.builder-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.builder-finish-card{padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;gap:10px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ghost-btn{padding:10px 14px;border-radius:14px;border:1px solid rgba(196,154,92,.35);background:rgba(255,255,255,.05);color:#f3e3c8;font-weight:800}
.builder-cutscene-head,.builder-cutscene-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.builder-cutscene-actions{display:flex;gap:8px;flex-wrap:wrap}
.builder-cutscene-list{display:grid;gap:12px}
.builder-cutscene-card{padding:14px;border-radius:16px;border:1px solid rgba(196,154,92,.18);background:rgba(0,0,0,.18);display:grid;gap:10px}
.builder-cutscene-card.is-break{background:rgba(185,155,240,.08);border-color:rgba(185,155,240,.28)}
.builder-test-shell{display:grid;gap:16px}
.builder-test-copy{margin:0;color:var(--muted);line-height:1.6}
.builder-test-player{
  min-height:62vh;
  max-height:62vh;
  overflow:auto;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(196,154,92,.18);
  background:#0d0d0d;
  color:#f1e0c2;
  font-family:var(--mud-mono);
  font-size:var(--story-font-size);
  font-weight:var(--story-font-weight);
  letter-spacing:var(--story-letter-spacing);
  line-height:var(--story-line-height);
  text-shadow:var(--story-shadow);
  -webkit-font-smoothing:none;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
  white-space:pre-wrap;
  overflow-wrap:break-word;
  word-break:normal;
}
.builder-test-actions{display:flex;gap:10px;flex-wrap:wrap}
.builder-cutscene-preview{
  min-height:220px;
  max-height:360px;
  overflow:auto;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(196,154,92,.18);
  background:#0d0d0d;
  color:#f1e0c2;
  font-family:var(--mud-mono);
  font-size:var(--story-font-size);
  font-weight:var(--story-font-weight);
  letter-spacing:var(--story-letter-spacing);
  line-height:var(--story-line-height);
  text-shadow:var(--story-shadow);
  -webkit-font-smoothing:none;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
  white-space:pre-wrap;
  overflow-wrap:break-word;
  word-break:normal;
}
.builder-cutscene-preview .cutscene-line{display:block;white-space:pre-wrap}
.builder-cutscene-preview .cutscene-line + .cutscene-line{margin-top:10px}
.dm-campaign-notes{
  margin-top:12px;
  border:1px solid rgba(196,154,92,.22);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(88,54,36,.98), rgba(61,35,25,.98));
  padding:16px;
  box-shadow:inset 0 0 0 1px rgba(255,244,222,.04);
}
.dm-campaign-notes-body{display:grid;gap:14px}
.notes-part{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(196,154,92,.18);
  background:rgba(0,0,0,.14);
  display:grid;
  gap:10px;
}
.notes-part h4{margin:0;color:#fff0d1}
.notes-grid{display:grid;gap:8px}
.notes-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:12px;
  align-items:flex-start;
}
.notes-row strong{color:#f2d2a0}
.notes-row span{color:#e9dcc5;line-height:1.55;white-space:pre-wrap}
.nav-row{
  padding:14px 24px 18px;
  border-top:1px solid rgba(194,153,87,.10);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  background:rgba(255,255,255,.03);
}
.nav-status{color:var(--muted);font-weight:700}
.dot{opacity:.6;padding:0 4px}
@media (max-width:1120px){
  .alpha-layout,.builder-grid,.builder-wizard{grid-template-columns:1fr}
}
@media (max-width:760px){
  .alpha-shell{margin-top:148px;width:min(1480px,calc(100vw - 14px))}
  .alpha-layout,.panel-body,.mode-bar,.alpha-header,.panel-head{padding-left:16px;padding-right:16px}
  .two-up,.board-grid,.stat-grid{grid-template-columns:1fr}
  .combat-grid,.compact-vote-strip{grid-template-columns:1fr}
  .builder-choice-grid,.builder-inline-grid{grid-template-columns:1fr}
  .roller-grid{grid-template-columns:1fr}
  .builder-shell{margin-top:148px}
  .viewer-shell{width:min(1600px,calc(100vw - 14px))}
  .viewer-header,.viewer-status-row,.viewer-world{padding-left:16px;padding-right:16px}
  .nav-row,.progress-shell{padding-left:16px;padding-right:16px}
  .command-row{flex-wrap:wrap}
  .command-prompt{width:100%}
}