.gp-stage{display:flex;width:100%;max-width:460px;flex:1;flex-direction:column;gap:14px;margin:0 auto;padding:6px 16px 16px}.gp-title{font-size:clamp(32px,9vw,40px)}.gp-sub{margin-top:8px;color:var(--ink-2);font-size:15px}.gp-postcard{position:relative;flex-shrink:0;border-radius:6px;padding:8px;background:var(--card);box-shadow:0 1px 0 var(--rule),0 14px 22px -18px rgba(35,22,28,.55);transform:rotate(-.6deg)}.gp-photo{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:2px;background:var(--paper-deep);-webkit-touch-callout:none}.gp-canvas{width:100%;height:100%;filter:grayscale(1) contrast(1.08);transition:filter .9s ease-out}.gp-canvas,.gp-duo{position:absolute;inset:0}.gp-duo{pointer-events:none;transition:opacity .9s ease-out}.gp-duo-light{background:var(--paper);mix-blend-mode:multiply}.gp-duo-dark{z-index:1;background:var(--plum);mix-blend-mode:screen}.gp-postcard.is-done .gp-canvas{filter:none}.gp-postcard.is-done .gp-duo{opacity:0}.stamp.gp-arrived{bottom:12px;left:12px;z-index:2;background:rgba(255,252,246,.82);color:var(--green);font-size:15px}.gp-caption{display:flex;min-height:26px;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 2px 0}.gp-answer{flex-shrink:0;font-size:18px;font-weight:800}.gp-credit{overflow:hidden;color:var(--ink-3);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.gp-clues{display:grid;gap:6px;padding:10px 12px}.gp-clue{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:8px}.gp-hint{margin-top:4px;border-top:1px solid hsla(37,43%,92%,.08);padding-top:8px;color:var(--flap-ink);font-size:14px;line-height:1.4;animation:play-fade .4s ease-out both}.gp-guesses{display:flex;flex-wrap:wrap;gap:6px}.gp-guesses li{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--rule);border-radius:8px;padding:4px 9px 4px 7px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase}.gp-guesses li.is-wrong{color:var(--ink-2)}.gp-guesses li.is-wrong svg{color:var(--magenta)}.gp-guesses li.is-right{border-color:var(--green);color:var(--green)}.gp-input-wrap{position:relative;margin-top:auto}.gp-suggestions{position:absolute;right:0;bottom:calc(100% + 6px);left:0;z-index:5;overflow:hidden;border:1.5px solid var(--rule);border-radius:14px;background:var(--card);box-shadow:0 -10px 24px -16px rgba(35,22,28,.5)}.gp-suggestions li{padding:12px 16px;font-size:16px;cursor:pointer}.gp-suggestions li+li{border-top:1px solid var(--rule)}.gp-suggestions li.is-active{background:var(--paper-deep)}.gp-input-row{display:flex;gap:8px}.gp-input{min-height:54px;min-width:0;flex:1;border:1.5px solid var(--rule);border-radius:14px;padding:0 16px;background:var(--card);color:var(--ink);font-size:16px;outline:none;transition:border-color .16s}.gp-input::placeholder{color:var(--ink-3)}.gp-input:focus{border-color:var(--magenta)}.gp-go{flex-shrink:0}.gp-notice{min-height:20px;padding-top:6px;color:var(--magenta);font-size:13px}.gp-finished{gap:12px;margin-top:auto}.gp-finished,.gp-share{display:flex;flex-direction:column}.gp-share{gap:10px}.gp-squares{display:flex;gap:4px}.gp-squares span{width:22px;height:22px;border-radius:4px}.gp-squares .is-wrong{background:var(--magenta)}.gp-squares .is-right{background:var(--green)}@media (prefers-reduced-motion:reduce){.gp-canvas,.gp-duo{transition:none}.gp-hint{animation:none}}