*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#323d36;background:#f5f0e5;-webkit-text-size-adjust:100%}body{margin:0}main{max-width:1120px;margin:auto;padding:36px 36px 20px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:750;letter-spacing:.16em}.eyebrow>span{color:#ad604a;font-size:26px;line-height:1}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.5vw,52px);font-weight:400;letter-spacing:-.055em;margin:10px 0;line-height:1.08}h1 em{color:#a6533d}p{font-size:14px;line-height:1.5;color:#666a5e;margin:0}.shuffle{flex:none;font:inherit;font-size:14px;font-weight:600;color:#46533f;padding:0 19px;min-height:48px;border:1px solid #c8cbbb;border-radius:28px;background:transparent;cursor:pointer;touch-action:manipulation}.shuffle[hidden]{display:none}.shuffle span{display:inline-block;margin-right:7px;font-size:24px;vertical-align:-2px}.shuffle:active{background:#e3e6d7}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.games li{position:relative;min-width:0;border-radius:18px;background:#e7e2d6}.games a{display:flex;flex-direction:column;position:relative;height:164px;padding:15px 22px 18px;border-radius:18px;color:var(--ink);background:var(--paper);text-decoration:none;box-shadow:0 2px 1px #433b2812,inset 0 0 0 1px #fff5;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;transition:box-shadow .2s}.art{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;pointer-events:none}.art svg{width:140px;height:105px;max-height:100%;overflow:visible;transform:rotate(var(--tilt));transition:transform .35s cubic-bezier(.2,.8,.2,1.3)}.label{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.025em}.arrow{font-size:22px;font-weight:400;opacity:.6}.caption{margin-top:3px;font-size:12px;line-height:1.4;opacity:.85}.games a:focus-visible,button:focus-visible{outline:3px solid #394e3c;outline-offset:5px}.games a:active .art svg{transform:rotate(0) scale(.92)}.games li.dragging{z-index:10}.games li.dragging a{cursor:grabbing;box-shadow:0 18px 30px #433b2828,0 3px 5px #433b2812}.games li.drop-target{outline:2px dashed var(--ink);outline-offset:5px}.games li.drop-target a{opacity:.55}.burst{position:fixed;width:9px;height:9px;border-radius:3px;background:var(--color);pointer-events:none;z-index:20}footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-family:Georgia,serif;font-style:italic;font-size:13px;color:#727363}footer span{font-size:20px;color:#9d7350}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (hover: hover){.games a:hover .art svg{transform:rotate(calc(var(--tilt) * -2)) translateY(-4px)}.shuffle:hover{background:#e9e8db}}@media (min-width: 1000px){.games{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 701px) and (max-height: 850px){main{padding-top:24px}header{margin-bottom:20px}h1{font-size:42px}.games{gap:16px}.games a{height:128px;padding:10px 16px 12px}.art svg{height:60px}.label{font-size:17px}.caption{display:none}footer{margin-top:16px}}@media (min-width: 701px) and (pointer: coarse){.games a{touch-action:none}}@media (max-width: 700px){main{padding:26px 20px 20px}header{align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:22px}h1{font-size:38px}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.games a{height:176px;padding:12px 14px 16px}.label{font-size:17px}.caption{font-size:11px}.art svg{width:110px;height:90px}footer{font-size:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}