:root{--lab-ink:#16354a;--lab-muted:#5f7380;--lab-blue:#0787cc;--lab-red:#df333b;--lab-yellow:#ffc94f;--lab-line:#dce5eb}
.lab-home,.lab-setup-page{background:#eef2f6;color:var(--lab-ink)}
.lab-home .shell{width:min(1360px,calc(100% - 48px));padding-top:20px}.lab-home .brand,.lab-setup-page .brand{color:#007fb9}.lab-home .brand span{color:var(--lab-muted)}
.lab-intro{text-align:center;padding:28px 0 38px}.lab-intro .eyebrow{color:var(--lab-blue)}.lab-intro h1{margin-bottom:16px;font-size:clamp(38px,5vw,66px)}.lab-intro em{color:var(--lab-blue);font-style:normal}.lab-intro .lead{margin:auto}
.game-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lab-game{min-height:245px;display:grid;grid-template-columns:42% 1fr;overflow:hidden;border:1px solid var(--lab-line);border-top:5px solid #168be0;border-radius:26px;background:#fff;box-shadow:0 8px 28px #16354a12;text-decoration:none;transition:transform .2s,box-shadow .2s}.lab-game:nth-child(2){border-top-color:var(--lab-red)}.lab-game:nth-child(3){border-top-color:var(--lab-yellow)}.lab-game:nth-child(4){border-top-color:#7b62c7}.lab-game:hover{transform:translateY(-5px);box-shadow:0 14px 35px #16354a22}.lab-game>div:last-child{padding:28px;align-content:center}.lab-game h2{margin:5px 0 8px;font-size:28px}.lab-game p{margin-bottom:14px;color:var(--lab-muted)}.lab-game>div>span{color:var(--lab-blue);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.lab-game>div>strong{color:#007cad}.game-art{min-width:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e4f4ff,#f8fbfd)}.game-art img{width:100%;height:100%;object-fit:cover}.tug-card .game-art img{object-fit:contain;mix-blend-mode:multiply}
.board-preview{position:relative;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:28px}.board-preview i{width:100%;height:100%;background:#17354a}.board-preview i:nth-child(even){background:#214d61}.board-preview b{position:absolute;font-size:76px}.word-preview{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:24px}.word-preview i{width:100%;max-width:42px;aspect-ratio:1;display:grid;place-items:center;border-radius:9px;background:#eef2f6;box-shadow:3px 3px 7px #bdc8d0,-2px -2px 5px #fff;color:var(--lab-ink);font-size:17px;font-style:normal;font-weight:900}.word-preview i:nth-child(-n+4){background:#ffd76c}.memory-preview{grid-template-columns:repeat(2,72px);gap:12px}.memory-preview i{height:72px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 6px 15px #16405a24;color:var(--lab-blue);font-size:30px;font-style:normal}
.lab-setup-page .shell{width:min(1100px,calc(100% - 32px));padding-top:18px}.lab-setup-page .brand{padding-bottom:14px}.lab-setup-page .brand a{text-decoration:none}.lab-setup-page .heading{margin:14px auto 24px}.lab-setup-page .heading h1{margin-bottom:10px;color:var(--lab-blue);font-size:clamp(30px,4vw,46px)}.lab-setup-page .heading p{margin-bottom:8px}.lab-setup-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:24px}.lab-setup-grid .card{border-color:var(--lab-line);box-shadow:0 8px 28px #16354a0d}.lab-unit-card{border-top:5px solid #168be0!important}.lab-difficulty-card{align-self:start;border-top:5px solid var(--lab-red)!important}.lab-difficulty-card>.button{width:100%;background:linear-gradient(120deg,#029bd6,#0074b3);border-color:#0089c4;color:#fff;box-shadow:0 5px 15px #007fb925}.difficulty-options{display:grid;gap:10px}.difficulty-choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--lab-line);border-radius:14px;background:#f8fafc;cursor:pointer}.difficulty-choice:has(input:checked){border-color:#168be0;background:#e8f4ff;box-shadow:0 5px 15px #168be015}.difficulty-choice input{width:20px;height:20px;accent-color:var(--lab-blue)}.difficulty-choice strong,.difficulty-choice small{display:block}.difficulty-choice small{margin-top:2px;color:var(--lab-muted);font-size:12px}.lab-setup-page .unit-list .choice{background:#f8fafc}.lab-setup-page .unit-list .choice:has(input:checked){border-color:#168be0;background:#e8f4ff}.lab-setup-page .unit-list input{accent-color:var(--lab-blue)}
@media(max-width:760px){.lab-home .shell{width:calc(100% - 24px)}.lab-home .brand{padding-bottom:8px}.lab-intro{padding:20px 0 28px}.game-library{grid-template-columns:1fr}.lab-game{min-height:190px;grid-template-columns:36% 1fr}.lab-game>div:last-child{padding:20px}.lab-game h2{font-size:23px}.lab-game p{font-size:14px}.lab-setup-page .shell{width:calc(100% - 24px);padding-top:12px}.lab-setup-page .brand{gap:8px}.lab-setup-page .brand span{font-size:10px}.lab-setup-page .heading{margin:8px auto 18px}.lab-setup-grid{grid-template-columns:1fr;gap:14px}.lab-difficulty-card{position:static}.lab-setup-grid .card{padding:20px}}
@media(max-width:420px){.lab-game{min-height:172px;grid-template-columns:34% 1fr}.lab-game>div:last-child{padding:15px}.lab-game h2{font-size:20px}.lab-game p{font-size:12px}.word-preview{padding:8px;gap:4px}.word-preview i{font-size:12px}.memory-preview{grid-template-columns:repeat(2,48px);gap:7px}.memory-preview i{height:48px;font-size:22px}.board-preview{padding:10px}.board-preview b{font-size:48px}}