@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,500&display=swap";:root{--bg:#f3ead8;--bg-glow:#faf4e8;--ink:#16130f;--ink-muted:#5c5347;--tan:#d8c7a7;--accent-green:#b6f26d;--accent-green-deep:#2f9e3a;--danger:#e23b3b;--link-blue:#3b6ef5;--input-border:#e4d8c2;--display:"DM Sans", "Avenir Next", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background-color:var(--bg)}body{min-height:100dvh;font-family:var(--display);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%, var(--bg-glow), transparent 60%), linear-gradient(180deg, #f7efdf 0%, var(--bg) 45%, #ebe0c8 100%);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{width:100%}button,input{font:inherit}.app-shell{width:min(100%,480px);min-height:100svh;padding:calc(28px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) calc(22px + env(safe-area-inset-left));box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}.creator-tag{bottom:calc(14px + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left));z-index:10;color:var(--ink-muted);opacity:.62;align-items:center;gap:3px;font-size:2rem;font-weight:600;line-height:1;text-decoration:none;transition:opacity .15s;display:inline-flex;position:fixed}.creator-tag:hover,.creator-tag:focus-visible{opacity:1}.creator-tag:focus-visible{outline:2px solid var(--link-blue);outline-offset:4px;border-radius:2px}.creator-tag img{object-fit:contain;width:32px;height:32px}@media (width<=719px){.creator-tag span{display:none}.creator-tag img{object-fit:contain;width:48px;height:48px}}.screen{flex-direction:column;flex:1;min-height:0;padding-top:3dvh;display:flex;position:relative}.screen--centered{text-align:center;justify-content:center;align-items:center;gap:18px}.screen--list{padding-top:12px}.screen--game,.screen--results{text-align:center;align-items:center}.screen--game{padding-bottom:24px}.screen__main{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.headline{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(1.55rem,4.5vw,1.9rem);font-weight:700;line-height:1.25}.headline--top{text-align:center;margin-bottom:36px}.headline--game{margin-top:8px;font-size:clamp(1.45rem,4vw,1.75rem)}.headline--score{margin:10px 0 28px}.completion-message{font-family:var(--display);color:var(--accent-green-deep);margin:-16px 0 20px;font-size:1.05rem;font-weight:700}.disclaimer{color:var(--ink-muted);margin:0;font-size:.92rem;font-weight:500}.resolved-name{width:min(100%,340px);min-height:48px;font-family:var(--display);color:var(--ink);box-sizing:border-box;border-radius:10px;margin:0;padding:10px 16px;font-size:1.15rem;font-weight:600}.resolved-name__answer{color:var(--accent-green-deep);text-decoration:none}.resolved-name__answer:hover,.resolved-name__answer:focus-visible{text-decoration:underline}.footnote{text-align:center;position:absolute;bottom:8px;left:0;right:0}.timer{font-family:var(--display);color:var(--danger);letter-spacing:.02em;margin:4px 0 0;font-size:1.65rem;font-weight:700}.name-input{width:min(100%,340px);padding-top:2dvh;display:block;position:relative}.name-input input{box-sizing:border-box;border:1px solid var(--input-border);width:100%;height:48px;font-family:var(--display);color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:0 80px 0 16px;font-size:1.05rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px #0000000a}.name-input input:focus{border-color:#b7a888;box-shadow:0 0 0 2px #b7a88840}.name-input--error input{border-color:var(--danger);animation:.15s shake}.name-input--success input{border-color:var(--accent-green-deep)}.name-input__mark{cursor:pointer;width:32px;height:32px;color:inherit;background:0 0;border:none;border-radius:8px;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:64%;transform:translateY(-50%)}.name-input__mark--clear{right:40px}.name-input__mark--submit{right:8px}.name-input__mark:disabled{cursor:default;opacity:.45}.name-input__mark:not(:disabled):hover{background:#0000000a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.btn{appearance:none;cursor:pointer;font-family:var(--display);letter-spacing:.04em;border:none;border-radius:10px;font-weight:800;transition:transform .12s,filter .12s}.btn:active{transform:scale(.98)}.btn--start{background:var(--accent-green);min-width:168px;color:var(--ink);margin-top:8px;padding:14px 28px;font-size:1.15rem}.btn--start:hover{filter:brightness(.97)}.btn--share,.btn--redo{color:#000;min-width:168px;padding:14px 20px;font-size:1.1rem}.btn--share{background:var(--accent-green);margin-top:16px}.btn--redo{background:#f88b5e;margin:8px 0 24px}.btn--share:hover,.btn--redo:hover{filter:brightness(.96)}.btn--give-up{color:var(--ink-muted);letter-spacing:.02em;text-underline-offset:3px;background:0 0;margin-top:12px;font-size:.95rem;font-weight:700;text-decoration:underline}.btn--give-up:hover:not(:disabled){color:var(--danger)}.btn--give-up:disabled{opacity:.5;cursor:default}.btn--give-up:active:not(:disabled){transform:scale(.98)}.back-link{appearance:none;color:var(--link-blue);font-family:var(--display);cursor:pointer;text-align:left;z-index:1;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600;position:absolute;top:-15px;left:0}.category-stack{flex-direction:column;gap:14px;width:100%;display:flex}.category-btn{width:100%;min-height:56px;font-family:var(--display);color:var(--ink);cursor:pointer;text-align:left;border:none;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 18px;font-size:1.2rem;font-weight:700;transition:transform .12s,filter .12s;display:grid}.category-btn:active{transform:scale(.99)}.category-btn--todo{background:var(--tan)}.category-btn--todo:hover{filter:brightness(.97)}.category-btn--done{background:var(--accent-green)}.category-btn--done:hover{filter:brightness(.97)}.category-btn__action{color:var(--ink);font-size:1rem;font-weight:700}.category-btn__action--start{color:var(--link-blue);font-size:.95rem;font-weight:600}.name-list{text-align:center;-webkit-overflow-scrolling:touch;flex:1;width:min(100%,340px);min-height:0;margin:22px 0 0;padding:0;list-style:none;overflow-y:auto}.name-list__item{font-family:var(--display);color:var(--ink);padding:6px 4px;font-size:1.15rem;font-weight:600;animation:.22s fade-in}.name-list__item--new{color:var(--accent-green-deep)}.name-list__link{color:inherit;cursor:pointer;text-decoration:none}.name-list__link:hover,.name-list__link:focus-visible{text-decoration:underline}.external-link-icon{vertical-align:bottom;width:14px;height:14px;margin-bottom:5px;margin-left:4px}.name-list--results{margin-top:0}.empty-note{color:var(--ink-muted);margin-top:18px;font-size:.95rem}.loading,.load-error{color:var(--ink-muted);font-family:var(--display);margin:auto}.load-error{color:var(--danger)}@keyframes fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.app-shell{padding:48px 24px 56px}.headline--top{margin-bottom:48px}.category-btn{min-height:62px;font-size:1.28rem}}
