#game-root{--hp-accent:#10B981;--hp-accent-dark:#0c8d64;--hp-accent-light:#e3f9ef;--hp-accent-border:#a7f3d0;--hp-glass-bg:rgba(255, 255, 255, .62);--hp-glass-border:rgba(255, 255, 255, .45);--hp-table:#f6d9ae;--hp-table-dark:#e9bf86}.kwg-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.hp-wrap{max-width:680px;margin:0 auto}.hp-loading,.hp-error{text-align:center;padding:48px 16px}.hp-loading-icon,.hp-error-icon{font-size:40px;margin-bottom:10px}.hp-loading-icon{animation:hp-pulse 1.2s ease-in-out infinite}.hp-loading-text{font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.hp-error-text{font-size:15px;font-weight:700;color:#fff;background:#ef4444;display:inline-block;padding:6px 16px;border-radius:999px}.hp-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.hp-header-icon{display:flex;font-size:30px;line-height:1}.hp-header-icon img{display:block;height:38px;width:auto}.hp-header-title{font-size:22px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.hp-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px;margin:0 auto}.hp-level-card{display:flex;flex-direction:column;border:1px solid var(--hp-glass-border);border-radius:var(--kw-radius,12px);background:var(--hp-glass-bg);backdrop-filter:blur(14px)saturate(160%);-webkit-backdrop-filter:blur(14px)saturate(160%);padding:0;cursor:pointer;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease}.hp-level-card:hover{transform:translateY(-4px);box-shadow:0 10px 18px rgba(0,0,0,.14)}.hp-level-card:active{transform:translateY(-1px)}.hp-level-thumb{margin-top:10px;display:flex;align-items:center;justify-content:center;height:70px;font-size:36px;background:linear-gradient(135deg,var(--hp-accent-light),var(--hp-accent-border));background-size:70px 70px;background-repeat:no-repeat;background-position:50%}.hp-level-body{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 16px}.hp-level-name{font-size:17px;font-weight:800;color:var(--kw-text,#2D2A32);text-align:center}.hp-level-age{font-size:14px;font-weight:700;color:var(--hp-accent-dark);background:var(--hp-accent-light);padding:2px 10px;border-radius:999px}.hp-level-row{justify-content:space-between;align-items:center;margin-bottom:10px}.hp-level-pill{display:inline-flex;align-items:center;gap:5px;background:var(--hp-accent-light);color:var(--hp-accent-dark);border-radius:999px;padding:6px 12px;font-weight:700;font-size:12px}.hp-level-pill-icon{display:inline-flex;line-height:1}.hp-level-pill-icon img{display:block;width:14px;height:14px;object-fit:cover;border-radius:50%}.hp-change-level-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--hp-glass-border);background:var(--hp-glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--hp-accent-dark);border-radius:999px;font-weight:700;font-size:12px;line-height:1;cursor:pointer;padding:6px 12px 6px 10px;transition:transform .1s ease,background .15s ease}.hp-change-level-btn svg{width:12px;height:12px}.hp-change-level-btn:hover{background:rgba(255,255,255,.8);transform:translateY(-1px)}.hp-progress{height:8px;border-radius:999px;background:var(--hp-accent-light);overflow:hidden;margin-bottom:12px}.hp-progress-fill{height:100%;background:var(--hp-accent);border-radius:999px;transition:width .3s ease}.hp-stat-row{justify-content:center;gap:8px;margin-bottom:12px}.hp-stat{display:inline-flex;align-items:center;gap:5px;background:var(--hp-accent-light);color:var(--hp-accent-dark);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px}.hp-goal{background:var(--hp-glass-bg);backdrop-filter:blur(14px)saturate(160%);-webkit-backdrop-filter:blur(14px)saturate(160%);border:1px solid var(--hp-glass-border);border-radius:var(--kw-radius,12px);padding:12px 14px;box-shadow:0 3px 12px rgba(0,0,0,.12);margin-bottom:12px}.hp-goal-head{display:flex;align-items:flex-start;gap:10px}.hp-goal-title{flex:1;min-width:0;font-size:19px;font-weight:800;color:var(--kw-text,#2D2A32);line-height:1.25}.hp-msg{margin-top:8px;padding:8px 11px;border-radius:10px;background:#f1f5f9;color:#334155;font-size:14px;font-weight:700;line-height:1.4;min-height:2.8em}.hp-msg-good{background:var(--hp-accent-light);color:var(--hp-accent-dark)}.hp-msg-bad{background:#fff1f2;color:#be123c;animation:hp-shake .3s ease}.hp-msg-info{background:#fff7ed;color:#c2410c}.hp-goal-head{align-items:center}.hp-avatar{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;width:58px}.hp-avatar-face{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--hp-accent-light);border:2px solid var(--hp-accent-border);font-size:30px;line-height:1}.hp-avatar-happy .hp-avatar-face{background:#fef9c3;border-color:#fde047;animation:hp-bounce-in .5s ease}.hp-avatar-badge{position:absolute;top:-4px;right:-2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);font-size:14px;line-height:1}.hp-avatar-badge[hidden]{display:none}.hp-avatar-name{margin-top:3px;font-size:12px;font-weight:800;color:var(--hp-accent-dark);line-height:1.1;text-align:center}.hp-play{display:grid;grid-template-columns:minmax(0,1fr)250px;gap:12px;align-items:start}.hp-stage{position:relative;min-width:0;border-radius:calc(var(--kw-radius,12px) + 4px);background:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 46px,rgba(255,255,255,.22) 46px 50px),linear-gradient(180deg,var(--hp-table) 0%,var(--hp-table-dark) 100%);border:1px solid var(--hp-glass-border);box-shadow:inset 0 1px 8px rgba(120,72,24,.18),0 3px 12px rgba(0,0,0,.12);overflow:hidden;padding:6px}.hp-stage-picking{cursor:pointer;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--hp-accent)}.hp-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:manipulation;user-select:none;-webkit-user-select:none}.hp-emoji{font-family:apple color emoji,segoe ui emoji,noto color emoji,sans-serif;pointer-events:none}.hp-food-art{pointer-events:none}.hp-sec-label{font-family:system-ui,-apple-system,segoe ui,Roboto,sans-serif;font-size:14px;font-weight:800;pointer-events:none}.hp-basket-label{font-family:system-ui,-apple-system,segoe ui,Roboto,sans-serif;font-size:17px;font-weight:800;fill:#fff;pointer-events:none}.hp-sec .hp-sec-bg{transition:fill .15s ease,stroke .15s ease}.hp-free .hp-sec-bg{stroke:var(--hp-c);stroke-width:2.5;stroke-dasharray:7 5;fill-opacity:.55}.hp-stage-picking .hp-free .hp-sec-bg{animation:hp-ghost-pulse 1s ease-in-out infinite}.hp-home .hp-sec-bg{stroke:#f59e0b;stroke-width:4;stroke-dasharray:none;fill:#fef3c7;fill-opacity:1}.hp-target .hp-sec-bg{stroke:var(--hp-accent);stroke-width:5;stroke-dasharray:none;fill-opacity:1;filter:drop-shadow(0 0 6px rgba(16,185,129,.55))}.hp-miss .hp-sec-bg{stroke:#ef4444;stroke-width:5;stroke-dasharray:none;fill:#fee2e2}.hp-fresh{animation:hp-flash .6s ease}.hp-stage-done .hp-svg{animation:hp-plate-done .6s ease}.hp-tray{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}.hp-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:84px;padding:6px 3px;border:2px solid rgba(255,255,255,.8);border-radius:var(--kw-radius,12px);background:#fff;box-shadow:0 3px 0 var(--hp-accent-border),0 4px 10px rgba(0,0,0,8%);cursor:grab;font:inherit;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease}.hp-card:hover:not(:disabled){transform:translateY(-2px)}.hp-card:focus-visible{outline:3px solid var(--hp-accent);outline-offset:2px}.hp-card-art{display:block;font-size:36px;line-height:1;pointer-events:none}.hp-card-art.hp-art-svg{width:40px;height:40px}.hp-card-label{font-size:12px;font-weight:800;color:var(--kw-text,#2D2A32);line-height:1.15;text-align:center;pointer-events:none}.hp-card-selected{border-color:var(--hp-accent);box-shadow:0 0 0 3px var(--hp-accent-border),0 3px 0 var(--hp-accent-dark);transform:translateY(-3px)}.hp-card-lifted{opacity:.35}.hp-card-shake{animation:hp-shake .35s ease}.hp-card-used{opacity:.25;cursor:default;box-shadow:none;transform:scale(.94)}.hp-card-left{opacity:.45;cursor:default;filter:grayscale(.6)}.hp-card:disabled{cursor:default}.hp-drag{position:fixed;z-index:9999;width:76px;height:76px;margin:-38px 0 0 -38px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(0,0,0,.25);pointer-events:none;transform:scale(1.08)rotate(-6deg)}.hp-drag .hp-card-art{font-size:50px}.hp-drag .hp-card-art.hp-art-svg{width:58px;height:58px}.hp-answers{min-width:0;display:flex;flex-direction:column;gap:10px}.hp-answer{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 16px;border:2px solid var(--hp-accent-border);border-radius:999px;background:#fff;color:var(--kw-text,#2D2A32);font:inherit;font-size:16px;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--hp-accent-border);transition:transform .1s ease,opacity .2s ease}.hp-answer-key{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--hp-accent-light);color:var(--hp-accent-dark);font-size:13px}.hp-answer-art{flex:none;font-size:26px;line-height:1}.hp-answer-art.hp-art-svg{width:30px;height:30px}.hp-answer:hover:not(:disabled){transform:translateY(-2px)}.hp-answer:disabled{cursor:default;opacity:.45}.hp-answer.hp-answer-right{opacity:1;background:var(--hp-accent);border-color:var(--hp-accent);color:#fff;box-shadow:0 3px 0 var(--hp-accent-dark);animation:hp-pop-in .3s ease}.hp-answer.hp-answer-right .hp-answer-key{background:rgba(255,255,255,.3);color:#fff}.hp-answer.hp-answer-wrong{opacity:.8;border-color:#fda4af;background:#fff1f2;color:#be123c;text-decoration:line-through;animation:hp-shake .3s ease}.hp-play-label{grid-template-columns:minmax(0,1fr)}.hp-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hp-play-label .hp-answers{flex-direction:row}.hp-play-label .hp-answer{flex:1;justify-content:center}.hp-label-card{min-width:0;padding:10px;border-radius:var(--kw-radius,12px);background:var(--hp-glass-bg);border:1px solid var(--hp-glass-border);box-shadow:0 3px 12px rgba(0,0,0,.12)}.hp-label-top{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.hp-label-art{font-size:34px;line-height:1}.hp-label-art.hp-art-svg{width:38px;height:38px}.hp-label-name{font-size:18px;font-weight:800;color:var(--kw-text,#2D2A32)}.hp-label-facts{padding:8px 10px;border:2px solid #1f2937;border-radius:6px;background:#fff;color:#111827}.hp-label-title{font-size:17px;font-weight:900;line-height:1.1;padding-bottom:3px;border-bottom:5px solid #1f2937}.hp-label-serving{font-size:12px;font-weight:700;padding:4px 0;border-bottom:2px solid #1f2937}.hp-label-row{display:flex;justify-content:space-between;gap:6px;padding:5px 4px;border-bottom:1px solid #cbd5e1;font-size:14px;font-weight:700}.hp-label-row:last-child{border-bottom:none}.hp-label-row-asked{background:#fef9c3;border-radius:4px}.hp-panel{margin-top:12px;padding:14px 16px;border-radius:var(--kw-radius,12px);background:#fff;border:2px solid var(--hp-accent-border);animation:hp-fade-in .25s ease;text-align:center}.hp-panel[hidden]{display:none}.hp-panel-bad{background:#fff7ed;border-color:#fdba74}.hp-panel-stars{font-size:26px;letter-spacing:3px;line-height:1}.hp-panel-title{font-size:18px;font-weight:800;color:var(--hp-accent-dark);margin:4px 0 8px}.hp-panel-head{display:flex;align-items:flex-start;gap:10px;text-align:left}.hp-panel-text{flex:1;min-width:0;font-size:16px;font-weight:700;line-height:1.4;color:var(--kw-text,#2D2A32)}.hp-next-row{display:flex;flex-direction:column;align-items:center;margin-top:14px}.hp-btn-primary,.hp-btn-secondary{border:none;padding:12px 22px;border-radius:999px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .1s ease}.hp-btn-primary{background:var(--hp-accent);color:#fff;box-shadow:0 3px 0 var(--hp-accent-dark)}.hp-btn-primary:hover{transform:translateY(-1px)}.hp-btn-secondary{background:var(--hp-accent-light);color:var(--hp-accent-dark)}.hp-btn-secondary:hover{background:var(--hp-accent-border)}.hp-btn-primary svg,.hp-btn-secondary svg{vertical-align:-2px}.hp-btn-primary.hp-next-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;max-width:300px;min-height:52px;padding:12px 24px;font-size:18px;box-shadow:0 4px 0 var(--hp-accent-dark),0 6px 16px rgba(16,185,129,.35);animation:hp-pop-in .35s ease}.hp-next-fill{position:absolute;inset:0;background:rgba(255,255,255,.28);transform:scaleX(0);transform-origin:left center;transition:transform .1s linear;pointer-events:none}.hp-next-label{position:relative;display:inline-flex;align-items:center;gap:6px}.hp-next-label svg{width:16px;height:16px}.hp-next-count{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);font-size:14px}.hp-next-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.hp-done-card{text-align:center;background:var(--hp-glass-bg);backdrop-filter:blur(14px)saturate(160%);-webkit-backdrop-filter:blur(14px)saturate(160%);border:1px solid var(--hp-glass-border);border-radius:var(--kw-radius,12px);padding:28px 18px;box-shadow:0 3px 12px rgba(0,0,0,.12);animation:hp-pop-in .3s ease}.hp-done-emoji{font-size:56px;margin-bottom:8px}.hp-done-title{font-size:20px;font-weight:800;color:var(--hp-accent-dark);margin-bottom:6px}.hp-done-score{font-size:16px;font-weight:600;color:#555;margin-bottom:10px}.hp-done-stars{font-size:24px;letter-spacing:4px}.hp-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.hp-gallery-item{display:flex;flex-direction:column;align-items:center;width:132px;padding:6px 4px 8px;border-radius:12px;background:rgba(255,255,255,.75)}.hp-gallery-svg{width:120px;height:87px;border-radius:10px;background:linear-gradient(180deg,var(--hp-table) 0%,var(--hp-table-dark) 100%)}.hp-gallery-name{margin-top:4px;font-size:13px;font-weight:800;color:var(--kw-text,#2D2A32)}.hp-gallery-stars{font-size:13px;letter-spacing:1px}.hp-done-share{justify-content:center;margin-top:16px}.hp-done-actions{justify-content:center;margin-top:20px}.hp-practice{margin-top:16px;padding:14px 16px;border-radius:var(--kw-radius,12px);background:var(--hp-glass-bg);border:1px solid var(--hp-glass-border);box-shadow:0 3px 12px rgba(0,0,0,.12)}.hp-practice[hidden]{display:none}.hp-practice-title{font-size:16px;font-weight:800;color:var(--hp-accent-dark);margin-bottom:8px}.hp-practice-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px solid rgba(0,0,0,6%)}.hp-practice-row:first-child{border-top:none}.hp-practice-body{flex:1;display:flex;flex-direction:column;gap:2px}.hp-practice-name{font-size:14px;font-weight:800;color:var(--kw-text,#2D2A32)}.hp-practice-why{font-size:13px;color:#475569;line-height:1.35}@keyframes hp-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-pop-in{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}@keyframes hp-bounce-in{0%{transform:scale(1)}40%{transform:scale(1.25)rotate(-8deg)}100%{transform:scale(1)rotate(0)}}@keyframes hp-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes hp-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}@keyframes hp-ghost-pulse{0%,100%{opacity:1}50%{opacity:.55}}@keyframes hp-flash{0%{filter:drop-shadow(0 0 0 rgba(110,231,183,0))}35%{filter:drop-shadow(0 0 8px #6ee7b7)drop-shadow(0 0 3px #fff)}100%{filter:drop-shadow(0 0 0 rgba(110,231,183,0))}}@keyframes hp-plate-done{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}@media(max-width:600px){.hp-play{grid-template-columns:minmax(0,1fr);gap:8px}.hp-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hp-tray.hp-tray-many{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.hp-card{min-height:66px;padding:4px 2px}.hp-card-art{font-size:28px}.hp-card-art.hp-art-svg{width:30px;height:30px}.hp-card-label{font-size:10.5px}.hp-stage{padding:2px}}@media(max-width:520px){.hp-goal-title{font-size:16px}.hp-avatar{width:48px}.hp-avatar-face{width:42px;height:42px;font-size:25px}.hp-answer{min-height:48px;padding:7px 10px;font-size:14px;gap:7px}.hp-labels{gap:8px}.hp-label-card{padding:6px}.hp-label-facts{padding:6px 7px}.hp-label-title{font-size:14px}.hp-label-row{font-size:12.5px;padding:4px 2px}.hp-label-name{font-size:15px}}@media(prefers-reduced-motion:reduce){.hp-stage-picking .hp-free .hp-sec-bg,.hp-stage-done .hp-svg,.hp-avatar-happy .hp-avatar-face,.hp-next-btn,.hp-fresh{animation:none}.hp-next-fill{transition:none}}