.games-hub{--deep:#522d63;--purple:#7e3f8f;--magenta:#c7237e;--coral:#ef6e6e;--orange:#e89a3b;--body:#202638;--edge:#dfd1e5;font-size:16px}
.games-hub .tool-shortcut,.games-hub .more-play,.games-hub .toolbox{width:min(1360px,calc(100% - 40px));margin-inline:auto}
.games-hub .tool-shortcut{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:20px 24px;border:1px solid #e2d6e7;border-radius:16px;background:#f9f3fa;color:#32203b;transform:translateY(-24px);box-shadow:0 8px 26px #46265413}
.games-hub .tool-shortcut strong{font:700 1.25rem "Playfair Display",serif}.games-hub .tool-shortcut span{flex:1;min-width:260px}.games-hub .tool-shortcut a{padding:11px 15px;border-radius:10px;background:var(--deep);color:#fff;font-weight:700}
.games-hub .more-play,.games-hub .toolbox{padding:70px 0 90px}.games-hub .more-play{border-top:1px solid var(--edge)}.games-hub .section-heading{max-width:920px;margin-bottom:35px}.games-hub .section-heading .eyebrow{color:var(--purple)}.games-hub .section-heading h2{margin:12px 0 16px;font:700 clamp(2.8rem,5vw,5rem)/1.03 "Playfair Display",serif;letter-spacing:-.04em;color:#202638}.games-hub .section-heading p{font-size:1.2rem;line-height:1.55;color:#4e5260}
.games-hub .chooser{padding:25px 28px;border:1px solid var(--edge);border-radius:18px;background:#fbf7fc}.games-hub .chooser-title{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 1.5rem "Playfair Display",serif}.games-hub .chooser-title button,.games-hub .activity button,.games-hub .tool-surface button{cursor:pointer;font-family:"DM Sans",sans-serif}.games-hub .chooser-title button{padding:8px 12px;border:1px solid var(--purple);border-radius:9px;background:#fff;color:var(--deep);font-size:.9rem;font-weight:700}.games-hub .filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:17px}.games-hub .filter-group strong{min-width:190px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#604469}.games-hub .filter-group button{min-height:42px;padding:8px 13px;border:1px solid #cdb7d5;border-radius:9px;background:#fff;color:#452751;font:700 .9rem "DM Sans",sans-serif;cursor:pointer}.games-hub .filter-group button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:white}.games-hub #filter-count{margin:20px 0 0;color:#62466a;font-weight:700}
.games-hub .filter-group{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px}
.games-hub .filter-group strong{min-width:0;padding-top:12px}
.games-hub .filter-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-width:0}
.games-hub #filter-skill .filter-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.games-hub .filter-group button{width:100%;min-height:48px;height:100%;text-align:center;white-space:normal;line-height:1.25}
@media(max-width:800px){.games-hub .filter-group{grid-template-columns:1fr;gap:8px}.games-hub .filter-group strong{padding-top:0}}
@media(max-width:560px){.games-hub .filter-options,.games-hub #filter-skill .filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.games-hub .tool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.games-hub .tool-shortcut{transform:none;margin-top:24px;margin-bottom:28px}
.games-hub .tool-tabs button{width:100%;min-height:48px;border-radius:10px}
.games-hub #time-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.games-hub #time-presets button{min-height:48px;height:100%}
.games-hub #time-presets label{grid-column:1 / span 2;margin:0;align-self:center}
.games-hub #time-presets input{width:100%}
.games-hub .timer-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap}
.games-hub .timer-heading span{font-weight:700;color:var(--deep)}
.games-hub .time-display{font-family:"Playfair Display",Georgia,serif;font-variant-numeric:lining-nums tabular-nums}
.games-hub .tool-surface:fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100vw;height:100vh;overflow:auto;background:#fbf7fc;padding:clamp(22px,4vw,70px)}
.games-hub .tool-surface:fullscreen .timer-heading{width:100%;align-items:center;justify-content:space-between}
.games-hub .tool-surface:fullscreen .time-display{font-size:clamp(7rem,23vw,24rem);line-height:1.1}
.games-hub .tool-surface:fullscreen .tool-controls{justify-content:center}
@media(max-width:800px){.games-hub .tool-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.games-hub .tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.games-hub #time-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.games-hub .tool-shortcut{transform:none}}
.games-hub .activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.games-hub .activity{min-width:0;border:1px solid var(--edge);border-top:5px solid var(--purple);border-radius:18px;background:#fff;box-shadow:0 8px 28px #4626540d;overflow:hidden}.games-hub .activity>summary{list-style:none;cursor:pointer;padding:25px 27px}.games-hub .activity>summary::-webkit-details-marker{display:none}.games-hub .activity h3{margin:0 0 9px;font:700 clamp(1.65rem,2.3vw,2.25rem)/1.14 "Playfair Display",serif;color:var(--deep)}.games-hub .activity .description{margin:0 0 18px;line-height:1.5}.games-hub .facts{display:grid;gap:7px;font-size:.92rem}.games-hub .facts b{display:inline-block;min-width:85px;color:#723b7f;font-size:.78rem;letter-spacing:.08em}.games-hub .expand-label{display:inline-block;margin-top:19px;color:#692f79;font-weight:800;text-decoration:underline;text-underline-offset:5px}.games-hub .activity[open] .expand-label{font-size:0}.games-hub .activity[open] .expand-label:after{content:'CLOSE THE INSTRUCTIONS ↑';font-size:.95rem}.games-hub .activity-body{padding:0 27px 28px}.games-hub .activity-body h4{margin:22px 0 6px;color:var(--deep);font-size:1rem}.games-hub .activity-body p{margin:0}.games-hub .activity-body ol{margin:7px 0 0;padding-left:23px}.games-hub .activity-body li{padding-left:4px;margin-bottom:6px}.games-hub .activity-body button{margin-top:18px;padding:12px 16px;border:0;border-radius:10px;background:var(--purple);color:#fff;font-weight:800}.games-hub .activity-empty{padding:40px;text-align:center;font-size:1.1rem}
.games-hub .toolbox{border-top:1px solid var(--edge)}.games-hub .tool-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.games-hub .tool-tabs button{padding:12px 16px;border:1px solid #cdb7d5;border-radius:10px;background:#fff;color:var(--deep);font:700 1rem "DM Sans",sans-serif;cursor:pointer}.games-hub .tool-tabs button[aria-selected="true"]{background:var(--deep);color:#fff;border-color:var(--deep)}.games-hub .tool-surface{min-height:330px;padding:clamp(24px,4vw,46px);border:1px solid var(--edge);border-radius:20px;background:#fbf7fc;position:relative;overflow:hidden}.games-hub .tool-surface h3{margin:0 0 10px;font:700 clamp(2rem,3vw,3rem) "Playfair Display",serif;color:var(--deep)}.games-hub .tool-surface p{max-width:780px;margin:0 0 18px}.games-hub .tool-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:18px 0}.games-hub .tool-surface button{padding:11px 17px;border:1px solid var(--purple);border-radius:10px;background:var(--purple);color:#fff;font-size:1rem;font-weight:800}.games-hub .tool-surface button.secondary{background:#fff;color:var(--deep)}.games-hub .tool-surface button.active{background:var(--magenta);border-color:var(--magenta)}.games-hub .tool-surface label{display:block;margin:14px 0 6px;font-weight:700}.games-hub .tool-surface input,.games-hub .tool-surface textarea,.games-hub .tool-surface select{max-width:100%;padding:11px 13px;border:1px solid #bd9dc9;border-radius:9px;background:white;color:var(--body);font:inherit}.games-hub .tool-surface textarea{display:block;width:min(650px,100%);min-height:108px}.games-hub .tool-surface input[type="number"]{width:110px}.games-hub .tool-output{max-width:1050px;margin:18px 0;padding:22px 25px;border-left:6px solid var(--magenta);border-radius:12px;background:#fff;color:var(--body);font-size:clamp(1.25rem,2vw,1.7rem);font-weight:700}.games-hub .tool-output small{display:block;margin-top:7px;font-size:.9rem;font-weight:500}.games-hub .time-display{font:700 clamp(4rem,9vw,8rem)/1 "DM Sans",sans-serif;color:var(--deep);font-variant-numeric:tabular-nums}.games-hub .time-display.expired{color:#a82065}.games-hub .score-rows{display:grid;gap:10px;margin-top:20px}.games-hub .score-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px;border:1px solid var(--edge);border-radius:12px;background:#fff}.games-hub .score-row strong{min-width:130px}.games-hub .score-row .points{min-width:75px;color:var(--deep);font-size:1.5rem;font-weight:800}.games-hub .score-row input{width:150px}.games-hub .dice-faces{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.games-hub .dice-face{display:grid;place-items:center;width:100px;height:100px;border:4px solid var(--purple);border-radius:17px;background:#fff;color:var(--deep);font:800 3.5rem "DM Sans",sans-serif;box-shadow:0 9px 0 #dfcce6}.games-hub .dice-faces.rolling .dice-face{animation:br-roll .55s ease-in-out}.games-hub .reflection{margin-top:25px;padding:18px 21px;border-radius:14px;background:#f3e9f6}.games-hub .reflection b{display:block;color:var(--deep)}.games-hub .reflection p{margin:5px 0 0;font-size:.98rem;font-weight:400}.games-hub .confetti-piece{position:absolute;top:-12px;width:9px;height:16px;background:var(--color);pointer-events:none;animation:br-fall 1.5s ease-out forwards}@keyframes br-roll{50%{transform:rotate(180deg) scale(.82)}}@keyframes br-fall{to{transform:translateY(450px) rotate(450deg);opacity:0}}@media(prefers-reduced-motion:reduce){.games-hub .dice-faces.rolling .dice-face,.games-hub .confetti-piece{animation:none}.games-hub .confetti-piece{display:none}}@media(max-width:780px){.games-hub .activity-list{grid-template-columns:1fr}.games-hub .filter-group strong{width:100%}.games-hub .tool-shortcut span{min-width:0}.games-hub .section-heading h2{font-size:clamp(2.5rem,10vw,4rem)}}@media(max-width:520px){.games-hub .tool-shortcut,.games-hub .more-play,.games-hub .toolbox{width:calc(100% - 28px)}.games-hub .tool-surface{padding:23px 18px}.games-hub .tool-shortcut{transform:translateY(-15px)}.games-hub .chooser{padding:20px}.games-hub .activity>summary,.games-hub .activity-body{padding-left:20px;padding-right:20px}}
.games-hub .activity-utilities{margin-top:24px;padding:16px 18px;border:1px solid #d9c5e0;border-radius:12px;background:#f9f3fa}.games-hub .activity-utilities>strong{color:var(--deep)}.games-hub .activity-utilities .tool-controls{display:flex;flex-wrap:wrap;gap:7px}.games-hub .activity-utilities button{margin:8px 0 0;padding:9px 12px;font-size:.9rem}.games-hub .inline-output{min-height:1.5em;margin-top:12px;font-size:1.05rem;font-weight:700}.games-hub .activity-finish{margin-top:20px;padding-top:15px;border-top:1px solid var(--edge)}.games-hub .activity-reflection[hidden],.games-hub .activity-finish button[hidden]{display:none}
.games-hub .chooser{display:grid;row-gap:16px;padding:clamp(24px,3vw,40px)}
.games-hub .chooser-title{margin-bottom:6px}
.games-hub .filter-group{margin:0;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:24px;align-items:center}
.games-hub .filter-group strong{padding:0;line-height:1.4}
.games-hub .filter-options,.games-hub #filter-skill .filter-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.games-hub .filter-group button{min-height:56px;padding:10px 12px}
.games-hub .group-note,.games-hub #filter-count{margin:0 0 0 calc(min(230px, 20%) + 24px)}
.games-hub .tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;margin-bottom:20px}
.games-hub .tool-tab-group{min-width:0;height:100%;padding:20px;border:1px solid var(--edge);border-radius:16px;background:#fff}
.games-hub .tool-tab-group h3{margin:0 0 14px;color:var(--deep);font:700 1.35rem "Playfair Display",serif}
.games-hub .tool-tab-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.games-hub .tool-tab-options button{min-height:54px;padding:10px 12px}
@media(max-width:900px){.games-hub .tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.games-hub .filter-group{grid-template-columns:1fr;gap:8px}.games-hub .group-note,.games-hub #filter-count{margin-left:0}}
@media(max-width:600px){.games-hub .tool-tabs{grid-template-columns:1fr}.games-hub .filter-options,.games-hub #filter-skill .filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}.games-hub .tool-tab-group{padding:18px}}
.games-hub .content{width:min(1360px,calc(100% - 40px))}
/* Standard pip layouts for the facilitator dice. */
.games-hub .dice-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;padding:12px;border:3px solid #713883;border-radius:18px;background:#fff;box-shadow:0 8px 0 #e0cee7;color:inherit}
.games-hub .dice-pip{width:17px;height:17px;border-radius:50%;background:#713883}
.games-hub .dice-faces.rolling .dice-face{animation:br-roll .55s ease-in-out}
@media(prefers-reduced-motion:reduce){.games-hub .dice-faces.rolling .dice-face{animation:none}}
.games-hub .mad-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;max-width:900px;margin-top:22px}.games-hub .mad-fields label{margin:0}.games-hub .mad-fields input{display:block;width:100%;margin-top:6px}.games-hub .tool-shortcut a{white-space:nowrap}.games-hub .tool-shortcut a:first-of-type{background:var(--magenta)}@media(max-width:760px){.games-hub .mad-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.games-hub .mad-fields{grid-template-columns:1fr}}
/* Expand the existing Toolbox without changing its card and control language. */
.games-hub .tool-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.games-hub .tool-tab-group{grid-column:span 2}.games-hub .tool-tab-group:nth-child(4){grid-column:2/span 2}.games-hub .tool-tab-group:nth-child(5){grid-column:4/span 2}.games-hub .tool-tab-options button{width:100%;min-width:0;min-height:54px}.games-hub .extra-wide-input{width:min(700px,100%)}.games-hub .extra-result-grid,.games-hub .extra-debrief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.games-hub .extra-result-card{padding:20px;border:1px solid var(--edge);border-radius:12px;background:#fff;font-size:1.1rem}.games-hub .extra-result-card strong{display:block;margin-bottom:8px;color:var(--deep);font:700 1.4rem "Playfair Display",serif}.games-hub .extra-result-card p{margin:0}.games-hub .extra-rank-list,.games-hub .extra-vote-list{display:grid;gap:9px;margin-top:20px}.games-hub .extra-rank-card,.games-hub .extra-vote-row{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 14px;border:1px solid var(--edge);border-radius:12px;background:#fff}.games-hub .extra-rank-card{cursor:grab}.games-hub .extra-rank-card strong{font:700 1.7rem "Playfair Display",serif;color:var(--deep)}.games-hub .extra-rank-card span,.games-hub .extra-vote-row strong{flex:1}.games-hub .extra-rank-card button,.games-hub .extra-vote-row button{min-width:46px;padding:8px 10px}.games-hub .extra-check h4{font:700 clamp(1.5rem,2.5vw,2.3rem) "Playfair Display",serif}.games-hub .extra-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.games-hub .extra-scale button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:130px;text-align:center}.games-hub .extra-scale button strong{font:700 2rem "Playfair Display",serif}.games-hub .extra-scale button small{font-size:.8rem}
@media(max-width:900px){.games-hub .tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.games-hub .tool-tab-group,.games-hub .tool-tab-group:nth-child(4),.games-hub .tool-tab-group:nth-child(5){grid-column:auto}.games-hub .tool-tab-group:last-child{grid-column:1/-1}}@media(max-width:600px){.games-hub .tool-tabs,.games-hub .extra-result-grid,.games-hub .extra-debrief{grid-template-columns:1fr}.games-hub .tool-tab-group:last-child{grid-column:auto}.games-hub .extra-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.games-hub .extra-vote-row{flex-wrap:wrap}.games-hub .extra-vote-row strong{flex-basis:100%}}
/* Align the five toolbox categories across the full content width. */
@media(min-width:901px){.games-hub .tool-tab-group:nth-child(4){grid-column:1/span 3}.games-hub .tool-tab-group:nth-child(5){grid-column:4/span 3}}
.games-hub .tool-tab-group h3{min-height:1.5em}.games-hub .tool-tab-options{grid-auto-rows:54px;align-content:start}.games-hub .tool-tab-options button{height:54px}
/* Additional activity cards use one quiet BRITER purple accent. */
.games-hub .activity-list .activity{border-top:3px solid #7e3f8f}
.games-hub .activity-list .activity h3,.games-hub .activity-list .activity .expand-label{color:#7e3f8f}
@media(max-width:780px){
  .games-hub .tool-shortcut{
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
    gap:10px;
  }
  .games-hub .tool-shortcut strong,
  .games-hub .tool-shortcut span{
    min-width:0;
    width:100%;
    max-width:none;
  }
  .games-hub .tool-shortcut span{
    display:block;
    line-height:1.45;
    text-align:left;
    white-space:normal;
    overflow-wrap:normal;
  }
}