/* Scoped review workspace: live board, mobile gameplay and social panels are unchanged. */
.gr-result-cta{width:100%;margin:8px 0 4px;display:flex;justify-content:space-between}.gr-review-history{min-height:36px;margin-top:7px;padding:6px 12px;font-size:12px}
#modalBackdrop.gr-open{top:var(--gr-top,0);left:var(--gr-left,0);width:var(--gr-width,100%);height:var(--gr-height,100dvh);bottom:auto;right:auto;box-sizing:border-box;padding:16px;align-items:center}
.gr-open #modalCard{width:min(1250px,100%)!important;max-height:calc(var(--gr-height,100dvh) - 32px)!important;overflow-y:auto;padding:30px;border-radius:24px}.gr-open #modalContent{min-width:0}.gr-open .modal-close{position:sticky;top:0;float:right;z-index:5;background:#242c39}
.gr-head{padding-right:48px}.gr-head h2{font-size:clamp(24px,3vw,34px);margin:12px 0 8px;letter-spacing:-.04em}.gr-head p{color:#a8b4c3;font-size:13px}.gr-eyebrow{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.gr-state{font-size:10px;letter-spacing:.12em;color:#95d3fa;background:#142c3b;padding:7px 10px;border:1px solid #284a60;border-radius:30px}.gr-head .modal-eyebrow{margin:0;font-size:10px}
.gr-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#364151;border:1px solid #364151;border-radius:16px;overflow:hidden;margin:22px 0 14px}.gr-summary>div{background:#18212d;padding:16px}.gr-summary small{font-size:9px;letter-spacing:.1em;color:#a8b4c3}.gr-summary strong{display:block;font-size:28px;line-height:1.25;margin:8px 0;color:#eff6ff}.gr-summary span{display:block;font-size:11px;color:#a8b4c3;line-height:1.5}.gr-summary>div:first-child strong{color:#baff36}
.gr-status{background:#102b2d;border:1px solid #27504e;border-radius:12px;padding:13px 16px;color:#bcddda;font-size:12px;line-height:1.6;margin:10px 0 18px}.gr-status strong{color:#e1f8ed}.gr-status button{margin-left:10px}
.gr-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,1fr);gap:20px}.gr-main,.gr-detail{min-width:0}.gr-turn-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}.gr-turn-bar strong{display:block;font-size:14px;margin-top:4px}.gr-turn-bar small{color:#a8b4c3;font-size:10px;letter-spacing:.08em}.gr-chip{color:#b6ff39;font-size:9px;padding:6px 9px;border:1px solid #415430;border-radius:15px;white-space:nowrap}.gr-board-wrap{background:#0a101b;border-radius:18px;box-shadow:0 14px 28px #0004;overflow:hidden}.gr-board{width:100%;height:auto;display:block}.gr-board text{text-anchor:middle;fill:#dce6f5;font-size:14px;font-family:inherit;font-weight:700}.gr-board .gr-count{fill:white;font-size:18px;paint-order:stroke;stroke:#172334;stroke-width:3px}.gr-board .gr-off{font-size:9px;color:#8496ab}.gr-board .gr-review-mark{fill:#172334;font-size:25px}.gr-board [tabindex="0"]{cursor:pointer;outline:none}.gr-board [tabindex="0"]:focus{filter:drop-shadow(0 0 5px #baff36)}
.gr-player-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#a8b4c3;margin:12px 0}.gr-player-label span:first-child{color:#e7f0fd;font-weight:700}.gr-board-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.gr-open .secondary-button,.gr-open .primary-button{min-height:44px;font-size:12px}.gr-board-actions button{padding:8px 6px}.gr-board-actions [aria-pressed="true"]{border-color:#baff36;background:#233522;color:#cbff6b}.gr-open button:disabled{opacity:.4;cursor:not-allowed}
.gr-scrub{display:flex;gap:12px;align-items:center;margin:12px 0}.gr-scrub label{flex:1;font-size:10px;color:#a8b4c3}.gr-scrub input{display:block;width:100%;margin-top:8px;accent-color:#baff36}.gr-scrub button{min-width:44px;padding:5px}
.gr-detail{background:#111923;border:1px solid #2b3644;border-radius:16px;padding:18px}.gr-detail h3{font-size:20px;margin:8px 0 12px}.gr-detail h4{font-size:13px;margin:18px 0 6px}.gr-detail p{font-size:12px;color:#a8b4c3;line-height:1.65;margin:9px 0}.gr-detail .modal-eyebrow{font-size:9px}.gr-route{padding:10px;border-radius:9px;background:#0a111c;color:#e1e9f5!important;overflow-wrap:anywhere}.gr-estimate strong{font-size:30px;color:#ffcc76}.gr-estimate strong small{font-size:14px}.gr-estimate span{display:block;font-size:11px;color:#a8b4c3}.gr-detail>.primary-button{width:100%;margin-top:16px}.gr-detail .gr-small{font-size:10px}.gr-moments{border-top:1px solid #293442;margin-top:20px;padding-top:8px}.gr-moments h3{font-size:14px}.gr-moment{display:grid;width:100%;grid-template-columns:auto 1fr;gap:5px 12px;text-align:left;border-bottom:1px solid #27333f;padding:12px 0;color:#d8e5f5;background:transparent}.gr-moment span{font-size:11px;color:#aac0d6}.gr-moment strong{font-size:11px}.gr-moment small{grid-column:2;font-size:10px;color:#f6c97b}
.gr-timeline{margin-top:22px;border-top:1px solid #354050;padding-top:15px}.gr-filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.gr-filter h3{font-size:17px;flex:1;margin:0}.gr-filter label{font-size:10px;color:#a8b4c3;display:flex;align-items:center;gap:6px}.gr-filter select{background:#0f1823;color:#dce7f6;border:1px solid #394454;border-radius:8px;min-height:40px;padding:5px 7px;max-width:200px}.gr-turn-list{max-height:300px;overflow-y:auto}.gr-turn{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(90px,150px);gap:10px;align-items:center;width:100%;background:#151e29;border:1px solid transparent;border-bottom-color:#27323e;text-align:left;color:#a8b4c3;min-height:62px;padding:10px 12px;border-radius:9px}.gr-turn.selected{border-color:#789e2f;background:#202d21}.gr-turn strong{font-size:12px;color:#e0ebf5}.gr-turn small{display:block;font-size:10px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.gr-turn>span{font-size:10px}.gr-method{margin:20px 0 2px;border-top:1px solid #303c4a;padding-top:16px}.gr-method summary{cursor:pointer;font-size:12px;color:#baff36;min-height:28px}.gr-method p{font-size:12px;color:#a8b4c3;line-height:1.65;max-width:850px}.gr-practice-dice{display:flex;gap:8px;margin:14px 0}.gr-practice-dice b{background:#e6ecf4;color:#142334;padding:8px 12px;border-radius:8px}.gr-drill-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gr-drill-actions button{padding:8px}.gr-feedback{color:#bcebbc;font-size:12px;line-height:1.6;margin:14px 0}.gr-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:210px;overflow-y:auto;margin:12px 0}.gr-legal button{padding:6px}.gr-detail [data-gr="exit-drill"]{width:100%}
@media(max-width:760px){#modalBackdrop.gr-open{padding:8px}.gr-open #modalCard{padding:18px 14px;border-radius:20px;max-height:calc(var(--gr-height,100dvh) - 16px)!important}.gr-head{padding-right:30px}.gr-head h2{font-size:25px}.gr-eyebrow{gap:7px}.gr-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.gr-summary>div{padding:12px}.gr-summary strong{font-size:23px}.gr-workspace{grid-template-columns:minmax(0,1fr)}.gr-player-label{font-size:10px}.gr-turn-bar strong{font-size:12px}.gr-chip{font-size:8px;max-width:125px;text-align:center;white-space:normal}.gr-status{font-size:11px;padding:12px}.gr-filter h3{flex-basis:100%}.gr-filter select{font-size:16px;max-width:170px}.gr-turn{grid-template-columns:23px minmax(0,1fr) 82px}.gr-board-actions{gap:4px}.gr-board-actions button{font-size:11px}.gr-turn-list{max-height:270px}}
@media(max-height:450px) and (min-width:600px){.gr-workspace{grid-template-columns:minmax(0,1.7fr) minmax(215px,1fr)}.gr-head h2{font-size:22px}.gr-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Never animate viewport dimensions when a phone rotates or its keyboard opens. */
#modalBackdrop.gr-open{transition:opacity 160ms ease;min-width:0;max-width:100vw}
.gr-open #modalCard{min-width:0;max-width:100%;box-sizing:border-box;overflow-x:hidden}
@media(min-width:1000px){.gr-board{max-height:420px}.gr-summary>div{padding:12px 16px}.gr-head h2{margin-top:8px}.gr-detail{align-self:start}}
@media(max-width:760px){.gr-head h2{font-size:23px}.gr-head p{font-size:11px}.gr-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin:15px 0 10px}.gr-summary>div{padding:10px 6px}.gr-summary small{font-size:8px;letter-spacing:0;line-height:1.4;display:block;min-height:23px}.gr-summary strong{font-size:22px;margin:5px 0}.gr-summary>div:last-child strong{font-size:13px;padding-top:7px;padding-bottom:6px}.gr-summary span{display:none}.gr-status{margin-bottom:14px}.gr-head h2{letter-spacing:-.03em}}