.feedback-grid-wrap{background:var(--color-surface,#fffdf8);border:1px solid var(--color-border,#130a2b);box-shadow:5px 5px 0 var(--color-border,#130a2b);border-radius:24px 18px 26px 20px;padding:1rem;overflow-x:auto}.feedback-grid{gap:.5rem;min-width:34rem;display:grid}.feedback-grid__row{grid-template-columns:minmax(7rem,1.3fr) repeat(4,minmax(4.5rem,1fr));gap:.5rem;display:grid}.feedback-grid__cell{text-align:center;border-radius:.8rem;justify-content:center;align-items:center;min-height:3rem;padding:.4rem .5rem;font-size:.95rem;display:flex}.feedback-grid__row--header .feedback-grid__cell{min-height:auto;padding-block:.15rem}.feedback-grid__cell--label{color:var(--color-muted-ink,#6f6789);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.feedback-grid__cell--title{color:var(--color-ink,#1d1533);font-weight:600;position:relative}.feedback-grid__cell--title-correct{color:#fff;background:#34b364}.feedback-grid__cell--title-wrong{color:#fff;background:#ef5b52}.feedback-grid__cell--title-correct .feedback-grid__badge--title{color:#34b364}.feedback-grid__cell--title-wrong .feedback-grid__badge--title{color:#ef5b52}.feedback-grid__tile{color:#fff;flex-direction:column;gap:.3rem;padding-block:.6rem;animation:.22s ease-out tile-reveal;position:relative}.feedback-grid__art{object-fit:cover;border-radius:.3rem;width:2.5rem;height:2.5rem;box-shadow:0 1px 4px #00000040}.feedback-grid__value{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.82rem;font-weight:600;line-height:1.25}.feedback-grid__direction{text-transform:uppercase;letter-spacing:.03em;opacity:.85;font-size:.7rem;font-weight:700}.feedback-grid__badge{width:1.4rem;height:1.4rem;color:inherit;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;line-height:1;display:flex;position:absolute;top:0;right:0;transform:translate(30%,-35%);box-shadow:0 1px 3px #00000040}.feedback-grid__tile--green .feedback-grid__badge{color:#34b364}.feedback-grid__tile--yellow .feedback-grid__badge{color:#e0a020}.feedback-grid__tile--red .feedback-grid__badge{color:#ef5b52}.feedback-grid__tile--up .feedback-grid__badge,.feedback-grid__tile--down .feedback-grid__badge,.feedback-grid__tile--far .feedback-grid__badge{color:#7a4415}.feedback-grid__tile--green{background:#34b364}.feedback-grid__tile--yellow{background:#f0ac1f}.feedback-grid__tile--red{background:#ef5b52}.feedback-grid__tile--up,.feedback-grid__tile--down{background:#f2883b}.feedback-grid__tile--far{background:#ef5b52}@keyframes tile-reveal{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.feedback-grid__tile{animation:none}}.guess-input{width:100%;margin-bottom:1rem;position:relative}.guess-input__field{border:1px solid var(--color-border,#130a2b);background:var(--color-surface,#fffdf8);width:100%;color:var(--color-ink,#1d1533);border-radius:.9rem;padding:.65rem .85rem;font-family:inherit;font-size:1rem}.guess-input__field:focus{outline:2px solid var(--color-accent,#2f5fd9);outline-offset:1px}.guess-input__dropdown{z-index:10;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e9e0cd);border-radius:.9rem;max-height:16rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000014}.guess-input__option{cursor:pointer;border-radius:.4rem;align-items:center;gap:.55rem;padding:.4rem .6rem;display:flex}.guess-input__option--highlighted{background:var(--color-accent-soft,#ffe1ee)}.guess-input__title{color:var(--color-ink,#1d1533);font-weight:600}.guess-input__lead{color:var(--color-muted-ink,#6f6789);font-size:.85rem}:root{--color-bg:#1c1140;--color-surface:#fffdf8;--color-ink:#1d1533;--color-text:#f2ecff;--color-muted:#b6a8dd;--color-muted-ink:#6f6789;--color-border:#130a2b;--color-accent:#ff3f81;--color-accent-hover:#e0236a;--color-accent-soft:#ffe1ee;--color-accent-2:#22d9c4;--color-accent-2-soft:#d3fbf4;--font-display:"Space Grotesk", "Work Sans", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:18px 18px;margin:0;font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{margin:0}.page{max-width:40rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.page__header{margin-bottom:2rem}.page__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-accent);font-size:2rem;font-weight:700;display:inline-block;position:relative}.page__title:after{content:"";opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10'%3E%3Cpath d='M0 5 Q5 0 10 5 T20 5' fill='none' stroke='%23ff3f81' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:18px 9px;height:8px;position:absolute;bottom:-.3rem;left:2%;right:2%}.page__title-link{color:inherit;text-decoration:none}.back-link{color:var(--color-muted);margin-bottom:1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-accent)}.page__subtitle{color:var(--color-muted);text-transform:capitalize;margin-top:.6rem;font-size:.95rem;font-weight:600}.page__subtitle--plain{text-transform:none}.streak-note{background:var(--color-accent-2);color:var(--color-ink);border-radius:999px;margin-top:.6rem;padding:.3rem .75rem;font-size:.85rem;font-weight:700;display:inline-block;transform:rotate(-.75deg)}.quote-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:5px 5px 0 var(--color-border);border-radius:26px 20px 30px 22px;margin:.3rem auto 1.75rem;padding:2rem 1.75rem}.quote-text{color:var(--color-ink);white-space:pre-line;margin:0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:2rem;font-style:italic;font-weight:500;line-height:1.35;position:relative}.quote-text:before{content:"“";color:var(--color-accent);margin-right:.05em}.quote-text:after{content:"”";color:var(--color-accent);margin-left:.05em}.result-banner{text-align:center;border-radius:18px 14px 20px 16px;margin-bottom:1rem;padding:1.1rem 1.25rem;font-weight:700}.result-banner--won{color:#fff;background:#34b364}.result-banner--lost{color:#fff;background:#ef5b52}.share-button{border:2px solid var(--color-border);background:var(--color-accent);color:#fff;cursor:pointer;box-shadow:3px 3px 0 var(--color-border);border-radius:999px;margin:.9rem auto .3rem;padding:.5rem 1.4rem;font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:block}.share-button:hover{background:var(--color-accent-hover)}.share-button:active{box-shadow:0 0 0 var(--color-border);transform:translate(3px,3px)}.category-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;display:flex}.category-tab{color:var(--color-muted-ink);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;padding:.5rem 1.1rem;font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:700;transition:background-color .15s,color .15s,border-color .15s,transform .1s}.category-tab--active{color:#fff;background:var(--color-accent);border-color:var(--color-accent);transform:rotate(-1deg)}.set-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem;display:grid}.set-card{background:var(--color-surface);border:1px solid var(--color-border);min-height:5rem;box-shadow:4px 4px 0 var(--color-border);color:var(--color-ink);font-family:var(--font-display);text-align:center;border-radius:22px 16px 24px 18px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem 1rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.set-grid>:nth-child(odd){transform:rotate(-.9deg)}.set-grid>:nth-child(2n){transform:rotate(.9deg)}a.set-card:hover{border-color:var(--color-accent);box-shadow:5px 5px 0 var(--color-accent);transform:rotate(0)translateY(-2px)}.set-card--coming-soon{color:var(--color-muted-ink);box-shadow:none}.set-card__badge{text-transform:uppercase;letter-spacing:.04em;color:#0a6b5c;background:var(--color-accent-2-soft);border:1px dashed #3fc9b3;border-radius:4px;padding:.15rem .55rem;font-family:Work Sans,sans-serif;font-size:.72rem;font-weight:700;transform:rotate(-2.5deg)}.dev-note{border:1px dashed var(--color-muted);color:var(--color-muted);border-radius:.75rem;margin-top:2rem;padding:.75rem 1rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){.share-button,.category-tab,.set-card{transition:none}}