.classic-game{display:flex;flex-direction:column;height:100%;min-height:320px;background:#c0c0c0;overflow:hidden}.classic-toolbar{display:flex;gap:5px;align-items:center;padding:6px;flex-wrap:wrap;border-bottom:1px solid #777;flex-shrink:0;font-size:11px}.classic-toolbar button{padding:3px 9px;min-height:25px;box-shadow:none}.classic-toolbar label{display:flex;align-items:center;gap:5px;margin-left:auto}.classic-toolbar select{padding:2px;font-size:10px}.classic-status{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;line-height:1.5;padding:6px 8px;flex-shrink:0;border-top:1px solid #eee;background:#c0c0c0}.classic-status>span:last-child{white-space:nowrap}.classic-canvas-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:8px;background:#a4a4a4}.classic-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:8/5;object-fit:contain;border:3px inset #eee;touch-action:none;outline:none}.classic-canvas:focus-visible{outline:1px dotted #000;outline-offset:2px}.classic-controls{display:flex;gap:5px;justify-content:center;padding:4px;flex-shrink:0}.classic-controls button{padding:3px 14px;min-height:25px;touch-action:none;box-shadow:none}.solitaire-program{--sol-card-width:clamp(35px,9.5vw,76px);--sol-card-height:calc(var(--sol-card-width)*1.38)}.sol-deal-label{margin-left:auto;color:#444;font-size:10px;padding-right:4px}.sol-table{flex:1;overflow:auto;position:relative;padding:18px 16px 40px;background:#008043;min-height:250px}.sol-top,.sol-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,1.2vw,16px);max-width:750px;margin:0 auto}.sol-top{margin-bottom:25px;align-items:start}.sol-columns{align-items:start}.sol-slot{width:100%;aspect-ratio:1/1.38;border:1px solid #006431;border-radius:3px;position:relative;min-height:0;color:#00592f;background:#00743c;box-shadow:inset 1px 1px 0 #004a30,inset -1px -1px 0 #27965c;padding:0}.sol-stock{border:1px solid #00592f;box-shadow:inset 1px 1px 0 #004a30,inset -1px -1px 0 #27965c;min-height:0}.sol-stock.has-cards{background:#fff;border:1px solid #333;box-shadow:1px 2px 0 #004a29;padding:5px}.sol-card-pattern{display:block;position:absolute;inset:4px;border:2px solid #d4def0;background-color:#133185;background-image:repeating-linear-gradient(45deg,#b3c3dc 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,#5275ad 0 1px,transparent 1px 6px);box-shadow:inset 0 0 0 2px #173d8f}.sol-recycle{font-family:Arial,sans-serif;font-size:42px;line-height:1;font-weight:bold;opacity:.7}.sol-slot-symbol{position:absolute;inset:0;display:grid;place-items:center;font:38px Georgia,serif;opacity:.55}.sol-empty-target{position:absolute;inset:0;width:100%;height:100%;background:none!important;border:0!important;box-shadow:none!important;z-index:0;padding:0;min-height:0}.sol-column{position:relative;min-width:0}.sol-column>.sol-slot{position:relative;z-index:0}.sol-card{position:absolute;left:0;width:100%;aspect-ratio:1/1.38;border:1px solid #222;border-radius:3px;padding:0;background:#fff;box-shadow:1px 1px 0 #003d24;min-height:0;cursor:pointer;z-index:1;font-family:Georgia,'Times New Roman',serif;touch-action:none;overflow:hidden}.sol-card:active{border:1px solid #222;box-shadow:0 0 0 1px #333}.sol-card.face-down{cursor:default;background:#fff}.sol-card.red{color:#be0000}.sol-card.black{color:#151515}.sol-card.selected{background:#c3ddff;box-shadow:0 0 0 2px #ffff80}.sol-card.hinted,.sol-target.hinted{outline:3px solid #ffea70;outline-offset:2px}.sol-corner{position:absolute;top:3px;left:4px;font:bold clamp(11px,1.5vw,18px)/.9 Georgia,serif;text-align:center}.sol-corner i{display:block;font-style:normal;font-size:.85em;margin-top:2px}.sol-corner.lower{top:auto;left:auto;bottom:3px;right:4px;transform:rotate(180deg)}.sol-center{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(22px,3.8vw,41px);pointer-events:none}.sol-center.court{inset:18% 21%;border:1px solid currentColor;background:repeating-linear-gradient(45deg,transparent 0 4px,#d4bb841f 4px 7px);font-size:clamp(19px,3vw,34px)}.sol-drag-ghost{position:fixed;z-index:20001;pointer-events:none;opacity:.9;filter:drop-shadow(3px 5px 3px #0005)}.sol-drag-ghost .sol-card{pointer-events:none}.sol-win{position:absolute;inset:15% 15% auto;background:#ffffd7;border:2px outset #fff;box-shadow:3px 4px #0005;padding:24px;display:flex;flex-direction:column;gap:14px;text-align:center;z-index:100}.sol-win b{font-size:27px;color:#000080}.solitaire-program .classic-status{flex-wrap:wrap;gap:3px}.solitaire-program .sol-message{flex:1;min-width:220px}.sol-score{font-size:10px}.snake-program .classic-canvas-stage{background:#696e62}.snake-canvas{aspect-ratio:1/1;image-rendering:pixelated;box-shadow:inset 0 0 0 2px #3d4c35;max-height:100%}.snake-score{font-weight:bold;margin-left:7px}.snake-controls{flex-direction:column;align-items:center;gap:3px;padding:5px}.snake-controls div{display:flex;gap:4px}.snake-controls button{width:43px;padding:2px;min-height:23px}.breakout-program .classic-canvas-stage{background:#222431}.breakout-program .classic-toolbar .breakout-score{margin-left:auto;font-weight:bold}.breakout-program .classic-toolbar button{white-space:nowrap}.classic-controls label{display:flex;align-items:center;gap:5px;font-size:10px;color:#444}.classic-status [role=status]{flex:1}.breakout-program .classic-canvas{background:#101221}.breakout-program canvas{cursor:none}@media(max-width:600px){.sol-table{padding:13px 8px 30px}.sol-top,.sol-columns{gap:6px}.sol-top{margin-bottom:19px}.sol-corner{font-size:13px;top:3px;left:3px}.sol-center{font-size:28px}.sol-center.court{font-size:21px}.sol-slot-symbol{font-size:26px}.sol-recycle{font-size:31px}.solitaire-program .classic-toolbar{gap:3px}.solitaire-program .classic-toolbar button{padding:3px 6px;font-size:10px}.sol-deal-label{display:none}.classic-status{font-size:9px;gap:6px}.classic-toolbar{font-size:10px}.classic-toolbar button{font-size:10px}.sol-corner.lower{bottom:3px;right:3px}.snake-program .classic-toolbar label{margin-left:0}.snake-score{margin-left:auto}.classic-game{min-height:300px}.classic-canvas-stage{padding:5px}}

.breakout-hud{margin-left:auto;font-size:10px;white-space:nowrap}.breakout-canvas{aspect-ratio:8/5;touch-action:none}.breakout-status{margin:0}.breakout-program .classic-controls{align-items:center;flex-wrap:wrap}.breakout-program .classic-controls select{padding:2px;font-size:10px}