@font-face{font-family:LondrinaSolid;src:url(../fonts/LondrinaSolid-Regular.otf) format("opentype");font-weight:400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#0f0f0f;min-height:100%}#root{background:#0f0f0f}:root{--bg: #0f0f0f;--bg-card: #141414;--green: #7ecfa0;--green-dark: #2a5a3a;--green-mid: #3a7a4a;--orange: rgb(248, 154, 23);--white: #ffffff;--grey1: #444444;--grey2: #555555;--grey3: #666666;--font: monospace;--font-display: "LondrinaSolid", monospace;--font-ui: "LondrinaSolid", monospace}.screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1280px;margin:0 auto;height:100dvh;padding:0 20px;font-family:var(--font);color:var(--white);background:var(--bg);font-size:16px;position:relative}.guess-scroll-area{flex:1;overflow-y:auto;width:100%;display:flex;flex-direction:column;align-items:center;scrollbar-width:none}.guess-scroll-area::-webkit-scrollbar{display:none}.guess-input-footer{flex-shrink:0;width:100%;padding:10px 0 20px}.label-theme{color:var(--orange);font-size:26px;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-display)}.label-grey{color:var(--grey2);font-size:14px}.label-small{color:var(--grey1);font-size:13px}.label-progress{color:var(--grey1);font-size:14px}.btn{width:100%;border:none;border-radius:4px;cursor:pointer;font-family:var(--font-ui);font-weight:400;font-size:20px;color:var(--green);background:var(--green-dark);padding:16px 0;transition:background .1s;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--green-mid)}.btn:active{background:var(--green-dark)}.btn:disabled{background:#1a2a1a;color:#3a5a3a;cursor:default}.btn-ghost{background:#1a1a2a;color:#66a}.btn-ghost:hover{background:#252535;color:#88c}.attempt-dots{display:flex;gap:8px;justify-content:center}.attempt-dot{width:18px;height:18px;border-radius:3px;background:#222}.autocomplete-wrap{position:relative;width:100%}.autocomplete-row{display:flex;gap:8px;width:100%}.guess-input{flex:1;background:#39393c;border:1px solid #3c3c42;border-radius:4px;color:#fff;font-family:var(--font);font-size:15px;padding:12px 14px;outline:none;transition:border-color .1s}.guess-input:focus{border-color:#3a7a4a}.guess-input:disabled{opacity:.4;cursor:default}.guess-input::placeholder{color:#666}.guess-submit-btn{background:var(--green-dark);border:none;border-radius:4px;color:var(--green);font-family:var(--font-ui);font-size:18px;font-weight:400;padding:12px 18px;cursor:pointer;white-space:nowrap;transition:background .1s}.guess-submit-btn:hover:not(:disabled){background:var(--green-mid)}.guess-submit-btn:disabled{background:#1a2a1a;color:#3a5a3a;cursor:default}.autocomplete-list{position:absolute;inset:100% 0 auto;margin-top:2px;margin-bottom:0;background:#242428;border:1px solid #3c3c42;border-radius:4px;list-style:none;z-index:100;max-height:240px;overflow-y:auto;box-shadow:0 6px 20px #00000080}.autocomplete-list.drop-up{top:auto;bottom:100%;margin-top:0;margin-bottom:2px}.autocomplete-item{padding:10px 14px;font-family:var(--font);font-size:14px;color:#ccc;cursor:pointer;transition:background .05s}.autocomplete-item:hover,.autocomplete-item.active{background:#35353e;color:#fff}.autocomplete-highlight{color:var(--green);font-weight:700}.autocomplete-set{color:#555;font-size:12px}.lb-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #1e1e1e;font-size:14px;font-family:var(--font)}.lb-row.is-player{color:var(--green)}.lb-rank{color:var(--grey3);text-align:right}.lb-score{font-variant-numeric:tabular-nums}.correct-flash{position:fixed;inset:0;background:#00c8502e;pointer-events:none;z-index:100;animation:correct-flash .6s ease forwards}@keyframes correct-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes zoom-in-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(var(--zoom-scale, 1));opacity:1}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}