@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&family=Fredoka:wght@500;600;700&family=Nunito:wght@500;600;700&display=swap";:root{--ink:#6f1a42;--muted:#93506d;--accent:#ff5d98;--accent-strong:#ff8b5c;--accent-soft:#ffe6f1;--line:#cf5b9147;--surface:#ffffffc7;--surface-strong:#ffffffeb;--shadow:#b32a6c3b 0 20px 30px -26px, #ff8f5b33 0 10px 20px -18px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,Trebuchet MS,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 5% -4%,#ffd7e8 0%,#0000 38%),radial-gradient(circle at 90% 2%,#ffd8b2 0%,#0000 34%),radial-gradient(circle at 52% 104%,#ffc4df 0%,#0000 42%),linear-gradient(140deg,#fff0f7 0%,#ffe8f2 40%,#fff2e7 100%);margin:0}#root{min-height:100vh;padding:clamp(.9rem,3vw,2rem)}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-family:Fredoka,Avenir Next,sans-serif}p{margin:0}button,input{font:inherit}code{font-family:DM Mono,Consolas,monospace}.flameus{isolation:isolate;gap:clamp(.95rem,2vw,1.4rem);max-width:1120px;margin:0 auto;display:grid;position:relative}.flameus:before,.flameus:after{content:"";filter:blur(2px);z-index:-1;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite drift;position:absolute}.flameus:before{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#ffd1e6,#ff72a9 75%);width:min(24vw,210px);top:12%;right:-4%}.flameus:after{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#ffe8aa,#ff8e5e 80%);width:min(20vw,170px);animation-delay:-2.8s;bottom:4%;left:-4%}.ambient-hearts{pointer-events:none;z-index:0;position:absolute;inset:0}.ambient-heart{color:#ff66a28a;text-shadow:0 6px 18px #ff599b38;line-height:1;animation:8s ease-in-out infinite ambient-heart-float;position:absolute}.celebration-wrap{z-index:60;pointer-events:none;place-items:start center;padding-top:clamp(.9rem,5vh,2.5rem);display:grid;position:fixed;inset:0}.celebration-banner{border:2px solid #ffffff7a;border-radius:20px;width:min(92vw,560px);padding:.8rem 1rem;animation:.64s cubic-bezier(.16,1,.3,1) both banner-drop;box-shadow:0 24px 34px -30px #ff4090f2,inset 0 1px #ffffffa8}.celebration-banner--f{background:linear-gradient(122deg,#c3ecfff2,#ffffffe6)}.celebration-banner--l{background:linear-gradient(122deg,#ffd7edf2,#ffffffe6)}.celebration-banner--a{background:linear-gradient(122deg,#f8defff2,#ffffffe6)}.celebration-banner--m{background:linear-gradient(122deg,#d1ffe2f2,#ffffffe6)}.celebration-banner--e{background:linear-gradient(122deg,#ffd8d8f2,#ffffffe6)}.celebration-banner--s{background:linear-gradient(122deg,#fff5cbf2,#ffffffe6)}.celebration-label{text-transform:uppercase;letter-spacing:.08em;color:#6f1a42cc;margin:0;font-size:.68rem}.celebration-banner h2{margin:.3rem 0 .26rem;font-size:clamp(1.2rem,4vw,1.7rem)}.celebration-banner p{color:color-mix(in srgb, var(--ink) 82%, white);margin:0}.celebration-pair{font-weight:800;margin-top:.38rem!important}.celebration-hearts{position:absolute;inset:0}.burst-heart{opacity:0;color:#ff498df0;text-shadow:0 8px 20px #ff428e57;line-height:1;animation-name:heart-burst;animation-timing-function:cubic-bezier(.18,.88,.26,.99);animation-fill-mode:both;position:absolute;bottom:13vh}.panel{border:2px solid color-mix(in srgb, var(--line) 75%, white);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:clamp(1rem,2.8vw,1.95rem)}.hero{background:radial-gradient(circle at 12% 10%,#ffdbebd1,#0000 40%),radial-gradient(circle at 88% 86%,#ffc6a2b8,#0000 48%),linear-gradient(125deg,#fffffff0,#fff6fceb);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff789d33,#0000 65%);border-radius:50%;width:290px;height:290px;position:absolute;inset:auto -80px -120px auto}.hero__kicker{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.11em;margin:0;font-size:.76rem;font-weight:700}.hero h1{text-wrap:balance;max-width:14ch;margin:.65rem 0 .7rem;font-size:clamp(2.15rem,5vw,3.85rem);line-height:.98}.hero p{max-width:58ch;color:var(--muted);margin:0;font-size:clamp(.95rem,2vw,1.05rem)}.arena{grid-template-columns:minmax(0,1.35fr) minmax(300px,.88fr);align-items:start;gap:1rem;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.panel-head h2{margin:0;font-size:clamp(1.35rem,2.2vw,1.65rem)}.phase-tag{color:#8c2049;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(120deg,#ffdcedf2,#fff4dff2);border:1px solid #ff5d9859;border-radius:999px;margin:0;padding:.32rem .78rem;font-size:.72rem}.match-form{gap:.72rem;display:grid}.field{flex-direction:column;gap:.45rem;display:flex}.field span{color:var(--muted);font-size:.89rem;font-weight:600}.field input{color:var(--ink);background:#ffffffe6;border:1px solid #e5699759;border-radius:14px;padding:.68rem .78rem}.field input::placeholder{color:color-mix(in srgb, var(--muted) 72%, white)}.field input:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, white);outline-offset:1px}.run-button,.refresh-button{cursor:pointer;color:#fff;border:none;font-weight:700}.run-button{letter-spacing:.01em;background:linear-gradient(122deg,#ff5d98,#ff8f5b 48%,#ff5d98) 0 0/200% 200%;border-radius:14px;margin-top:.3rem;padding:.75rem 1rem;animation:4.5s infinite candy-shift;box-shadow:0 14px 24px -18px #ff5d98cc,inset 0 1px #ffffff6b}.run-button:hover:not([disabled]){transform:translateY(-1px)}.run-button[disabled]{opacity:.82;cursor:wait}.form-error{color:#9f1946;background:#ff498d1c;border:1px solid #d21e5840;border-radius:12px;margin:.8rem 0 0;padding:.56rem .72rem}.suspense-board{background:linear-gradient(#ffffffeb,#ffeef7d9);border:1px solid #e5699759;border-radius:18px;margin-top:1rem;padding:.85rem}.board-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.board-head h3{margin:0;font-size:1rem}.board-head p{color:var(--muted);margin:0;font-size:.82rem}.flames-track{grid-template-columns:repeat(auto-fit,minmax(56px,74px));justify-content:start;gap:.55rem;margin-top:.72rem;display:grid}.flame-token{aspect-ratio:1;color:#b12258;letter-spacing:.06em;background:radial-gradient(circle at 30% 25%,#ffffffeb,#ffe4eff5);border:2px solid #ff84ac59;border-radius:50%;place-items:center;width:100%;font-size:1.14rem;font-weight:800;transition:transform .17s,opacity .17s,border-color .17s;display:grid;box-shadow:inset 0 -5px 10px #ff95be33}.flame-token.active{border-color:#ff5d98;animation:.42s token-pop;transform:scale(1.08)translateY(-2px);box-shadow:0 0 0 5px #ff5d9829,inset 0 -6px 10px #ff95be3d}.flame-token.out{opacity:.32;border-color:#8f104973;text-decoration:line-through;text-decoration-thickness:2px;transform:scale(.86)rotate(-10deg)}.board-stats{color:var(--muted);margin:.8rem 0 0;font-size:.85rem}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.insight-grid article{background:#ffffffdb;border:1px solid #e5699740;border-radius:13px;padding:.66rem}.insight-grid span{color:var(--muted);margin-bottom:.22rem;font-size:.76rem;display:block}.insight-grid strong{color:var(--ink)}.result-card{border:2px solid #ff5d9847;border-radius:18px;margin-top:1rem;padding:.88rem;animation:.52s cubic-bezier(.16,1,.3,1) reveal-up;position:relative;overflow:hidden}.result-card:before{content:"";pointer-events:none;opacity:.46;background:radial-gradient(circle at 14% 20%,#ffffffeb,#0000 24%),radial-gradient(circle at 83% 18%,#ffffffbd,#0000 26%),radial-gradient(circle at 33% 86%,#fffc,#0000 24%);position:absolute;inset:0}.result-code,.result-card h3,.result-card p{z-index:1;position:relative}.result-code{aspect-ratio:1;color:#fff;background:#80183f9e;border-radius:50%;place-items:center;width:2rem;margin:0;font-size:.93rem;font-weight:800;display:grid}.result-card h3{margin:.48rem 0 .34rem;font-size:1.26rem}.result-card p{color:color-mix(in srgb, var(--ink) 78%, white);margin:0}.result-pair{margin-top:.64rem;font-weight:700}.result-card__hearts{color:#921f4eb3;gap:.22rem;margin-top:.52rem;font-size:.9rem;display:inline-flex}.result-card__hearts span{animation:1.8s ease-in-out infinite heart-beat}.result-card__hearts span:nth-child(2){animation-delay:.2s}.result-card__hearts span:nth-child(3){animation-delay:.4s}.result-card--f{background:linear-gradient(130deg,#bfe8fff2,#ffffffeb)}.result-card--l{background:linear-gradient(130deg,#ffd3e9f5,#ffffffeb)}.result-card--a{background:linear-gradient(130deg,#fadafff2,#ffffffeb)}.result-card--m{background:linear-gradient(130deg,#caffdcf0,#ffffffeb)}.result-card--e{background:linear-gradient(130deg,#ffd1d1f2,#ffffffeb)}.result-card--s{background:linear-gradient(130deg,#fff0baf5,#ffffffeb)}.result-placeholder{color:var(--muted);background:#ffffffa8;border:2px dashed #e5699757;border-radius:16px;margin:1rem 0 0;padding:.82rem}.history-panel{position:sticky;top:.9rem}.refresh-button{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(120deg,#ff5d98,#ff7d63);border-radius:999px;padding:.38rem .88rem;font-size:.74rem;box-shadow:0 8px 16px -14px #ff5d98e6}.history-search{margin-bottom:.75rem}.filter-row{flex-wrap:wrap;gap:.45rem;display:flex}.filter-row button{color:#9f355f;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffffd9;border:1px solid #e569974d;border-radius:999px;align-items:center;gap:.4rem;padding:.36rem .68rem;font-size:.72rem;display:inline-flex}.filter-row button span{color:#8a2149;background:#ff5d981f;border-radius:999px;padding:.08rem .34rem;font-size:.66rem}.filter-row button.active{color:#fff;background:linear-gradient(115deg,#ff5d98,#ff8f5b);border-color:#0000}.filter-row button.active span{color:#fff;background:#ffffff3b}.history-list{gap:.62rem;max-height:540px;margin-top:.9rem;padding-right:.2rem;display:grid;overflow:auto}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-thumb{background:#ff8db7b3;border-radius:999px}.history-item{background:#ffffffe0;border:1px solid #e569974d;border-radius:15px;padding:.7rem}.history-item:nth-child(odd){transform:rotate(-.5deg)}.history-item:nth-child(2n){transform:rotate(.35deg)}.history-item__row{justify-content:space-between;align-items:baseline;gap:.55rem;display:flex}.history-item h3{margin:0;font-size:.94rem}.history-badge{text-transform:uppercase;letter-spacing:.05em;color:#8a2149;background:#ff5d9821;border-radius:999px;padding:.18rem .5rem;font-size:.67rem}.history-item__meta{color:var(--muted);margin:.44rem 0 0;font-size:.78rem}.history-item--f{border-left:5px solid #47a6e8}.history-item--l{border-left:5px solid #ff5d98}.history-item--a{border-left:5px solid #ba6ed6}.history-item--m{border-left:5px solid #5dcf86}.history-item--e{border-left:5px solid #f55e64}.history-item--s{border-left:5px solid #f7b44f}.history-state{color:var(--muted);background:#ffffffb3;border:2px dashed #e5699747;border-radius:14px;margin:0;padding:.86rem}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ambient-heart-float{0%,to{opacity:.42;transform:translateY(0)scale(.96)}50%{opacity:.8;transform:translateY(-12px)scale(1.05)}}@keyframes banner-drop{0%{opacity:0;transform:translateY(-26px)scale(.96)}60%{opacity:1;transform:translateY(6px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heart-burst{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}16%{opacity:.96}to{transform:translate(var(--drift-x), -72vh) scale(1.08) rotate(16deg);opacity:0}}@keyframes candy-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.22)}50%{transform:scale(1.04)}}@keyframes token-pop{0%{transform:scale(1)translateY(0)}40%{transform:scale(1.13)translateY(-4px)}to{transform:scale(1.08)translateY(-2px)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.arena{grid-template-columns:1fr}.history-panel{position:static}.insight-grid{grid-template-columns:1fr}}@media (width<=620px){.panel-head{flex-direction:column;align-items:flex-start}.phase-tag{text-align:center;width:100%}.flames-track{grid-template-columns:repeat(3,minmax(56px,1fr));justify-content:stretch}.run-button,.refresh-button{width:100%}}@media (prefers-reduced-motion:reduce){.ambient-heart,.celebration-banner,.burst-heart,.flameus:before,.flameus:after,.run-button,.flame-token,.result-card,.result-card__hearts span{transition:none!important;animation:none!important}}