:root{--bg: #f3f1ea;--surface: #ffffff;--ink: #15120d;--muted: #6f675a;--line: #15120d;--accent: #ff5a1f;--right: #1f7a4d;--right-bg: #e4f3ea;--wrong: #cf3a2c;--wrong-bg: #fbe6e2;--shadow: 4px 4px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.4;-webkit-font-smoothing:antialiased}#app{max-width:560px;margin:0 auto;min-height:100dvh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.topbar__brand{display:flex;align-items:center;gap:8px}.topbar__mark{font-size:1.5rem}.topbar__title{font-size:1.25rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0}.topbar__controls{display:flex;gap:10px;flex-wrap:wrap}.seg{display:inline-flex;border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.seg__btn{appearance:none;border:0;border-right:2px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.82rem;font-weight:600;padding:7px 11px;cursor:pointer;white-space:nowrap}.seg__btn:last-child{border-right:0}.seg__btn--active{background:var(--ink);color:#fff}.stage{display:flex;flex-direction:column;gap:16px;flex:1}.prompt__line{font-size:1.35rem;font-weight:800;margin:0 0 2px;line-height:1.2}.prompt__hint{margin:0;color:var(--muted);font-size:.9rem}.cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.card{display:flex;align-items:center;gap:14px;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);padding:0 14px;min-height:84px;transition:transform .16s ease,box-shadow .16s ease,border-color .2s ease,background .2s ease;user-select:none}.game[data-phase=guessing] .card{cursor:grab;touch-action:none}.card--dragging{cursor:grabbing;transition:none;z-index:5;box-shadow:7px 7px 0 var(--ink)}.card__badge{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.95rem}.card__emoji{font-size:2rem;flex:0 0 auto;line-height:1}.card__img{width:48px;height:48px;flex:0 0 auto;object-fit:cover;border:2px solid var(--line);background:#fff}.card__main{flex:1 1 auto;min-width:0}.card__name{font-weight:700;font-size:1.02rem;overflow-wrap:anywhere}.card__sub{color:var(--muted);font-size:.84rem}.card__grip{flex:0 0 auto;color:#c3bcae;font-size:1.4rem;letter-spacing:-2px}.card__kcal{display:none;flex:0 0 auto;font-weight:800;font-size:1.15rem;font-variant-numeric:tabular-nums}.card--revealed{flex-wrap:wrap;cursor:default}.card--revealed .card__grip{display:none}.card--revealed .card__kcal{display:block}.card--right{border-color:var(--right);background:var(--right-bg)}.card--right .card__badge{background:var(--right);border-color:var(--right)}.card--wrong{border-color:var(--wrong);background:var(--wrong-bg)}.card--wrong .card__badge{background:var(--wrong);border-color:var(--wrong)}.card__extra{flex-basis:100%;order:9;border-top:2px dashed rgba(21,18,13,.18);padding:10px 0 12px;margin-top:2px}.card__macbtn{appearance:none;border:2px solid var(--line);background:var(--surface);font:inherit;font-weight:600;font-size:.8rem;padding:5px 10px;cursor:pointer}.card__macbtn:hover{background:var(--ink);color:#fff}.card__macpanel{margin-top:10px}.macpanel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.macro{border:2px solid var(--line);background:var(--surface);padding:7px 9px;display:flex;flex-direction:column}.macro span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.macro b{font-size:1.02rem;font-variant-numeric:tabular-nums}.macpanel__basis{font-size:.78rem;color:var(--muted);margin-top:6px}.macpanel__src{display:inline-block;margin-top:6px;font-size:.8rem;color:var(--ink)}.cards__error{border:2px dashed var(--line);padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.actions{display:flex;gap:12px}.btn{appearance:none;font:inherit;font-weight:700;border:2px solid var(--line);padding:13px 18px;cursor:pointer;box-shadow:var(--shadow);transition:transform .06s ease,box-shadow .06s ease;flex:1}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--ink)}.btn--ghost{background:var(--surface)}.result{display:flex;flex-direction:column;gap:14px}.result__banner{border:2px solid var(--line);box-shadow:var(--shadow);padding:14px 16px;font-weight:800;font-size:1.15rem;text-align:center}.result__banner--win{background:var(--right);color:#fff}.result__banner--lose{background:var(--surface)}.result__h{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}.srclist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.srclist a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);font-size:.9rem}.srclist a:hover{background:var(--accent)}.footer{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:.74rem;color:var(--muted);border-top:2px solid var(--line);padding-top:12px}.footer__score{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.footer__score:empty{display:none}.footer__link{appearance:none;border:0;background:none;font:inherit;font-size:.74rem;color:var(--ink);cursor:pointer;padding:0;border-bottom:2px solid var(--accent)}.modal{position:fixed;inset:0;background:#15120d8c;display:grid;place-items:center;padding:18px;z-index:50}.modal__box{background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);max-width:520px;width:100%;max-height:80dvh;display:flex;flex-direction:column}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:2px solid var(--line)}.modal__title{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}.modal__close{appearance:none;border:2px solid var(--line);background:var(--surface);font:inherit;font-size:1rem;line-height:1;padding:3px 9px;cursor:pointer}.modal__close:hover{background:var(--ink);color:#fff}.modal__note{margin:0;padding:12px 14px 0;font-size:.8rem;color:var(--muted)}.modal__list{margin:0;padding:12px 14px 16px 30px;overflow-y:auto;font-size:.82rem;display:flex;flex-direction:column;gap:5px}.modal__list a{color:var(--ink)}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}