@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;0,9..40,700;0,9..40,900;1,9..40,400&family=DM+Serif+Display&display=swap");.brandle-root{--bg:#0d0d0f;--surface:#18181b;--surface-2:#222226;--border:#2a2a30;--border-2:#38383f;--text:#f2f2f4;--muted:#6b6b78;--accent:#e8c547;--green:#34d399;--green-bg:rgba(52,211,153,.14);--green-border:rgba(52,211,153,.3);--yellow:#fbbf24;--yellow-bg:rgba(251,191,36,.14);--yellow-border:rgba(251,191,36,.3);--red:#f87171;--red-bg:hsla(0,91%,71%,.12);--red-border:hsla(0,91%,71%,.25);--radius:14px;--radius-sm:8px;--max-w:500px;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.brandle-root *{box-sizing:border-box;margin:0;padding:0}.brandle-wrap{max-width:var(--max-w);margin:0 auto;padding:0 16px 48px;display:flex;flex-direction:column;min-height:100dvh}.brandle-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px;border-bottom:1px solid var(--border);margin-bottom:20px}.brandle-logo-text{font-family:"DM Serif Display",serif;font-size:28px;color:var(--text);letter-spacing:-.5px;line-height:1}.brandle-logo-text span{color:var(--accent)}.brandle-date{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.brandle-guesses-left{font-size:12px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--border-2);border-radius:100px;padding:4px 10px}.logo-section{flex-direction:column;gap:16px;padding-bottom:20px}.logo-container,.logo-section{display:flex;align-items:center}.logo-container{width:128px;height:128px;background:var(--surface);border:1px solid var(--border-2);border-radius:24px;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px var(--border),0 12px 40px rgba(0,0,0,.4)}.logo-guess-counter{display:flex;gap:7px;align-items:center}.logo-pip{width:9px;height:9px;border-radius:50%;background:var(--border-2);transition:background .25s,transform .2s}.logo-pip.used{background:var(--muted)}.logo-pip.won{background:var(--green);transform:scale(1.2)}.logo-pip.lost{background:var(--red)}.input-section{position:relative;margin-bottom:16px}.brandle-input{width:100%;background:var(--surface);border:2px solid var(--border-2);border-radius:var(--radius);padding:15px 52px 15px 16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:var(--text);outline:none;transition:border-color .15s;caret-color:var(--accent)}.brandle-input::-moz-placeholder{color:var(--muted);font-weight:400}.brandle-input::placeholder{color:var(--muted);font-weight:400}.brandle-input:focus{border-color:var(--accent)}.input-submit-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent);color:#0d0d0f;border:none;font-size:17px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s}.input-submit-btn:hover{opacity:.85}.input-submit-btn:active{transform:translateY(-50%) scale(.93)}.input-submit-btn:disabled{opacity:.25;cursor:default}.autocomplete-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);overflow:hidden;z-index:50;box-shadow:0 12px 32px rgba(0,0,0,.5)}.autocomplete-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--surface)}.autocomplete-name{flex:1;font-size:14px;font-weight:700;color:var(--text)}.autocomplete-meta{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.cards-section{display:flex;flex-direction:column;gap:10px}.guess-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;animation:slideUp .28s cubic-bezier(.22,1,.36,1) both}.guess-card:first-child{animation-delay:0ms}.guess-card:nth-child(2){animation-delay:40ms}.guess-card:nth-child(3){animation-delay:80ms}.guess-card:nth-child(4){animation-delay:.12s}.guess-card:nth-child(5){animation-delay:.16s}.guess-card:nth-child(6){animation-delay:.2s}.guess-card:nth-child(7){animation-delay:.24s}.guess-card:nth-child(8){animation-delay:.28s}.guess-card-top{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.guess-card-name{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.2px}.guess-card-hints{display:grid;grid-template-columns:repeat(4,1fr)}.hint-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 6px 10px;border-right:1px solid var(--border);text-align:center;min-height:68px}.hint-box:last-child{border-right:none}.hint-correct{background:var(--green-bg);border-bottom:2px solid var(--green-border)}.hint-close{background:var(--yellow-bg);border-bottom:2px solid var(--yellow-border)}.hint-wrong{background:var(--red-bg);border-bottom:2px solid var(--red-border)}.hint-icon{font-size:15px;font-weight:900;line-height:1}.hint-correct .hint-icon{color:var(--green)}.hint-close .hint-icon{color:var(--yellow)}.hint-wrong .hint-icon{color:var(--red)}.hint-label{font-size:12px;font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.hint-sublabel{font-size:9px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);line-height:1}.end-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:20px 18px;margin-bottom:14px;position:relative;overflow:hidden;animation:slideUp .3s cubic-bezier(.22,1,.36,1) both}.end-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent) 0,transparent 100%)}.end-card-result{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.end-card-result.won{color:var(--green)}.end-card-result.lost{color:var(--red)}.end-brand-reveal{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:14px;border:1px solid var(--border)}.end-brand-info h3{font-size:20px;font-weight:900;color:var(--text);margin-bottom:8px;line-height:1}.end-brand-tags{display:flex;flex-wrap:wrap;gap:5px}.end-tag{font-size:10px;font-weight:700;letter-spacing:.4px;background:var(--surface);border:1px solid var(--border-2);border-radius:100px;padding:3px 9px;color:var(--muted)}.end-actions{display:flex;gap:8px}.btn-share{flex:1;background:var(--accent);color:#0d0d0f;font-family:DM Sans,sans-serif;font-size:13px;font-weight:900;letter-spacing:1px;text-transform:uppercase;border:none;border-radius:var(--radius-sm);padding:14px;cursor:pointer;transition:opacity .12s,transform .1s}.btn-share:hover{opacity:.88}.btn-share:active{transform:scale(.98)}.btn-share.copied{background:var(--green);color:#0d0d0f}.btn-secondary-brandle{background:transparent;color:var(--muted);font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:14px 16px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;transition:border-color .12s,color .12s}.btn-secondary-brandle:hover{border-color:var(--accent);color:var(--accent)}.tomorrow-section{text-align:center;padding:16px 0 2px;border-top:1px solid var(--border);margin-top:16px}.tomorrow-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.tomorrow-timer{font-size:26px;font-weight:900;color:var(--accent);letter-spacing:4px;font-variant-numeric:tabular-nums}.brandle-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(70px);background:var(--surface-2);color:var(--text);border:1px solid var(--border-2);font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:10px 20px;border-radius:100px;box-shadow:0 8px 28px rgba(0,0,0,.45);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:100;pointer-events:none;white-space:nowrap}.brandle-toast.show{transform:translateX(-50%) translateY(0)}.page-enter{animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .35s ease both}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@media (max-width:420px){.brandle-wrap{padding:0 12px 40px}.logo-container{width:112px;height:112px;border-radius:20px}.brandle-logo-text{font-size:24px}.guess-card-name{font-size:14px}.hint-box{padding:10px 4px 8px;min-height:60px;gap:3px}.hint-icon{font-size:13px}.hint-label{font-size:10px}.hint-sublabel{font-size:8px;letter-spacing:.6px}.guess-card-top{padding:10px 12px;gap:10px}.tomorrow-timer{font-size:22px}}