:root{--page-bg: #cce4c6;--title-font: "Playfair Display", Georgia, serif}@font-face{font-family:Playfair Display;src:url("./media/PlayfairDisplay-Regular-BIAC6UYZ.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url("./media/PlayfairDisplay-Bold-UQJJYTZU.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}html,body{background-color:var(--page-bg);min-height:100%;overflow-x:hidden}app-root{display:block;min-height:100vh}.section-heading,.section-heading a{font-family:Playfair Display,Georgia,serif!important}.print-footer{display:none}@media print{@page{margin:.4in;size:letter}html,body,app-root{min-height:0!important;height:auto!important;background:#fff!important}.no-print,app-site-footer{display:none!important}.print-footer{display:block;margin-top:.5rem;text-align:center;font-size:.75rem;color:#000;page-break-before:avoid}}.play-page{--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--activity-accent: oklch(51% .14 268);display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;margin:0 auto;padding:1rem 1rem 3rem;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.play-page .play-header{width:100%;text-align:center}.play-page .back-link{display:inline-block;font-size:.875rem;color:var(--gray-700);text-decoration:none;margin-bottom:1.25rem}.play-page .back-link:hover{color:var(--gray-900)}.play-page h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.25rem,8vw,4.5rem);font-weight:400;line-height:1.15;color:var(--gray-900);margin:0 0 .5rem}.play-page .sub,.play-page .tip{font-size:.875rem;color:var(--gray-700);margin:0 0 1rem;line-height:1.45;text-align:center}.play-page .tip{font-size:.75rem;margin-top:.75rem}.play-page .controls{margin-top:2.5rem;width:100%;text-align:left}.play-page .controls-heading{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-700);margin:0 0 1rem;text-align:center}.play-page .controls-grid{display:flex;flex-direction:column;gap:.625rem}.play-page .control-card{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.125rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--activity-accent) 35%,transparent);background:color-mix(in srgb,var(--activity-accent) 8%,transparent);color:var(--gray-900);box-sizing:border-box}.play-page button.control-card{font:inherit;text-align:left;cursor:pointer}.play-page button.control-card:hover{border-color:color-mix(in srgb,var(--gray-400) 25%,transparent);background:color-mix(in srgb,var(--activity-accent) 4%,transparent)}.play-page button.control-card:focus-visible{outline:2px solid var(--activity-accent);outline-offset:2px}.play-page .control-card-featured{background:color-mix(in srgb,var(--activity-accent) 12%,transparent);border-color:color-mix(in srgb,var(--activity-accent) 45%,transparent)}.play-page .control-card-static{cursor:default}.play-page .control-icon{flex-shrink:0;color:var(--activity-accent)}.play-page .control-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.play-page .control-name{font-size:1rem;font-weight:600}.play-page .control-desc{font-size:.8125rem;color:var(--gray-700)}.play-page .control-arrow{margin-left:auto;flex-shrink:0;color:var(--activity-accent)}@media(pointer:coarse){.play-page .sub,.play-page .back-link{font-size:1rem}.play-page .tip{font-size:.875rem}.play-page .control-name{font-size:1.0625rem}.play-page .control-desc{font-size:.9375rem}.play-page button.control-card:hover{transform:none}}@media print{.play-page{max-width:none;padding:0}.play-page h1{font-size:1.35rem;margin:0 0 .25rem}.play-page .sub{font-size:.8rem;margin:0 0 .5rem}}