@import url(https://fonts.googleapis.com/css2?family=Boogaloo&family=DM+Mono:wght@400;500&family=Unbounded:wght@800;900&display=swap);:root{--cream:#faf8f3;--ink:#1a1a1a;--yellow:#f5e642;--yellow-dark:#d4c600;--coral:#ff5c3a;--card-bg:#fff;--border:2.5px solid var(--ink);--radius:18px;--shadow:5px 5px 0px var(--ink);--shadow-hover:8px 8px 0px var(--ink)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#faf8f3;background-color:var(--cream);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");color:#1a1a1a;color:var(--ink);font-family:DM Mono,monospace;min-height:100vh}button{background:none;border:none;cursor:pointer;font-family:inherit}button:disabled{cursor:default;opacity:.4}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#f5e642;background:var(--yellow);border-bottom:2.5px solid #1a1a1a;border-bottom:var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:960px;padding:12px 20px}.header-brand{display:flex;flex-direction:column;gap:4px}.app-logo{font-family:Unbounded,sans-serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;letter-spacing:-1px;line-height:1;text-transform:uppercase}.app-logo,.app-tagline{color:#1a1a1a;color:var(--ink)}.app-tagline{font-family:DM Mono,monospace;font-size:clamp(.72rem,1.8vw,.85rem);font-weight:500;letter-spacing:.01em;line-height:1.3;max-width:320px}.header-nav{display:flex;flex-shrink:0;gap:8px}.nav-btn{background:#0000;border:2.5px solid #1a1a1a;border:var(--border);border-radius:100px;color:#1a1a1a;color:var(--ink);font-family:DM Mono,monospace;font-size:.8rem;font-weight:500;letter-spacing:.08em;padding:8px 16px;text-transform:uppercase;transition:background .15s,transform .1s}.nav-btn.active,.nav-btn:hover{background:#1a1a1a;background:var(--ink);color:#f5e642;color:var(--yellow)}.app-main{flex:1 1;justify-content:center;padding:40px 20px 60px}.app-main,.loading-state{align-items:center;display:flex}.loading-state{color:#1a1a1a;color:var(--ink);flex-direction:column;font-size:.85rem;gap:16px;letter-spacing:.1em;text-transform:uppercase}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #1a1a1a;border-top-color:#f5e642;border:3px solid var(--ink);border-radius:50%;border-top-color:var(--yellow);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.vote-page{align-items:center;gap:32px;max-width:860px}.intro-banner,.vote-page{display:flex;flex-direction:column;width:100%}.intro-banner{background:#fff;background:var(--card-bg);border:2.5px solid #1a1a1a;border:var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow);gap:14px;padding:22px 28px}.intro-inner{display:flex;flex-wrap:wrap;gap:10px}.intro-example{background:#f5e642;background:var(--yellow);border:2.5px solid #1a1a1a;border:var(--border);border-radius:8px;font-family:Boogaloo,cursive;font-size:1.4rem;padding:4px 14px}.intro-example,.intro-text{color:#1a1a1a;color:var(--ink)}.intro-text{font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;line-height:1.7}.voting-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:860px;width:100%}.vote-counter{align-self:flex-end;color:#999;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.voting-screen{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.voting-screen.entering .cards-container{animation:slideIn .38s cubic-bezier(.34,1.56,.64,1)}.voting-screen.exiting .cards-container{animation:slideOut .32s ease-in forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.96)}}.prompt-label{color:#1a1a1a;color:var(--ink);font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.cards-container{align-items:stretch;display:flex;gap:16px;width:100%}.cards-loading,.word-card{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:220px}.word-card{background:#fff;background:var(--card-bg);border:2.5px solid #1a1a1a;border:var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow);cursor:pointer;flex-direction:column;gap:16px;padding:48px 24px 32px;transition:transform .15s ease,box-shadow .15s ease,background .12s ease}.word-card:hover{background:#f5e642;background:var(--yellow);box-shadow:8px 8px 0 #1a1a1a;box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.word-card.key-pressed,.word-card:active{background:#f5e642;background:var(--yellow);box-shadow:2px 2px 0 #1a1a1a;box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.word-card-key{background:#e8e8e2;border:2.5px solid #1a1a1a;border:solid var(--ink);border-radius:6px;border-width:2.5px 2.5px 4px;color:#1a1a1a;color:var(--ink);font-family:DM Mono,monospace;font-size:1.4rem;font-weight:700;line-height:1;padding:4px 14px;transition:color .12s,border-color .12s,background .12s}.word-card:hover .word-card-key{background:#ffffff80;border-color:#1a1a1a;border-color:var(--ink)}.word-text{color:#1a1a1a;color:var(--ink);font-family:Boogaloo,cursive;font-size:clamp(1.8rem,5vw,3rem);line-height:1.1;text-align:center;word-break:break-word}.vs-badge{align-items:center;color:#aaa;display:flex;flex-shrink:0;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:900;justify-content:center;letter-spacing:-.02em;width:40px}.skip-btn{background:#0000;border:2.5px solid #1a1a1a;border:var(--border);border-radius:100px;color:#1a1a1a;color:var(--ink);font-family:DM Mono,monospace;font-size:.8rem;letter-spacing:.1em;padding:10px 24px;text-transform:uppercase;transition:background .15s,color .15s}.skip-btn.key-pressed,.skip-btn:hover:not(:disabled){background:#1a1a1a;background:var(--ink);color:#f5e642;color:var(--yellow)}.keyboard-hint{align-items:center;color:#444;display:flex;font-size:.78rem;gap:4px;letter-spacing:.05em}.keyboard-hint,kbd{font-family:DM Mono,monospace;font-weight:500}kbd{background:#ebebe6;border:solid #888;border-radius:4px;border-width:2px 2px 3px;color:#1a1a1a;color:var(--ink);font-size:.82rem;padding:3px 10px}.leaderboard{max-width:700px;width:100%}.lb-empty{border:2.5px solid #1a1a1a;border:var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow);padding:60px 20px;text-align:center}.lb-empty p{font-family:Boogaloo,cursive;font-size:1.4rem;margin-bottom:8px}.lb-empty-sub{color:#888;font-family:DM Mono,monospace;font-size:.75rem!important}.leaderboard-header{background:#1a1a1a;background:var(--ink);border:2.5px solid #1a1a1a;border:var(--border);border-radius:10px 10px 0 0;color:#f5e642;color:var(--yellow);display:grid;font-size:.65rem;font-weight:500;grid-template-columns:52px 1fr 100px 90px;letter-spacing:.14em;padding:10px 16px;text-transform:uppercase}.leaderboard-rows{border:2.5px solid #1a1a1a;border:var(--border);border-radius:0 0 10px 10px;border-top:none;overflow:hidden}.lb-row{align-items:center;border-top:1.5px solid #eee;display:grid;grid-template-columns:52px 1fr 100px 90px;padding:14px 16px;transition:background .1s}.lb-row:first-child{border-top:none}.lb-row:hover{background:#f5f5f0}.lb-row--top{background:#fffde8}.lb-row--top:hover{background:#faf8d0}.lb-col-rank{color:#888;font-family:DM Mono,monospace;font-size:.8rem}.lb-row--top .lb-col-rank{font-size:1.1rem}.lb-col-word{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-word-text{color:#1a1a1a;color:var(--ink);font-family:Boogaloo,cursive;font-size:clamp(1.1rem,3vw,1.5rem)}.lb-col-elo{align-items:center;color:#ff5c3a;color:var(--coral);display:flex;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;gap:6px;justify-content:flex-end;text-align:right}.lb-score-tip{align-items:center;border:1.5px solid;border-radius:50%;color:#f5e642;color:var(--yellow);cursor:help;display:inline-flex;flex-shrink:0;font-size:.6rem;height:14px;justify-content:center;opacity:.6;width:14px}.lb-col-matches{color:#aaa;font-family:DM Mono,monospace;font-size:.8rem;text-align:right}.lb-unranked-note{color:#bbb;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.06em;margin-top:12px;text-align:center}.app-error{border:2.5px solid #1a1a1a;border:var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:5px 5px 0 #1a1a1a;box-shadow:var(--shadow);margin:80px auto;max-width:400px;padding:32px;text-align:center}.app-error h2{font-family:Unbounded,sans-serif;margin-bottom:12px}@media (max-width:580px){.app-tagline,.keyboard-hint,.word-card-key{display:none}.cards-container{flex-direction:column;gap:0}.word-card{border-radius:0;gap:0;min-height:150px;padding:32px 20px}.word-card:first-child{border-radius:18px 18px 0 0;border-radius:var(--radius) var(--radius) 0 0}.word-card:last-child{border-radius:0 0 18px 18px;border-radius:0 0 var(--radius) var(--radius)}.vs-badge{background:#f5e642;background:var(--yellow);border-left:2.5px solid #1a1a1a;border-left:var(--border);border-right:2.5px solid #1a1a1a;border-right:var(--border);color:#1a1a1a;color:var(--ink);font-size:.8rem;padding:10px 0;width:auto}.lb-row,.leaderboard-header{font-size:.6rem;grid-template-columns:44px 1fr 64px 64px;padding:12px 10px}.lb-col-elo,.lb-col-matches{font-size:.72rem}}.lb-load-more{display:flex;justify-content:center;margin-top:16px}.load-more-btn{background:#0000;border:2.5px solid #1a1a1a;border:var(--border);border-radius:100px;color:#1a1a1a;color:var(--ink);cursor:pointer;font-family:DM Mono,monospace;font-size:.8rem;letter-spacing:.1em;padding:10px 28px;text-transform:uppercase;transition:background .15s,color .15s}.load-more-btn:hover:not(:disabled){background:#1a1a1a;background:var(--ink);color:#f5e642;color:var(--yellow)}.load-more-btn:disabled{cursor:default;opacity:.5}.lb-end-note{color:#bbb;font-size:.7rem;letter-spacing:.06em;margin-top:12px;text-align:center}.lb-divider,.lb-end-note{font-family:DM Mono,monospace}.lb-divider{background:#f0f0eb;border-top:1.5px solid #ddd;color:#999;font-size:.65rem;letter-spacing:.14em;padding:8px 16px;text-transform:uppercase}.lb-row--unranked{opacity:.5}.lb-col-elo--unranked{color:#aaa!important}
/*# sourceMappingURL=main.488d4259.css.map*/