/* Navy portfolio shell; light game surfaces keep the numbered cells readable. */
body{min-height:100vh;height:auto;background:radial-gradient(ellipse at 20% 0,#2459a333,transparent 60%),#071122;color:#eef5ff}
.container{max-width:1600px;padding:24px clamp(18px,4vw,64px) 70px}
.nav{padding-bottom:28px;gap:20px;flex-wrap:wrap}
.brand{color:#eef5ff;letter-spacing:.1em;font-size:15px}
.brand:hover{text-decoration:none}
.navlinks a{color:#bdcee8}
.navlinks a:hover{background:#69d9ff15;color:#eef5ff;border-color:#69d9ff66}
.card{color:var(--text);background:#eef5ff;box-shadow:0 20px 50px #0003;border-color:#b9cde8}
.card::before{background:linear-gradient(90deg,#1758a4,#69d9ff,#69d9ff00)}
.card h1{font-size:clamp(36px,4vw,58px)}
.assistantCard{background:linear-gradient(140deg,#eef5ff,#dce9f8)}
.boardWrap{overflow-x:auto;justify-content:flex-start;padding-bottom:8px}
.board{margin:auto}
.cell{flex-shrink:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69d9ff;outline-offset:4px}
.card a:focus-visible,.card button:focus-visible,.card input:focus-visible,.card select:focus-visible{outline-color:#1758a4}
.controls button{min-height:44px}
.winForm input{max-width:100%}
@media(max-width:600px){.container{padding:18px 14px 50px}.card{padding:21px 16px}.navlinks{gap:4px}.navlinks a{font-size:13px;padding:8px}.nav{gap:12px}.card h1{font-size:38px}.layout{gap:18px}.topRow{gap:8px}.chip{font-size:12px}}