.hc{position:relative;flex:1;display:flex;flex-direction:column;padding:6px 22px 26px;gap:14px;background:var(--app-bg)}.hc-head{display:flex;justify-content:space-between;align-items:center}.hc-lang{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 10px;border-radius:14px;border:2px solid var(--app-border);box-shadow:0 3px 0 var(--app-border);font-weight:900;font-size:16px;color:var(--app-text);background:var(--app-surface);cursor:pointer}.hc-lang img{width:22px;height:15px;border-radius:3px;object-fit:cover}.hc-lang select{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:16px}.hc-lang:focus-within{outline:3px solid var(--app-blue);outline-offset:2px}.hc-motiv{color:#3b7a00;background:#58cc021a;border-color:#58cc0240}.hc-progress{flex:none}.hc-card{position:relative;flex:1;min-height:0;perspective:1400px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border-radius:28px}.hc-card *{cursor:inherit}.hc-card button{cursor:pointer}.hc-card:focus-visible{outline:3px solid var(--app-blue);outline-offset:3px}.hc-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1)}.hc-flip.is-flipped{transform:rotateY(180deg)}.hc-card:hover .hc-flip:not(.is-flipped){transform:translateY(-2px)}.hc-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:14px;border-radius:28px;background:var(--app-surface);border:2px solid var(--app-border);box-shadow:0 5px 0 var(--app-border),0 2px 10px #0000000d;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hc-face--back{transform:rotateY(180deg)}.hc-card.is-know .hc-face{border-color:var(--app-green);box-shadow:0 5px 0 var(--app-green-deep)}.hc-img{flex:none;aspect-ratio:1.25;border-radius:20px;overflow:hidden;background:var(--app-canvas)}.hc-img img{width:100%;height:100%;object-fit:cover}.hc-face--front .hc-img img{animation:app-in .28s ease-out}.hc-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding-top:8px}.hc-word{font-size:40px;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--app-text);overflow-wrap:anywhere}.hc-rom{font-size:15px;font-weight:700;color:var(--app-text-2)}.hc-speak{margin-top:8px;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--app-blue);color:#fff;box-shadow:0 4px 0 var(--app-blue-deep);transition:transform 80ms ease-out,box-shadow 80ms}.hc-speak:active{transform:translateY(3px);box-shadow:0 1px 0 var(--app-blue-deep)}.hc-speak--sm{width:40px;height:40px;border-radius:14px;margin:8px auto 0}.hc-hint{margin-top:8px;font-size:13px;font-weight:800;color:var(--app-text-2);letter-spacing:.02em}.hc-face--back .hc-body{justify-content:flex-start;gap:8px;padding-top:10px}.hc-trans{font-size:30px;font-weight:900;color:var(--app-text);line-height:1.1}.hc-ex{width:100%;padding:10px 12px;border-radius:18px;background:var(--app-canvas);border:2px solid var(--app-border);font-size:16px;line-height:1.35;color:var(--app-text)}.hc-ex .app-word{font-weight:500}.hc-ex-en{margin-top:4px;font-size:14px;color:var(--app-text-2);font-weight:600}.hc-stamp{position:absolute;top:26px;right:22px;z-index:2;padding:6px 12px;border-radius:12px;font-size:16px;font-weight:900;letter-spacing:.06em;color:#fff;transform:rotate(8deg);animation:hc-stamp .42s cubic-bezier(.34,1.56,.64,1) both}.hc-stamp--know{background:var(--app-green);box-shadow:0 4px 0 var(--app-green-deep)}.hc-stamp--again{background:var(--app-red);box-shadow:0 4px 0 var(--app-red-deep)}@keyframes hc-stamp{0%{opacity:0;transform:rotate(8deg) scale(1.6)}to{opacity:1;transform:rotate(8deg) scale(1)}}.hc-foot{flex:none;display:grid;gap:10px}.hc-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hc-btn{height:56px;font-size:19px}.hc-landed{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:18px;background:var(--app-canvas);border:2px solid var(--app-border);font-weight:800;font-size:15px;color:var(--app-text);animation:app-in .22s ease-out}.hc-box{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-weight:900;color:#fff;flex:none}.hc-box--0{background:var(--app-red)}.hc-box--1{background:var(--app-blue)}.hc-count{text-align:center;font-size:13px;font-weight:800;color:var(--app-text-2)}.hc-finish{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:10px 6px}.hc-finish__mascot{width:150px;height:150px;animation:app-pop .5s cubic-bezier(.34,1.56,.64,1)}.hc-finish__pill{background:#58cc0224;color:#3b7a00;animation:app-in .3s .4s both}.hc-finish__title{font-size:34px;font-weight:900;animation:app-in .3s .4s both}.hc-finish__sub{font-size:17px;font-weight:800;color:var(--app-text-2);animation:app-in .3s .6s both}.hc-finish__boxes{display:grid;gap:8px;width:100%;margin:10px 0;animation:app-in .3s .8s both}.hc-finish__boxes span{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;border:2px solid var(--app-border);font-weight:800;font-size:15px}.hc-finish__boxes b{font-size:20px;min-width:22px}.hc-finish__note{font-size:14px;color:var(--app-text-2);font-weight:700;margin-bottom:8px;animation:app-in .3s 1s both}.hc-finish .app-btn{animation:app-in .3s 1.3s both;text-decoration:none}.hc-again{margin-top:6px;font-weight:800;color:var(--app-blue-deep);font-size:15px;padding:10px}@media(prefers-reduced-motion:reduce){.hc-img img,.hc-stamp,.hc-landed,.hc-finish *{animation:none!important}.hc-flip{transition:none}}