.fanfare-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:start center;padding-top:max(12vh,64px);pointer-events:none}.fanfare{position:relative;display:grid;justify-items:center;gap:6px;min-width:220px;max-width:min(88vw,360px);padding:16px 22px;border:2px solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 8px 28px var(--shadow);font-family:system-ui,sans-serif;text-align:center;pointer-events:auto;cursor:pointer;animation:fanfare-in .45s cubic-bezier(.2,1.4,.4,1) both}.fanfare-title{margin:0;font-size:1.3rem;font-weight:800}.fanfare.big .fanfare-title{font-size:1.7rem}.fanfare-gains{margin:0;font-size:1.1rem;font-weight:700;color:var(--reward)}.fanfare-find{display:grid;justify-items:center;gap:4px}.fanfare-find p{margin:0}.fanfare-sparks{position:absolute;left:50%;top:50%;pointer-events:none}.fanfare-sparks i{position:absolute;width:8px;height:8px;margin:-4px;border-radius:2px;background:var(--gold);transform:rotate(var(--a)) translateY(0) scale(0);animation:fanfare-spark .9s ease-out var(--d) both}.fanfare-sparks i:nth-child(3n){background:var(--roof-1)}.fanfare-sparks i:nth-child(3n+1){background:var(--roof-2)}.fanfare.big .fanfare-sparks i{width:11px;height:11px;animation-duration:1.3s}@keyframes fanfare-in{0%{opacity:0;transform:translateY(-24px) scale(.85)}to{opacity:1;transform:none}}@keyframes fanfare-spark{0%{transform:rotate(var(--a)) translateY(0) scale(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--a)) translateY(-150px) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.fanfare{animation:none}.fanfare-sparks{display:none}}:root{--reward: #3f6b3a;--shadow: rgba(42, 36, 31, .25);--paper: #f5f0e6;--ink: #2a241f;--ink-quiet: #6b6258;--gap: 16px;--grass: #86c95a;--grass-tuft: #79bc4f;--path: #e3c48a;--plaza: #eadcbb;--lot: #d8c79c;--river: #6fb7e8;--river-glint: #9ad2f3;--leaf: #4aa35a;--leaf-dark: #3d8b4c;--trunk: #7a5230;--wood: #b77b4f;--stake: #7a5230;--wall: #fff2cc;--wall-stone: #f2ece0;--column: #fbf8f1;--door: #6b4428;--window: #bfe3f5;--roof-1: #d96a5c;--roof-2: #6f98c9;--roof-3: #7fae6a;--roof-4: #d9b25a;--roof-5: #9b84c4;--roof-slate: #7a8aa8;--awning-a: #d96a5c;--awning-b: #fbf8f1;--card-face: #fffdf7;--card-red: #d0453b;--metal: #c9ccd3;--metal-dark: #8d939e;--concrete: #cfc8b8;--water: #6fb7e8;--wall-1: #fff2cc;--wall-2: #f6dcc8;--wall-3: #dfeccb;--wall-4: #dbe6f2;--door-1: #6b4428;--door-2: #8f3b33;--door-3: #2f5d7c;--door-4: #3f6b3a;--rock: #8a7a66;--rock-dark: #6e604f;--moon: #c3c4cc;--moon-dark: #9d9ea8;--mars: #c7633f;--mars-dark: #9c4a2c;--tektite: #3e6b4f;--glass: #d8eef7;--dust: #b9a6e0;--solar: #2f4f8a;--solar-line: #6f8fc9;--paper-old: #efe1bf;--ice: #cfeefe;--ice-dark: #9fd4ee;--crystal: #b26fe0;--crystal-light: #d9b4f5;--gold: #d9b25a;--gold-dark: #b08a32;--brass: #c9a24a;--tin: #b8bcc4;--stone-green: #7d9a8a;--cream: #fff4d6;--pink: #f2a6b8;--chocolate: #7a4a2a;--silver: #d5d8de;--jade: #4fae8f;--ruby: #c8324a;--sapphire: #3a6fd6;--alien: #8bd16a;--silhouette: #d6d0c4;--frame-common: #d9cfbd;--frame-uncommon: #8fb6d9;--frame-rare: #c3a0e0;--glint: #fffbe8;--person-1: #e8473c;--person-2: #2f7fe0;--person-3: #f2a52b;--person-4: #7a3fd1;--person-5: #1fa36a;--person-6: #e0459c;--person-7: #12a3b8;--person-8: #ff7a1a;--skin: #f3c9a0;--skin-1: #f6d4b4;--skin-2: #e8b58c;--skin-3: #c98d5f;--skin-4: #9b6440;--skin-5: #6b4227;--hair-1: #2b2420;--hair-2: #6b4428;--hair-3: #b0532c;--hair-4: #e2b54f;--hair-5: #a9a39b}.pen-p,.pen-b,.pen-s{stroke:var(--ink);stroke-linejoin:round;vector-effect:non-scaling-stroke}.pen-p{stroke-width:var(--pen-p)}.pen-b{stroke-width:var(--pen-b)}.pen-s{stroke-width:var(--pen-s)}.kcell{position:relative;margin:0;padding:4px;box-sizing:border-box;background:var(--card-face);border:2px solid var(--frame-common);border-radius:12px;text-align:center}.kcell svg{display:block;margin:0 auto}.kcell figcaption{font-size:.75rem;line-height:1.2}.kcell.tier-uncommon,.kcell.tier-rare{border-color:var(--frame-uncommon)}.kcell.tier-rare{border-color:var(--frame-rare);box-shadow:inset 0 0 0 3px var(--card-face),inset 0 0 0 4px var(--frame-rare)}.kcell.tier-uncommon:before,.kcell.tier-rare:before{content:"";position:absolute;top:-2px;left:50%;width:14px;height:5px;margin-left:-7px;border-radius:0 0 4px 4px;background:var(--frame-uncommon)}.kcell.tier-rare:before{background:var(--frame-rare)}.glints{animation:glint-shimmer 2.6s ease-in-out infinite}@keyframes glint-shimmer{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.glints{animation:none}}