:root{--bg:#f2f4f7;--surface:#fff;--surface-2:#f7f8fa;--text:#101418;--text-dim:#7a8494;--line:#e4e8ee;--accent:#2f8fff;--right:#26bd6c;--wrong:#f0524d;--shadow:0 12px 32px #10141824;--radius:24px}@media (prefers-color-scheme:dark){:root{--bg:#14171c;--surface:#1e232b;--surface-2:#262c35;--text:#eef1f5;--text-dim:#8b95a4;--line:#2f3742;--shadow:0 12px 32px #00000073}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit}.app{max-width:420px;height:100%;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar__meta{align-items:baseline;gap:6px;display:flex}.topbar__count{letter-spacing:-.02em;font-size:22px;font-weight:700}.topbar__label{color:var(--text-dim);font-size:13px}.board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.hints{text-align:center;color:var(--text-dim);margin:0;font-size:12px}.stack{aspect-ratio:3/4;width:100%;max-height:100%;position:relative}.stack--empty{border:2px dashed var(--line);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty__title{margin:0;font-weight:600}.empty__sub{color:var(--text-dim);margin:0;font-size:13px}.stack__slot{will-change:transform;position:absolute;inset:0}.stack__slot--behind{pointer-events:none}.card{perspective:1400px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:relative}.card__inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.face{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);backface-visibility:hidden;flex-direction:column;padding:20px;display:flex;position:absolute;inset:0}.face--back{background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);justify-content:center;align-items:center;gap:10px;transform:rotateY(180deg)}.art{background:var(--surface-2);border-radius:16px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.art__emoji{font-size:clamp(72px,22vw,108px);line-height:1}.art__img{object-fit:cover;width:100%;height:100%}.art__empty{color:var(--text-dim);font-size:13px}.face__body{justify-content:center;align-items:center;min-height:62px;display:flex}.face__text{text-align:center;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.face__text--en{font-size:28px}.face__alt{text-align:center;color:var(--text-dim);margin:0;font-size:14px}.face__masked{border:1px dashed var(--line);border-radius:12px;justify-content:center;align-items:center;width:100%;height:44px;display:flex}.face__masked-hint{color:var(--text-dim);font-size:12px}.face__foot{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.face__foot--back{position:absolute;bottom:16px}.badge{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:3px 8px;font-size:11px}.badge--muted{background:0 0}.streak{gap:4px;margin-left:auto;display:flex}.streak__dot{background:var(--line);border-radius:50%;width:6px;height:6px}.streak__dot--on{background:var(--right)}.hold-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hold-ring__rect{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition-property:stroke-dashoffset,opacity;transition-timing-function:linear}.hold-ring__rect--on{stroke-dashoffset:0;opacity:1}.verdict{text-transform:uppercase;letter-spacing:.06em;pointer-events:none;background:var(--surface);border:2px solid;border-radius:10px;padding:6px 14px;font-size:15px;font-weight:700;position:absolute;top:24px}.verdict--right{color:var(--right);left:20px;transform:rotate(-10deg)}.verdict--left{color:var(--wrong);right:20px;transform:rotate(10deg)}.controls{justify-content:center;align-items:center;gap:18px;display:flex}.round-btn{background:var(--surface);width:62px;height:62px;box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:50%;font-size:24px;transition:transform .12s}.round-btn:active{transform:scale(.92)}.round-btn--right{color:var(--right)}.round-btn--wrong{color:var(--wrong)}.icon-btn{width:42px;height:42px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:20px}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn:not(:disabled):active{background:var(--surface-2)}.sheet__backdrop{z-index:10;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:420px;max-height:92vh;padding:8px 20px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-radius:24px 24px 0 0;overflow-y:auto}.sheet__grip{background:var(--line);border-radius:2px;width:38px;height:4px;margin:0 auto 12px}.sheet__title{margin:0 0 16px;font-size:19px}.sheet__stats{color:var(--text-dim);margin:4px 0 0;font-size:12px}.field{margin-bottom:14px;display:block}.field__label{color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.field__note{opacity:.7}.field__input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:12px 14px}.field__input:focus{border-color:var(--accent)}.field__input--emoji{font-size:22px}.sheet__actions{gap:10px;margin-top:20px;display:flex}.btn{background:var(--surface-2);cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px;font-weight:600}.btn--primary{background:var(--accent);color:#fff}.btn--danger{color:var(--wrong);flex:none;padding-inline:16px}.btn:disabled{opacity:.4;cursor:default}.gate{text-align:center;height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:14px;display:flex}.gate__title{color:var(--text);margin:0;font-size:18px;font-weight:600}.gate__sub{margin:0}.topbar__badge{background:var(--surface);color:var(--text-dim);border-radius:999px;padding:4px 10px;font-size:12px}.empty__btn{flex:none;margin-top:14px;padding-inline:22px}.empty__note{color:var(--text-dim);margin:8px 0 0;font-size:11px}.gate__btn{flex:none;margin-top:14px;padding-inline:22px}.round-btn:disabled{opacity:.35;cursor:default}.round-btn:disabled:active{transform:none}.picker{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.picker__box{border:1px dashed var(--line);background:var(--surface-2);cursor:pointer;border-radius:16px;flex:none;justify-content:center;align-items:center;width:108px;height:108px;padding:0;display:flex;overflow:hidden}.picker__img{object-fit:cover;width:100%;height:100%}.picker__emoji{font-size:48px;line-height:1}.picker__empty{color:var(--text-dim);text-align:center;padding:0 8px;font-size:11px}.picker__side{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.picker__note{color:var(--text-dim);margin:2px 0 0;font-size:11px}.picker__input{display:none}.btn--small{border-radius:10px;flex:none;padding:8px 14px;font-size:14px}.picker{margin-bottom:18px}.picker__row{align-items:flex-start;gap:14px;display:flex}.picker__term{margin-top:10px;font-size:14px}.picker__error{color:var(--wrong);margin:8px 0 0;font-size:12px}.hits{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.hits__item{aspect-ratio:1;background:var(--surface-2);cursor:pointer;border:none;border-radius:10px;padding:0;overflow:hidden}.hits__item img{object-fit:cover;width:100%;height:100%;display:block}.hits__item:disabled{opacity:.5}