.pg{-webkit-user-select:none;user-select:none;background:#1f2a44;border-radius:24px;outline:none;width:100%;max-width:1100px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 50px #1f2a4447}.pg:fullscreen{border-radius:0;place-items:center;max-width:none;display:grid}.pg:fullscreen .pg-canvas{width:min(100vw,160vh)}.pg-canvas{aspect-ratio:16/10;width:100%;display:block}.pg-touch{z-index:1;touch-action:none;position:absolute;inset:0}.pg-rotate{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:#1f2a44cc;border-radius:999px;margin:0;padding:4px 10px;font-size:.72rem;font-weight:700;display:none;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (orientation:portrait) and (pointer:coarse){.pg-rotate{display:block}}.pg-joy-base,.pg-joy-knob{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.pg-joy-base{background:#ffffff1f;border:2px solid #ffffff59;width:104px;height:104px}.pg-joy-knob{background:#ffffffbf;width:48px;height:48px}.pg-tools{z-index:3;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.pg-icon{color:#fff;cursor:pointer;background:#1f2a44bf;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:inline-grid}.pg-icon:hover,.pg-icon:focus-visible{background:#2a9d8f}.pg-ability{z-index:3;color:#fff;touch-action:none;background:#e4473c;border:4px solid #fffc;border-radius:50%;width:86px;height:86px;font-size:.95rem;font-weight:800;position:absolute;bottom:64px;right:22px}.pg-ability:active{transform:scale(.94)}.pg-overlay{z-index:4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f2a448c;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.pg-panel{color:#2b2118;text-align:center;background:#fffdf7;border-radius:22px;width:min(640px,100%);padding:clamp(18px,3vw,30px);animation:.25s ease-out both pg-in;box-shadow:0 18px 40px #00000040}.pg-panel-small{width:min(380px,100%)}@keyframes pg-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.pg-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#e4473c;margin:0 0 4px;font-size:.75rem;font-weight:800}.pg-title{color:#2b2118;margin:0 0 6px;font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.1}.pg-lead{color:#5e5145;margin:0 0 14px;font-size:.98rem}.pg-choice{border:0;margin:0 0 12px;padding:0}.pg-choice legend{letter-spacing:.06em;text-transform:uppercase;color:#8a7b6c;margin:0 auto 6px;font-size:.78rem;font-weight:800}.pg-options{gap:8px;display:grid}.pg-options-2{grid-template-columns:repeat(2,1fr)}.pg-options-3{grid-template-columns:repeat(3,1fr)}.pg-option{cursor:pointer;text-align:left;background:#fff;border:2px solid #eadfcd;border-radius:14px;flex-direction:column;gap:2px;padding:10px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.pg-option input{opacity:0;pointer-events:none;position:absolute}.pg-option strong{font-size:.98rem}.pg-option span{color:#5e5145;font-size:.8rem;line-height:1.35}.pg-option.is-on{background:#fff3ef;border-color:#e4473c}.pg-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #2a9d8f}.pg-play,.pg-secondary{cursor:pointer;border-radius:999px;width:100%;margin-top:8px;padding:13px 18px;font-size:1.05rem;font-weight:800;display:block}.pg-play{color:#fff;background:#e4473c;border:0;box-shadow:0 8px 20px #e4473c59}.pg-play:hover{background:#c5352b}.pg-secondary{color:#2b2118;background:#fff;border:2px solid #eadfcd}.pg-keys{color:#8a7b6c;margin:10px 0 0;font-size:.8rem}.pg-place{margin:4px 0;font-size:1.1rem}.pg-place strong{color:#e4473c;font-size:2.4rem}@media (max-width:900px){.pg{min-height:calc(100svh - var(--header-h,68px));box-shadow:none;border-radius:0;flex-direction:column;justify-content:center;display:flex}.pg-canvas{width:min(100%, calc((100svh - var(--header-h,68px)) * 1.6));margin:0 auto}.pg-overlay{place-items:start center;padding:12px}.pg-panel{margin:auto 0;padding:18px 16px}.pg-title{font-size:1.5rem}.pg-lead{margin-bottom:10px;font-size:.92rem}.pg-option{padding:8px 10px}.pg-option span{font-size:.76rem}.pg-play,.pg-secondary{padding:12px 16px}}@media (max-width:560px){.pg-options-3,.pg-options-2{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.pg-overlay{place-items:center;padding:8px}.pg-panel{grid-template-columns:1fr 1.5fr;gap:0 14px;width:min(780px,100%);padding:12px 16px;display:grid}.pg-panel>.pg-title{grid-column:1/-1;margin-bottom:6px;font-size:1.3rem}.pg-panel>.pg-eyebrow,.pg-panel>.pg-lead,.pg-panel>.pg-keys{display:none}.pg-panel>.pg-play{grid-column:1/-1;margin-top:4px;padding:10px 16px}.pg-choice{margin-bottom:6px}.pg-choice legend{margin-bottom:4px}.pg-options-2,.pg-options-3{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.pg-option{text-align:center;padding:8px}.pg-option strong{font-size:.9rem}.pg-option span{display:none}.pg-panel-small{width:min(380px,100%);display:block}.pg-panel-small>.pg-eyebrow,.pg-panel-small>.pg-lead{display:block}}@media (pointer:coarse){.pg-ability{width:74px;height:74px;bottom:58px;right:14px}.pg-tools{gap:6px;bottom:10px;right:10px}.pg-icon{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.pg-panel{animation:none}}.pg-loading{display:grid}.pg-loading>*{grid-area:1/1}.pg-loading p{color:#fff;place-self:center;margin:0;font-weight:700}