@font-face{font-family:Collection;src:local("Georgia")}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#21180f;color:#fff5d9}body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% -15%,#6c502c 0,transparent 65%),radial-gradient(ellipse at 0 100%,#40391e 0,transparent 50%),#21180f}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffe5a1;outline-offset:5px}[hidden]{display:none!important}#collection{width:min(1240px,100%);margin:auto;padding:30px 32px 16px}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:24px}.eyebrow{font-size:10px;letter-spacing:.26em;margin:0 0 2px;color:#dfc79f;font-weight:700}h1{font-family:Collection,Georgia,serif;font-size:64px;font-weight:400;letter-spacing:.08em;line-height:1;margin:0;color:#ffe5ad;text-shadow:0 2px #ad874d,0 5px 15px #0008}.intro{margin:0;text-align:right;font-family:Georgia,serif;font-size:26px;line-height:1.2}.intro span{font:13px Arial,sans-serif;color:#e5cdae}#games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game{display:block;position:relative;padding:0;border:1px solid #8a714a;background:#30251a;border-radius:12px;color:inherit;text-align:left;overflow:hidden;text-decoration:none;box-shadow:0 9px 23px #0006;transition:transform .18s,border-color .18s,box-shadow .18s}.game:hover,.game:focus-visible{transform:translateY(-4px);border-color:#ffe1a1;box-shadow:0 12px 28px #0009;outline:2px solid #ffe1a1;outline-offset:3px}.picture{height:clamp(120px,18.6vh,198px);overflow:hidden;position:relative;background:#6c5938}.picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.game:hover img,.game:focus-visible img{transform:scale(1.035)}.number{position:absolute;left:13px;top:12px;font-size:11px;letter-spacing:.1em;font-weight:700;color:#fff8dc;text-shadow:0 1px 3px #000;min-width:28px;height:28px;display:grid;place-items:center;border:1px solid #fff8;background:#21180fcc;border-radius:50%}.game-copy{padding:15px 17px 16px;position:relative;background:linear-gradient(110deg,#483820,#2c241b)}.maker{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f0d9b4;margin-bottom:5px;display:block}.game h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 28px 5px 0;line-height:1.1}.detail{margin:0;font-size:12px;line-height:1.4;color:#ead7bc}.play-mark{position:absolute;right:17px;top:37px;font-size:22px;color:#ffdd94}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#dec8aa;padding-top:21px;min-height:44px}kbd{font:10px Arial,sans-serif;border:1px solid #bba37b66;border-radius:3px;padding:3px 5px;margin-right:3px;color:#fff0cf}footer b{margin:0 8px;color:#ab8d59}#last-played{text-align:right}#player{position:fixed;inset:0;background:#15100b;z-index:5;display:flex;flex-direction:column}.collection-bar{height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:space-between;background:#21180f;gap:12px;border-bottom:1px solid #6c5633;padding:0 9px;z-index:2}.collection-bar button{height:32px;border:1px solid #8d744c;background:#35281a;color:#fff1d4;border-radius:5px;padding:0 11px;font-size:12px;cursor:pointer}.collection-bar button:hover{background:#5c4527}.collection-bar button kbd{border:0;margin:0 0 0 7px;padding:0;color:#d8bf96}.collection-bar #playing-title{font-family:Georgia,serif;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#e4cfab}#screen{flex:1;min-height:0;position:relative}#screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#15100b}#loading{position:absolute;top:65px;left:50%;transform:translateX(-50%);background:#21180fe8;border:1px solid #947349;border-radius:6px;padding:12px 20px;font-size:13px;pointer-events:none}noscript{display:block;margin-top:20px}noscript a{color:#ffde8d}@media(min-width:1500px){#collection{padding-top:45px}.masthead{margin-bottom:32px}.picture{height:211px}}@media(max-height:720px) and (min-width:851px){#collection{padding-top:19px}.masthead{margin-bottom:18px}h1{font-size:50px}.picture{height:145px}.game-copy{padding:12px 15px}.game h2{font-size:23px}footer{padding-top:16px}}@media(max-width:850px){#collection{padding:24px}#games{grid-template-columns:repeat(2,minmax(0,1fr))}.picture{height:175px}.intro{font-size:21px}h1{font-size:54px}}@media(max-width:510px){#collection{padding:20px 16px}#games{grid-template-columns:1fr}.picture{height:190px}.masthead{gap:12px}h1{font-size:45px}.intro{font-size:18px}footer{flex-wrap:wrap;padding-bottom:18px}.collection-bar #playing-title{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.game[data-game="mario"] .picture img{object-position:50% 85%}