:root{color:#1f261b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shadow:0 24px 60px #4e351238;--panel:#fff9e7d6;--panel-strong:#fff6d7f2;--line:#583c1c24;--accent:#254e2d;--accent-warm:#c76543;background:radial-gradient(circle at top,#fef1d1eb,#f3e4bbe6 34%,#0000 60%),linear-gradient(#d8c18f 0%,#c7ae74 46%,#9a7c47 100%);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh}button,canvas,.game-card,.connect-cell,.memory-card,.mole-hole{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}#app{min-height:100vh}.shell{width:min(1280px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.hero-panel,.cabinet,.panel-card,.library-panel,.stage-panel,.stat-card{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.hero-panel{gap:24px;padding:28px;display:grid}.eyebrow,.section-label,.kicker,.note-card span,.stat-card span,.card-status,.card-genre,.meta-pair span{text-transform:uppercase;letter-spacing:.18em;color:#282b1ba8;margin:0;font-family:Trebuchet MS,Verdana,sans-serif;font-size:.72rem}.hero-copy{gap:12px;display:grid}.hero-copy h1,.cabinet-top h2,.stage-header h2,.empty-state h2{color:#27391c;margin:0;line-height:.95}.hero-copy h1{font-size:clamp(3rem,8vw,5.9rem)}.lede,.body-copy{max-width:58ch;margin:0;font-size:clamp(1rem,2vw,1.1rem);line-height:1.5}.hero-notes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.note-card{background:#fffcf2b3;border:1px solid #49381b1a;border-radius:20px;gap:8px;padding:18px;display:grid}.hub-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.5fr);align-items:start;gap:24px;margin-top:24px;display:grid}.library-panel,.stage-panel,.cabinet,.panel-card{padding:22px}.cabinet-top,.stage-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.cabinet-top h2,.stage-header h2,.empty-state h2{font-size:clamp(2rem,4.2vw,3rem)}.status-pill,.text-link{color:var(--accent);white-space:nowrap;background:#254e2d1f;border-radius:999px;padding:10px 14px;font-family:Trebuchet MS,Verdana,sans-serif;font-size:.92rem}.game-cards{gap:14px;display:grid}.game-card{background:#fffcf2b8;border:1px solid #45381d1a;border-radius:22px;gap:10px;padding:18px;transition:transform .14s,box-shadow .14s;display:grid}.game-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px #432f121f}.card-top,.meta-pair{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.game-card h3{margin:0;font-size:1.6rem}.game-card p,.card-footer{margin:0;line-height:1.45}.card-footer{color:#282b1bad;font-family:Trebuchet MS,Verdana,sans-serif;font-size:.92rem}.empty-state{align-content:center;gap:14px;min-height:420px;display:grid}.stage-copy{margin-bottom:18px}.play-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:start;gap:22px;display:grid}.game-board{aspect-ratio:1;background:#f6ebcb;border:2px solid #45381d2e;border-radius:24px;width:100%;display:block}.game-board.widescreen{aspect-ratio:1.38}.game-board.portrait{aspect-ratio:.56;max-height:760px}.control-panel{gap:16px;display:grid}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:var(--panel-strong);gap:12px;padding:18px 16px;display:grid}.stat-card strong{font-size:clamp(1.2rem,3vw,1.9rem)}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.button{cursor:pointer;border:none;border-radius:16px;padding:14px 16px;font-family:Trebuchet MS,Verdana,sans-serif;transition:transform .14s,box-shadow .14s,background .14s}.button:hover,.touch-button:hover,.memory-card:hover,.mole-hole:hover,.connect-cell:hover{transform:translateY(-1px)}.button:focus-visible,.touch-button:focus-visible,.memory-card:focus-visible,.connect-cell:focus-visible,.mole-hole:focus-visible{outline-offset:2px;outline:3px solid #c7654373}.button-primary{background:var(--accent);color:#fff5de}.button-secondary{color:#6f341c;background:#c7654324}.touch-pad{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:".up.""left.right"".down.";gap:10px;display:grid}.compact-pad{grid-template-areas:".up.""left down right"}.touch-button{color:#29432b;cursor:pointer;background:#fffcf2d1;border:1px solid #45381d1f;border-radius:20px;min-height:70px;font-size:1.6rem}.touch-button.up{grid-area:up}.touch-button.left{grid-area:left}.touch-button.right{grid-area:right}.touch-button.down{grid-area:down}.board-2048,.memory-grid,.mole-grid,.connect-grid{border-radius:24px;gap:12px;display:grid}.board-2048{background:#b39b77;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.tile-2048{aspect-ratio:1;color:#0000;background:#fff4df73;border-radius:18px;place-items:center;font-family:Trebuchet MS,Verdana,sans-serif;font-size:clamp(1.2rem,4vw,2.1rem);font-weight:700;display:grid}.tile-2048[data-value]{color:#51351b;background:#f8edd2}.tile-2048[data-value="4"]{background:#f0ddaf}.tile-2048[data-value="8"]{color:#fff8ea;background:#eaaf65}.tile-2048[data-value="16"]{color:#fff8ea;background:#df8748}.tile-2048[data-value="32"]{color:#fff8ea;background:#d06a42}.tile-2048[data-value="64"]{color:#fff8ea;background:#c65239}.tile-2048[data-value="128"],.tile-2048[data-value="256"],.tile-2048[data-value="512"],.tile-2048[data-value="1024"],.tile-2048[data-value="2048"]{color:#fff8ea;background:#719f4c}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mole-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-card,.mole-hole{aspect-ratio:1;cursor:pointer;background:#fffcf2d9;border:none;border-radius:20px;font-size:clamp(1.4rem,5vw,2.4rem)}.memory-card.is-open{color:#fff5dd;background:#29432b}.mole-hole{color:#fff5dd;background:linear-gradient(#7da45d,#56733f)}.mole-hole.is-active{background:linear-gradient(#c76543,#8b4128)}.connect-grid{background:#214f81;grid-template-columns:repeat(7,minmax(0,1fr));padding:12px}.connect-cell{aspect-ratio:1;cursor:pointer;background:#dce6f1;border:none;border-radius:999px}.connect-cell.is-player{background:#d96443}.connect-cell.is-cpu{background:#f0c44f}@media (width<=1120px){.hub-layout,.play-grid{grid-template-columns:1fr}}@media (width<=720px){.shell{width:min(100vw - 20px,1280px);padding-top:10px;padding-bottom:24px}.hero-panel,.library-panel,.stage-panel,.panel-card,.stat-card,.cabinet{border-radius:22px}.hero-panel,.library-panel,.stage-panel,.panel-card,.cabinet{padding:18px}.score-grid,.action-row{grid-template-columns:1fr}.cabinet-top,.stage-header{flex-direction:column;align-items:stretch}.touch-button{min-height:60px}}