.boardgame-category{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto}.boardgame-choice{border:3px solid #203147;border-bottom-width:8px;border-radius:26px;background:#FFF2A6;display:grid;padding:14px;gap:5px;box-shadow:0 6px 0 #20314722;text-align:center;transition:transform .15s}.boardgame-choice:nth-child(2){background:#ECD5FF}.boardgame-choice:nth-child(3){background:#B5E7FA}.boardgame-choice:nth-child(4){background:#FFC5AD}.boardgame-choice img{width:100%;height:160px;object-fit:contain;mix-blend-mode:multiply}.boardgame-choice strong{font-size:24px;font-weight:950}.boardgame-choice span{font-size:14px}.boardgame-choice:active{transform:translateY(5px);border-bottom-width:3px}.native-game-intro{display:flex;align-items:center;gap:14px}.native-game-intro img{width:120px;height:120px;object-fit:contain}.native-game-designer{display:grid;gap:16px}.native-game-designer label{display:grid;gap:6px}.native-3d-table{border:3px solid #bfcde0;border-radius:20px;overflow:hidden;background:#dceafb}.native-3d-table iframe{display:block;width:100%;height:clamp(210px,32vh,370px);border:0}.native-master-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:14px}.native-master-controls label{display:grid;gap:5px;min-width:180px}.native-decisions{margin-top:12px}.native-decisions .panel{margin-top:0}.native-pause-message{font-size:24px;font-weight:900;padding:24px;border:3px solid #21405d;background:#fff1ab;border-radius:16px}.native-game-stage :is(h2,h3){overflow-wrap:anywhere}
@media(max-width:600px){.boardgame-category{gap:10px}.boardgame-choice{padding:10px;border-radius:20px}.boardgame-choice img{height:120px}.boardgame-choice strong{font-size:20px}.boardgame-choice span{font-size:12px}.native-3d-table iframe{height:210px}.native-game-intro img{width:90px;height:90px}.student-header .brand{max-width:90px}.student-header .connection-pill{display:none}.student-header{gap:5px!important}.student-header .ghost,.student-help-button{min-width:40px;min-height:40px;padding:8px}.native-decisions .sloth-art{height:90px!important}}

/* Two views keep the student's next choice in sight. */
.native-game-stage [hidden]{display:none!important}
.native-view-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}
.native-view-bar button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 8px;border:2px solid #d5deee;border-radius:18px;background:white;color:#1f2440;box-shadow:0 5px 0 #c4cede;font-family:var(--classroom-display-font,'Ddanjit Jua',sans-serif);font-size:calc(20px * var(--reading-scale,1));line-height:1.25}
.native-view-bar button[aria-pressed=true]{background:#ffd43b;border-color:#d9a400;box-shadow:0 5px 0 #d9a400}
.native-view-bar button[aria-pressed=true] span:before{content:'✓ ';font-family:sans-serif;font-weight:900}
.native-view-bar svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.native-view-bar button:active{transform:translateY(3px);box-shadow:0 2px 0 #c4cede}
.native-view-bar button:focus-visible{outline:4px solid #1f2440;outline-offset:3px}
.native-game-stage .native-3d-table iframe{height:clamp(440px,74dvh,860px)}
.native-game-stage .native-decisions{margin-top:0}
body[data-role=student] .native-game-stage{max-width:960px;margin:auto}
body[data-role=student] .native-game-stage :is(.sloth-game,.cow-panel,.sinking-panel,.rally-panel){border-radius:28px;color:#1f2440}
body[data-role=student] .native-game-stage :is(.sloth-main-action,.cow-primary,.sinking-primary,.rally-primary){min-height:64px;background:#b8e62e;color:#1f2440;border-color:#7fae0b;box-shadow:0 6px 0 #7fae0b;font-family:var(--classroom-display-font,'Ddanjit Jua',sans-serif);font-size:calc(22px * var(--reading-scale,1));line-height:1.3}
body[data-role=student] .native-game-stage :is(.sloth-game,.cow-panel,.sinking-panel,.rally-panel) h2{font-family:var(--classroom-display-font,'Ddanjit Jua',sans-serif);font-size:calc(26px * var(--reading-scale,1));line-height:1.3}
html[data-color-mode=contrast] .native-view-bar button{color:#111;background:#fff;border-color:#111;box-shadow:0 5px 0 #111}
html[data-color-mode=contrast] .native-view-bar button[aria-pressed=true]{outline:3px solid #111;outline-offset:2px}
html[data-reduced-motion=true] .native-view-bar button:active{transform:none}
@media(max-width:600px){.native-view-bar{gap:8px;margin-bottom:16px}.native-view-bar button{font-size:calc(18px * var(--reading-scale,1))}.native-game-stage .native-3d-table iframe{height:max(450px,calc(100dvh - 235px))}.native-decisions .sloth-art{height:160px!important}.native-game-stage .sloth-game{padding:18px}}
@media(prefers-reduced-motion:reduce){.native-view-bar button{transition:none}.native-view-bar button:active{transform:none}}