/* Sam's Breakroom. Original games, shared DSW colors and type. */
.breakroom-nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:18px}
.breakroom-nav a{font-size:13px;font-weight:800;color:var(--ink);text-decoration:none}
.breakroom-nav a:hover{color:var(--purple)}
.br-hero{padding:74px 0 62px;background:linear-gradient(135deg,#261036,#4a1973 78%,#5b2286);color:#fff}
.br-hero h1{max-width:1050px;font-size:clamp(43px,6vw,83px);line-height:1.03;letter-spacing:-3px;margin:15px 0 20px}
.br-hero h1 em{font-family:Georgia,serif;font-weight:500;color:#f3cc53}
.br-hero p{max-width:685px;line-height:1.75;color:#f0e5f6;font-size:17px}
.br-hero .br-hero-note{font-size:12px;font-weight:750;letter-spacing:.3px;color:#efce68}
.br-section{background:var(--soft);padding:58px 0 95px}
.br-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.game{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:29px;min-width:0;box-shadow:var(--shadow)}
.game-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.1px;font-weight:900;color:var(--purple)}
.game-glyph{font-size:34px;color:var(--purple)}
.game h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.2px;line-height:1.1;margin:10px 0 14px}
.game-desc{color:var(--muted);line-height:1.65;min-height:78px;margin:0 0 20px}
.game-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:15px 0 22px}
.game-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:var(--ink)}
.game-toolbar select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-width:122px;padding:11px}
.game-toolbar .button{min-height:44px;padding:11px 15px;font-size:13px;white-space:nowrap}
.game-stats{background:var(--soft);border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}
.game-stats span{display:flex;flex-direction:column;gap:2px;text-align:center;font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.2px}
.game-stats strong{font-size:24px;color:var(--ink);font-weight:900;letter-spacing:-.6px}
.inbox-board{border:1px solid var(--line);background:var(--bg);min-height:256px;border-radius:10px;padding:20px;margin-top:14px;display:flex;align-items:center}
.email-card{width:100%;font-size:14px;color:var(--ink)}
.email-card .email-meta{font-size:11px;font-weight:700;color:var(--muted);overflow-wrap:anywhere}
.email-card h3{font-size:21px;letter-spacing:-.3px;line-height:1.25;margin:9px 0 12px}
.email-card p{line-height:1.65;margin:0}
.email-card .email-count{display:block;color:var(--purple);font-weight:900;font-size:11px;letter-spacing:1px;margin-bottom:13px}
.game-idle{width:100%;text-align:center;color:var(--muted);font-size:14px}
.game-idle span{font-size:54px;color:var(--purple)}
.game-idle p{margin:5px 0;line-height:1.6}
.inbox-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}
.inbox-actions button{border:1px solid var(--purple);border-radius:8px;color:var(--purple);background:transparent;font-weight:900;font-size:13px;padding:14px 9px;cursor:pointer}
.inbox-actions button:hover:not(:disabled){background:var(--purple);color:#fff}
.inbox-actions button:disabled{opacity:.45;cursor:not-allowed}
.game-feedback{min-height:48px;margin:13px 0 0;color:var(--ink);font-size:13px;line-height:1.6;font-weight:700}
.game-note{color:var(--muted);font-size:12px;line-height:1.55;border-top:1px solid var(--line);padding-top:15px}
.signal-shell{background:var(--bg);border:1px solid var(--line);margin-top:14px;min-height:320px;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:10px}
.signal-grid{display:grid;gap:9px;width:min(100%,285px);aspect-ratio:1}
.signal-grid:has(.game-idle){display:flex;aspect-ratio:auto;min-height:220px;align-items:center}
.signal-cell{min-width:0;min-height:0;border:1px solid var(--line);background:var(--soft);border-radius:9px;cursor:pointer;position:relative;transition:background .1s ease,transform .1s ease}
.signal-cell:hover{border-color:var(--purple)}
.signal-cell.target{background:#f3cc53;border:3px solid #9e7817;box-shadow:0 0 0 3px #f3cc5330,inset 0 0 12px #fff3}
.signal-cell.target:before{content:"✳";position:absolute;inset:0;display:grid;place-items:center;color:#311245;font-size:clamp(21px,3vw,32px);font-weight:900}
.signal-cell:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.br-return{text-align:center;padding:56px 0 65px;background:var(--purple-dark);color:#fff}
.br-return span{font-size:12px;letter-spacing:1.3px;font-weight:900;color:#f3cc53;text-transform:uppercase}
.br-return h2{font-size:clamp(26px,4vw,42px);margin:10px 0 25px;color:#fff}
.br-return .button{display:inline-block}
.footer a{color:inherit}
@media(max-width:980px){.br-grid{grid-template-columns:1fr}.game-desc{min-height:0}.breakroom-nav{gap:16px}}
@media(max-width:640px){.breakroom-nav{gap:10px}.breakroom-nav a{font-size:11px}.breakroom-nav a:nth-child(2),.breakroom-nav a:nth-child(3){display:none}.br-hero{padding:55px 0}.br-hero h1{letter-spacing:-1.8px}.br-section{padding:28px 0 50px}.game{padding:18px}.game-toolbar{align-items:stretch;flex-wrap:wrap}.game-toolbar .button{flex:1}.inbox-board{padding:15px}.signal-shell{padding:12px}}