*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:#e8e2d9;background:#1a1714;min-height:100dvh;font-family:system-ui,-apple-system,sans-serif}.app{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;align-items:center;gap:20px;display:flex}.header{text-align:center}.header h1{letter-spacing:.01em;font-size:1.5rem;font-weight:700}.tagline{color:#9a917f;margin-top:4px;font-size:.9rem}.board{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:repeat(8,1fr);width:min(100%,60dvh);display:grid;overflow:hidden}.square{justify-content:center;align-items:center;display:flex}.square.light{background:#ebd9b4}.square.dark{background:#a1794f}.piece{font-size:min(9vw,5.4dvh);line-height:1}.piece.white{color:#fdfdfb;text-shadow:0 1px 2px #0000008c}.piece.black{color:#221d18;text-shadow:0 1px 2px #ffffff2e}.footer{color:#9a917f;text-align:center;font-size:.85rem}