.games-page{overflow:hidden}.game-shell{display:grid;height:100vh;min-height:680px;overflow:hidden;grid-template-columns:58px minmax(0,1fr) 330px;grid-template-rows:58px minmax(0,1fr) 34px}.game-topbar{grid-column:1/4;grid-template-columns:58px minmax(0,1fr) 330px}.game-rail{grid-row:2;padding:18px 0}.game-stage{position:relative;min-width:0;min-height:0;overflow:hidden;padding:12px 22px 16px;background:rgba(1,6,13,.76)}
.game-heading{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.game-heading h1{margin:0;font:900 clamp(26px,3.4vw,42px)/1 Arial Black,Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase}.game-readout{display:flex;align-self:flex-end;gap:20px;margin-bottom:12px;color:var(--dim);font-size:9px;text-transform:uppercase}.game-readout span{white-space:nowrap}.game-readout b{color:var(--white)}#game-state{color:var(--green)}
.board-wrap{height:calc(100% - 90px);min-height:0;overflow:hidden;padding:10px 2px 42px}.board{position:relative;height:100%;min-width:760px;min-height:0}.board.color-board,.board.war-board{min-width:0}.game-message{position:absolute;left:22px;right:22px;bottom:14px;border:1px solid var(--line);padding:9px 12px;background:rgba(2,5,10,.92);color:var(--dim);font-size:9px;letter-spacing:.05em}.game-message.hint{border-color:var(--green);color:var(--green)}
.game-console{grid-column:3;grid-row:2;min-height:0;overflow-y:auto;border-left:1px solid var(--line);background:rgba(4,8,15,.96)}.console-section{border-bottom:1px solid var(--line);padding:15px 18px}.console-label{margin:0 0 10px;color:var(--dim);font-size:8px;letter-spacing:.18em;text-transform:uppercase}.game-choice{position:relative;display:grid;width:100%;grid-template-columns:28px 1fr;gap:1px 8px;border:1px solid transparent;padding:10px;background:transparent;color:var(--dim);font:inherit;text-align:left;cursor:pointer}.game-choice+.game-choice{margin-top:3px}.game-choice>span{grid-row:1/3;color:var(--blue);font-size:9px}.game-choice b{color:var(--white);font:700 13px Arial,sans-serif}.game-choice small{font-size:8px}.game-choice:hover,.game-choice.active{border-color:var(--blue);background:rgba(23,124,255,.08)}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.controls .console-label{grid-column:1/3}.controls button{display:flex;min-height:38px;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:0 10px;background:#07101d;color:var(--dim);font:700 9px ui-monospace;cursor:pointer}.controls button:first-of-type{grid-column:1/3;border-color:var(--red);color:var(--white);background:rgba(255,41,72,.08)}.controls button:hover{border-color:var(--blue);color:var(--white)}
.mission #rules-text b,.mission #rules-text span{display:block}.mission #rules-text b{font:700 13px/1.4 Arial,sans-serif}.mission #rules-text span{margin-top:7px;color:var(--dim);font:11px/1.45 Arial,sans-serif}.telemetry dl{margin:0}.telemetry dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:7px 0}.telemetry dt,.telemetry dd{margin:0;font-size:9px}.telemetry dt{color:var(--dim)}.telemetry dd{color:var(--green)}.game-status{grid-column:1/4}
.card{position:absolute;width:82px;height:112px;border:0;border-radius:7px;padding:0;background:#f1f5ff;color:#101521;box-shadow:0 4px 12px rgba(0,0,0,.32);font-family:Arial,sans-serif;cursor:pointer;transition:transform .12s,box-shadow .12s}.card:hover{transform:translateY(-3px);box-shadow:0 7px 18px rgba(0,0,0,.45)}.card.red{color:#d71f3c}.card.selected{outline:3px solid var(--green);outline-offset:2px;transform:translateY(-6px)}.card .corner{position:absolute;left:7px;top:6px;font-size:16px;font-weight:800;line-height:.9;text-align:center}.card .corner span{display:block;font-size:14px}.card .center-suit{display:grid;height:100%;place-items:center;font-size:37px}.card.back{border:2px solid #c9dcff;background:repeating-linear-gradient(45deg,#0c3f86 0 5px,#0a2858 5px 10px);box-shadow:inset 0 0 0 5px #07152e,0 4px 12px rgba(0,0,0,.35)}.card.back:after{position:absolute;inset:9px;border:1px solid rgba(101,190,255,.5);content:"MF";display:grid;place-items:center;color:#6bb8ff;font:900 14px Arial}.empty-slot{position:absolute;width:82px;height:112px;border:1px dashed #29405e;border-radius:7px;background:rgba(9,23,43,.35);color:#36516f;font:700 9px ui-monospace;cursor:pointer}.empty-slot.foundation:after{display:grid;height:100%;place-items:center;font:28px Arial;content:attr(data-suit)}.stock-label,.foundation-label{position:absolute;top:120px;color:var(--dim);font-size:8px;letter-spacing:.1em}.tableau-line{position:absolute;left:0;right:0;top:136px;border-top:1px solid rgba(23,124,255,.12)}.spider-complete{position:absolute;top:0;width:28px;height:38px;border:1px solid var(--green);border-radius:3px;background:#06170e;color:var(--green);font:700 10px Arial;display:grid;place-items:center}
.war-field{display:grid;height:100%;min-height:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(24px,7vw,90px);padding:24px 36px}.war-side{text-align:center}.war-side h2{margin:0 0 20px;font:800 18px Arial,sans-serif;text-transform:uppercase}.war-side .war-deck{position:relative;width:112px;height:150px;margin:0 auto}.war-side .war-deck .card{left:15px!important;top:18px!important}.war-side .war-count{display:block;margin-top:14px;color:var(--dim);font-size:9px}.war-battle{display:grid;place-items:center;gap:18px;text-align:center}.war-battle b{font:900 clamp(42px,7vw,82px)/1 Arial Black,Arial,sans-serif;color:transparent;-webkit-text-stroke:1px var(--red)}.war-draw,.color-draw{min-width:150px;min-height:44px;border:1px solid var(--blue);background:rgba(23,124,255,.12);color:var(--white);font:700 10px ui-monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.war-draw:hover,.color-draw:hover{background:var(--blue)}.war-result{max-width:220px;color:var(--green);font:10px/1.5 ui-monospace}.war-pot{color:var(--dim);font-size:8px}
.color-field{position:relative;height:100%;min-height:0;padding:8px 18px}.color-zone{position:absolute;left:0;right:0;display:flex;align-items:center;gap:9px;overflow-x:auto;padding:12px 4px}.color-zone.cpu{top:0;justify-content:center}.color-zone.player{bottom:0}.color-zone-label{position:absolute;color:var(--dim);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.color-zone.cpu+.color-zone-label{top:108px;left:8px}.color-zone.player~.player-label{bottom:116px;left:8px}.color-card{position:relative;display:grid;width:68px;min-width:68px;height:96px;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.8);border-radius:9px;color:white;font:900 22px Arial,sans-serif;box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer}.color-card:before{position:absolute;width:74px;height:38px;border:2px solid rgba(255,255,255,.7);border-radius:50%;transform:rotate(-48deg);content:""}.color-card span{position:relative;z-index:1;display:grid;place-items:center;text-shadow:0 2px 3px rgba(0,0,0,.45)}.color-card span b{font-size:30px;line-height:.75}.color-card span small{margin-top:5px;font:900 9px ui-monospace;letter-spacing:.08em}.color-card.blue{background:#126be5}.color-card.red{background:#dc2443}.color-card.green{background:#119951}.color-card.gold{background:#d19700}.color-card.wild{background:conic-gradient(#126be5 0 25%,#dc2443 0 50%,#d19700 0 75%,#119951 0)}.color-card.back{background:repeating-linear-gradient(45deg,#10284f 0 6px,#071225 6px 12px);color:#6cb4ff}.color-card.playable{outline:2px solid var(--green);outline-offset:2px;transform:translateY(-3px)}.color-center{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:82px 100px;align-items:center;gap:28px;transform:translate(-50%,-50%)}.color-center .color-card{width:82px;height:116px}.color-info{display:grid;gap:9px}.color-info strong{font:800 15px Arial,sans-serif}.color-info small{color:var(--dim);font-size:8px;line-height:1.5}.color-picker{position:absolute;left:50%;top:50%;z-index:20;display:grid;width:250px;grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--line);padding:16px;background:#030912;transform:translate(-50%,-50%);box-shadow:0 20px 70px #000}.color-picker p{grid-column:1/3;margin:0 0 6px;color:var(--white);font:700 11px Arial}.color-picker button{min-height:38px;border:1px solid rgba(255,255,255,.25);color:white;font:700 9px ui-monospace;cursor:pointer}.color-picker .blue{background:#126be5}.color-picker .red{background:#dc2443}.color-picker .green{background:#119951}.color-picker .gold{background:#d19700}
@media(max-width:980px){.game-shell{height:auto;min-height:100vh;overflow:visible;grid-template-columns:48px minmax(0,1fr);grid-template-rows:54px minmax(650px,auto) auto 34px}.games-page{overflow:auto}.game-topbar{grid-column:1/3;grid-template-columns:48px 1fr}.game-stage{grid-column:2;grid-row:2}.game-console{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:0}.game-picker,.mission{border-right:1px solid var(--line)}.game-rail{grid-row:2/4}.game-status{grid-column:1/3}.board-wrap{height:600px;overflow:auto}.top-exit{display:none}}
@media(max-width:620px){.game-stage{padding:10px}.game-heading{align-items:flex-start;flex-direction:column;gap:6px;padding:8px 0}.game-readout{align-self:flex-start;margin-bottom:4px;gap:12px}.board-wrap{height:590px;min-height:590px}.game-message{left:10px;right:10px}.game-console{grid-template-columns:1fr}.game-picker,.mission{border-right:0}.card,.empty-slot{width:70px;height:96px}.stock-label,.foundation-label{top:103px}.board{min-width:650px}.game-status span:nth-child(2){display:none}.war-field{min-width:620px;padding:30px 20px}.color-field{min-width:650px}.color-zone.player{justify-content:flex-start}.color-center{left:45%}}