/* ABC Bağlama • game 03 • shared platform visual system */
.abc-catalog-art{background:linear-gradient(145deg,#f3eafe,#e0eaf8);color:#564b96}.abc-catalog .catalog-info strong{color:var(--theme-text,#203548)}
.abc-demo{font-family:ui-monospace,monospace;font-size:clamp(1rem,1.9vw,1.65rem);font-weight:900;line-height:1.5;letter-spacing:.35em;text-align:center}
.abc-command-bar .arena-head-actions .btn{background:linear-gradient(180deg,#0fa39a,#0c857f);color:#fff;border-color:#0b726e;box-shadow:0 4px 0 #0a5c59,0 10px 18px #0d70681f}
.abc-command-bar .arena-head-actions .btn:hover:not(:disabled){background:#0b877f!important;color:#fff!important}
.abc-playground{background:var(--theme-bg,#f7fafb);display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}
.abc-play-area{width:min(100%,710px);min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.abc-board{--abc-size:470px;--abc-n:6;position:relative;width:min(100%,var(--abc-size));height:auto;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--abc-n),minmax(0,1fr));grid-template-rows:repeat(var(--abc-n),minmax(0,1fr));background:#f9fcff;border:4px solid #254159;border-radius:16px;box-shadow:0 0 0 8px #edf3f7,0 18px 32px #11384915;overflow:hidden;flex:0 0 auto;touch-action:none;user-select:none}
.abc-cell{appearance:none;border:0;border-right:1px solid #e4ecf3;border-bottom:1px solid #e4ecf3;background:transparent;min-width:0;min-height:0;font-family:Nunito,'Segoe UI',sans-serif;font-weight:900;font-size:clamp(.9rem,1.85vmin,1.8rem);color:#c0cad3;display:grid;place-items:center;padding:0;touch-action:none;line-height:1;cursor:crosshair}
.abc-cell:hover:not(:disabled){background:#e7f4f1}.abc-letter{color:var(--abc-color,#213d53);font-size:clamp(1.15rem,2.9vmin,2.55rem);background:#e8f4f5}
.abc-cell.abc-active{background:#d7f1e9}.abc-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.abc-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.abc-controls .btn{min-height:44px;min-width:132px}
.abc-play-area .feedback{width:min(100%,650px);text-align:center;min-height:30px}
.abc-race-side .abc-race-board{--abc-size:350px;box-shadow:0 0 0 5px #ffffff80,0 12px 20px #12304424}
.abc-race-area{gap:10px}.abc-race-side .race-actions{margin-top:3px}
.abc-race-side .abc-cell{font-size:clamp(.8rem,1.35vmin,1.25rem)}.abc-race-side .abc-letter{font-size:clamp(1rem,2.4vmin,1.85rem)}
html[data-theme="dark"] .abc-board{background:#22394c;border-color:#9fb7cf;box-shadow:0 0 0 8px #263b4f,0 15px 28px #0004}
html[data-theme="dark"] .abc-cell{color:#8295ab;border-color:#354e63}html[data-theme="dark"] .abc-cell:hover{background:#304e5f}
html[data-theme="dark"] .abc-letter{background:#2f475c;color:#f2f5fc}html[data-theme="dark"] .abc-cell.abc-active{background:#375a57}
html[data-theme="dark"] .abc-playground{background:#182735}
@media(max-width:900px){.abc-controls .btn{min-height:38px;min-width:100px;padding:5px 10px}.abc-play-area{gap:8px}}
@media(max-width:700px){.abc-board{border-width:3px;border-radius:12px;box-shadow:0 0 0 4px #edf3f7}.abc-cell{font-size:.9rem}.abc-letter{font-size:1.1rem}.abc-controls .btn{font-size:.77rem}}
/* Native browser printing uses the same compact nine-up 5mm-safe template. */
@page abcA4{size:A4 portrait;margin:5mm}
@media print{
 .abc-print-sheet{page:abcA4;width:200mm!important;height:287mm!important;max-height:287mm!important}
 .abc-print-head{height:25mm!important;min-height:25mm!important;padding-top:.25mm;grid-template-columns:minmax(0,1fr) auto;gap:0!important}
 .abc-print-head h1{font-size:18pt!important;line-height:1.1}
 .abc-print-head .print-howto{font-size:8.5pt!important;font-weight:850;line-height:1.1!important;margin-top:1.1mm!important}
 .abc-print-head .print-rule{font-size:9.2pt!important;line-height:1.25!important;margin-top:.45mm!important}
 .abc-print-body{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.5mm;min-height:0;align-items:center;justify-items:center}
 .abc-paper-card{width:64.3mm;height:76.3mm;max-width:100%;min-height:0;display:flex;align-items:center;justify-content:center;border:.28mm solid #878787;border-radius:1.6mm;break-inside:avoid;background:#fff}
 .abc-paper-grid{--abc-n:6;display:grid;position:relative;grid-template-columns:repeat(var(--abc-n),1fr);grid-template-rows:repeat(var(--abc-n),1fr);width:59.8mm;height:59.8mm;max-width:100%;aspect-ratio:1}
 .abc-paper-cell{font-family:Arial,sans-serif;display:grid;place-items:center;color:#333;font-size:11pt;font-weight:800}
 .abc-paper-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
 .abc-print-sheet .sheet-footer{height:8mm}
}

/* Three real games in the launch catalog; no empty placeholder cards. */
@media(min-width:701px){.game-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-catalog{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;overflow:hidden}.catalog-card{min-height:0}.catalog-art{min-height:0}}
@media(max-width:460px){.game-catalog{grid-template-rows:repeat(3,minmax(0,1fr))!important}.catalog-card{min-height:0;height:100%}}
@media(max-height:590px) and (max-width:700px){.catalog-art{max-height:80px}.game-library{gap:5px}.catalog-card{padding:7px}.catalog-info{gap:2px}.catalog-info small{display:none}}