:root{--safeT: env(safe-area-inset-top, 0px);--safeB: env(safe-area-inset-bottom, 0px);--safeL: env(safe-area-inset-left, 0px);--safeR: env(safe-area-inset-right, 0px);--bp-bg: rgba(10, 12, 26, .98);--bp-surface: rgba(26, 26, 46, .9);--bp-surface-hover: rgba(36, 36, 62, 1);--bp-border: rgba(255, 255, 255, .08);--bp-amber: #f59e0b;--bp-amber-dim: rgba(245, 158, 11, .4);--bp-green: #4ade80;--bp-green-dim: rgba(74, 222, 128, .25);--bp-blue: #3b82f6;--bp-blue-dim: rgba(59, 130, 246, .25);--bp-purple: #a78bfa;--bp-purple-dim: rgba(167, 139, 250, .2);--bp-red: #ff8888;--bp-text: #ffffff;--bp-text-dim: #999999;--bp-text-muted: #666666}.hh-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:calc(6px + var(--safeT)) calc(6px + var(--safeR)) calc(6px + var(--safeB)) calc(6px + var(--safeL));background:#00000080;font-family:Space Grotesk,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hh-modal.hidden{display:none;pointer-events:none;visibility:hidden}.hh-modal__panel{width:min(96vw,720px);height:min(90vh,440px);height:min(90dvh,440px);display:flex;flex-direction:row;border-radius:14px;overflow:hidden;background:var(--bp-bg);border:2px solid var(--bp-amber-dim);box-shadow:0 12px 40px #0009}.bp-sidebar{flex:0 0 56px;display:flex;flex-direction:column;align-items:center;background:#101020;border-right:1px solid var(--bp-border);padding:8px 0;gap:2px}.bp-sidebar__title{font-size:9px;font-weight:800;color:var(--bp-amber);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;text-align:center;line-height:1.1}.bp-sidebar__tab{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--bp-text-dim);font-size:20px;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;position:relative}.bp-sidebar__tab:active{transform:scale(.92)}.bp-sidebar__tab.is-active{background:#f59e0b26;border-color:var(--bp-amber-dim);color:var(--bp-amber)}.bp-sidebar__tab .bp-tab-dot{display:none}.bp-sidebar__tab.is-active .bp-tab-dot{display:block;position:absolute;right:3px;top:3px;width:6px;height:6px;border-radius:50%;background:var(--bp-amber)}.bp-sidebar__close{width:44px;height:44px;margin-top:auto;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,102,102,.3);background:#44222280;color:var(--bp-red);font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease;touch-action:manipulation}.bp-sidebar__close:active{background:#622}.bp-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.bp-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;background:var(--bp-surface);border-bottom:1px solid var(--bp-border);min-height:40px}.bp-header__title{font-size:15px;font-weight:800;color:var(--bp-amber);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-header__quest{font-size:10px;color:var(--bp-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%;text-align:right}.bp-header__quest span{color:var(--bp-amber);font-weight:600}.bp-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:10px 12px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.bp-content::-webkit-scrollbar{width:4px}.bp-content::-webkit-scrollbar-track{background:transparent}.bp-content::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:2px}.bp-section{margin-bottom:12px}.bp-section:last-child{margin-bottom:0}.bp-section__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;padding-left:2px;display:flex;align-items:center;gap:6px}.bp-section__label--green{color:var(--bp-green)}.bp-section__label--amber{color:var(--bp-amber)}.bp-section__label--blue{color:var(--bp-blue)}.bp-section__label--purple{color:var(--bp-purple)}.bp-section__count{font-size:9px;font-weight:600;padding:1px 6px;border-radius:8px;background:#ffffff14;color:inherit}.bp-stash-summary{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1a2a1a80;border:1px solid var(--bp-green-dim);border-radius:10px;margin-bottom:10px}.bp-stash-summary__icon{font-size:22px;flex-shrink:0}.bp-stash-summary__info{flex:1;min-width:0}.bp-stash-summary__title{font-size:9px;font-weight:700;color:var(--bp-green);text-transform:uppercase;letter-spacing:.5px}.bp-stash-summary__value{font-size:16px;font-weight:800;color:var(--bp-text)}.bp-grid{display:flex;flex-direction:column;gap:4px}.bp-row{display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:8px;cursor:pointer;transition:background .12s ease,border-color .12s ease;min-height:40px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bp-row:active{background:var(--bp-surface-hover)}.bp-row--green{border-color:#4ade8033}.bp-row--green:active{border-color:#4ade8080}.bp-row--blue{border-color:#3b82f633}.bp-row--purple{border-color:#a78bfa33}.bp-row__icon{font-size:16px;flex-shrink:0;width:22px;text-align:center}.bp-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bp-row__name{font-size:12px;font-weight:600;color:var(--bp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-row__desc{font-size:10px;color:var(--bp-text-dim);overflow-wrap:break-word;word-break:break-word;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-row__right{flex-shrink:0;display:flex;align-items:center;gap:6px}.bp-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap}.bp-badge--green{background:var(--bp-green-dim);color:var(--bp-green)}.bp-badge--blue{background:var(--bp-blue-dim);color:var(--bp-blue)}.bp-badge--purple{background:var(--bp-purple-dim);color:var(--bp-purple)}.bp-badge--amber{background:#f59e0b33;color:var(--bp-amber)}.bp-focused{outline:2px solid var(--bp-amber)!important;outline-offset:-2px;background:var(--bp-surface-hover)!important;border-color:var(--bp-amber)!important}.bp-use-btn.bp-focused{outline:2px solid var(--bp-amber)!important;outline-offset:1px;box-shadow:0 0 8px #f59e0b66}.bp-rest__btn.bp-focused{outline:2px solid var(--bp-amber)!important;outline-offset:2px;box-shadow:0 0 8px #f59e0b66}.bp-use-btn{padding:5px 12px;border-radius:6px;border:none;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .12s ease;background:#6366f1;color:#fff;white-space:nowrap;min-height:30px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bp-use-btn:active{background:#4f46e5;transform:scale(.95)}.bp-use-btn--purple{background:#7c3aed}.bp-use-btn--purple:active{background:#6d28d9}.bp-row--interactive{cursor:pointer}.bp-empty{text-align:center;color:var(--bp-text-muted);font-size:12px;padding:16px 8px;line-height:1.5}.bp-rest{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:12px;padding:12px;height:100%}.bp-rest__card{flex:1;max-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:12px;text-align:center}.bp-rest__card--locked{opacity:.5;border:1px dashed var(--bp-border)}.bp-rest__icon{font-size:38px;margin-bottom:8px}.bp-rest__title{font-size:16px;font-weight:700;color:var(--bp-text);margin-bottom:6px}.bp-rest__desc{font-size:12px;color:var(--bp-text-dim);margin-bottom:14px;line-height:1.4;max-width:260px;overflow-wrap:break-word;word-break:break-word}.bp-rest__btn{width:100%;max-width:220px;padding:14px 18px;border:none;border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.bp-rest__btn--toke{background:#6366f1}.bp-rest__btn--toke:active{background:#4f46e5}.bp-rest__btn--toke.is-active{background:linear-gradient(135deg,#6b46c1,#9333ea);animation:bp-pulse 1.5s ease-in-out infinite}.bp-rest__btn--save{background:#22c55e}.bp-rest__btn--save:active{background:#16a34a}.bp-rest__btn--save.is-success{background:#059669}@keyframes bp-pulse{0%,to{opacity:1}50%{opacity:.7}}.bp-last-save{font-size:10px;color:var(--bp-text-muted);margin-top:6px}.hh-tabpanel{display:flex;flex-direction:column}.hh-tabpanel.hidden{display:none}.hh-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;z-index:10000;animation:hh-toast-in .3s ease;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.hh-toast--success{background:#22c55ef2;color:#fff;border:1px solid rgba(74,222,128,.6)}.hh-toast--error{background:#ef4444f2;color:#fff;border:1px solid rgba(248,113,113,.6)}.hh-toast--fade{animation:hh-toast-out .3s ease forwards}@keyframes hh-toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hh-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@media screen and (orientation: portrait){.hh-modal__panel{width:min(94vw,400px);height:min(85vh,600px);height:min(85dvh,600px);flex-direction:column}.bp-rest{flex-direction:column;align-items:center;height:auto}.bp-rest__card{max-width:320px;width:100%;padding:18px 16px}.bp-sidebar{flex:0 0 auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--bp-border);padding:6px 8px;gap:4px;justify-content:center}.bp-sidebar__title{display:none}.bp-sidebar__close{margin-top:0;margin-left:auto}}@media screen and (orientation: landscape) and (max-height: 380px){.hh-modal__panel{height:min(96vh,360px);height:min(96dvh,360px);border-radius:10px}.bp-sidebar{flex:0 0 46px;padding:4px 0;gap:1px}.bp-sidebar__tab{width:36px;height:36px;font-size:16px;border-radius:8px}.bp-sidebar__close{width:36px;height:36px;font-size:12px;border-radius:8px}.bp-header{padding:5px 10px 4px;min-height:28px}.bp-header__title{font-size:12px}.bp-header__quest{font-size:9px}.bp-content{padding:5px 6px}.bp-section{margin-bottom:8px}.bp-section__label{font-size:9px;margin-bottom:4px}.bp-row{padding:4px 8px;min-height:32px;gap:6px;border-radius:6px}.bp-row__icon{font-size:14px;width:18px}.bp-row__name{font-size:11px}.bp-row__desc{font-size:9px;-webkit-line-clamp:1}.bp-badge{font-size:9px;padding:1px 6px}.bp-use-btn{padding:4px 10px;font-size:10px;min-height:26px}.bp-stash-summary{padding:5px 8px;gap:8px;border-radius:8px;margin-bottom:8px}.bp-stash-summary__icon{font-size:18px}.bp-stash-summary__value{font-size:14px}.bp-stash-summary__title{font-size:8px}.bp-rest{gap:10px;padding:8px 10px;height:100%}.bp-rest__card{padding:12px 10px;border-radius:10px;justify-content:center}.bp-rest__icon{font-size:26px;margin-bottom:4px}.bp-rest__title{font-size:13px;margin-bottom:3px}.bp-rest__desc{font-size:10px;margin-bottom:8px;max-width:180px}.bp-rest__btn{padding:10px 14px;font-size:13px;min-height:40px;border-radius:8px;max-width:180px}.bp-last-save{font-size:9px;margin-top:4px}.bp-empty{font-size:11px;padding:10px 6px}.bp-grid{gap:3px}}@media screen and (orientation: landscape) and (max-height: 320px){.hh-modal__panel{height:98vh;height:98dvh;border-radius:8px;border-width:1px}.bp-sidebar{flex:0 0 40px;padding:2px 0}.bp-sidebar__tab{width:32px;height:32px;font-size:14px;border-radius:6px}.bp-sidebar__close{width:32px;height:32px;font-size:11px;border-radius:6px}.bp-header{padding:3px 8px;min-height:24px}.bp-header__title{font-size:11px}.bp-content{padding:3px 5px}.bp-section{margin-bottom:5px}.bp-row{padding:3px 6px;min-height:28px;gap:5px}.bp-row__icon{font-size:12px;width:16px}.bp-row__name{font-size:10px}.bp-row__desc{font-size:8px;-webkit-line-clamp:1;line-height:1.2}.bp-stash-summary{padding:4px 6px;margin-bottom:5px}.bp-stash-summary__icon{font-size:16px}.bp-stash-summary__value{font-size:12px}.bp-rest{gap:8px;padding:6px 8px;height:100%}.bp-rest__card{padding:10px 8px;border-radius:8px;justify-content:center}.bp-rest__icon{font-size:22px;margin-bottom:2px}.bp-rest__title{font-size:11px}.bp-rest__desc{font-size:9px;margin-bottom:6px;max-width:150px}.bp-rest__btn{padding:8px 12px;font-size:12px;min-height:36px;max-width:160px}}.shop-balance{display:flex;align-items:center;gap:6px}.shop-balance__label{color:var(--bp-amber);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.shop-balance__value{color:#fbbf24;font-size:15px;font-weight:800}.shop-stats-bar{display:flex;gap:8px;margin-bottom:10px}.shop-stat{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:#1a2a1a80;border:1px solid var(--bp-green-dim);border-radius:8px}.shop-stat__label{font-size:10px;font-weight:600;color:var(--bp-green);text-transform:uppercase;letter-spacing:.3px}.shop-stat__value{font-size:13px;font-weight:800;color:var(--bp-text)}.hh-shop-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:10px;transition:all .12s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;cursor:pointer}.hh-shop-item--available{border-color:#22c55e4d}.hh-shop-item--available:active{border-color:#22c55e99;background:#22c55e14}.hh-shop-item--owned{border-color:#6366f14d;background:#6366f114}.hh-shop-item--locked{opacity:.5;cursor:default}.hh-shop-item.shop-focused{border-color:var(--bp-amber)!important;background:#f59e0b1f!important;box-shadow:0 0 0 2px var(--bp-amber-dim),inset 0 0 8px #f59e0b14;opacity:1!important}.hh-shop-item__icon{font-size:24px;width:34px;text-align:center;flex-shrink:0}.hh-shop-item__info{flex:1;min-width:0}.hh-shop-item__name{font-size:13px;font-weight:700;color:var(--bp-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-shop-item__desc{font-size:10px;color:var(--bp-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-shop-item__price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.hh-shop-item__cost{font-size:11px;font-weight:700;color:var(--bp-amber);white-space:nowrap}.hh-shop-item__btn{padding:6px 14px;border-radius:6px;border:none;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .12s ease;background:#22c55e;color:#fff;min-height:32px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hh-shop-item__btn:active:not(:disabled){background:#16a34a;transform:scale(.95)}.hh-shop-item__btn:disabled{background:#64646466;color:#888;cursor:not-allowed}.hh-shop-item--owned .hh-shop-item__btn{background:#6366f140;color:#a5b4fc}@media screen and (orientation: landscape) and (max-height: 380px){.shop-stats-bar{margin-bottom:6px}.shop-stat{padding:4px 8px;border-radius:6px}.shop-stat__label{font-size:9px}.shop-stat__value{font-size:11px}.hh-shop-item{padding:6px 8px;gap:8px;border-radius:8px}.hh-shop-item__icon{font-size:18px;width:26px}.hh-shop-item__name{font-size:11px}.hh-shop-item__desc{font-size:9px}.hh-shop-item__cost{font-size:10px}.hh-shop-item__btn{padding:4px 10px;font-size:10px;min-height:26px}.shop-balance__value{font-size:13px}}@media screen and (orientation: landscape) and (max-height: 320px){.shop-stats-bar{margin-bottom:4px;gap:6px}.shop-stat{padding:3px 6px}.hh-shop-item{padding:4px 6px;gap:6px}.hh-shop-item__icon{font-size:16px;width:22px}.hh-shop-item__name{font-size:10px}.hh-shop-item__btn{padding:3px 8px;font-size:9px;min-height:24px}}.notebook-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;touch-action:manipulation;pointer-events:none}.notebook-modal{pointer-events:auto}.notebook-modal{width:92%;max-width:420px;max-height:85vh;background:#1a1a2e;border:2px solid #4a3f6b;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0009}.notebook-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#2a1f4e;border-bottom:1px solid #4a3f6b}.notebook-header__icon{font-size:24px}.notebook-header__title{flex:1;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:#e0d6ff}.notebook-close{background:none;border:none;color:#9985c7;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.notebook-close:active{background:#ffffff1a}.notebook-tabs{display:flex;gap:4px;padding:8px 12px;background:#1e1840;border-bottom:1px solid #3a2f5b}.notebook-tab{flex:1;padding:8px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8a7bb5;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.notebook-tab--active{background:#3a2f5b;color:#e0d6ff;border-color:#6a5acd}.notebook-tab:active{transform:scale(.97)}.notebook-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.notebook-content::-webkit-scrollbar{width:4px}.notebook-content::-webkit-scrollbar-track{background:transparent}.notebook-content::-webkit-scrollbar-thumb{background:#4a3f6b;border-radius:4px}.notebook-entry{padding:12px;margin-bottom:10px;background:#221c3d;border:1px solid #3a2f5b;border-radius:10px}.notebook-entry__name{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:#c4b5f0;margin-bottom:6px}.notebook-entry__desc{font-family:Space Grotesk,sans-serif;font-size:13px;color:#a898d0;line-height:1.5}.notebook-entry--focused{outline:2px solid #6a5acd;outline-offset:2px;background:#2d2650}.catalog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;touch-action:manipulation;pointer-events:none}.catalog-modal{pointer-events:auto}.catalog-modal{width:92%;max-width:420px;max-height:85vh;background:#1a2e1a;border:2px solid #3f6b3f;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0009}.catalog-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#1f4e2a;border-bottom:1px solid #3f6b3f}.catalog-header__icon{font-size:24px}.catalog-header__title{flex:1;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:#d6ffe0}.catalog-close{background:none;border:none;color:#85c799;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.catalog-close:active{background:#ffffff1a}.catalog-tabs{display:flex;gap:4px;padding:8px 12px;background:#18401e;border-bottom:1px solid #2f5b3a}.catalog-tab{flex:1;padding:8px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7bb58a;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.catalog-tab--active{background:#2f5b3a;color:#d6ffe0;border-color:#5acd6a}.catalog-tab:active{transform:scale(.97)}.catalog-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.catalog-content::-webkit-scrollbar{width:4px}.catalog-content::-webkit-scrollbar-track{background:transparent}.catalog-content::-webkit-scrollbar-thumb{background:#3f6b3f;border-radius:4px}.catalog-entry{padding:12px;margin-bottom:10px;background:#1c3d22;border:1px solid #2f5b3a;border-radius:10px}.catalog-entry__name{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:#b5f0c4;margin-bottom:6px}.catalog-entry__desc{font-family:Space Grotesk,sans-serif;font-size:13px;color:#98d0a8;line-height:1.5}.catalog-entry--focused{outline:2px solid #5acd6a;outline-offset:2px;background:#254d2d}.catalog-empty{text-align:center;color:#7bb58a;font-family:Space Grotesk,sans-serif;font-size:14px;padding:40px 20px;line-height:1.6}:root{--safeT: env(safe-area-inset-top, 0px);--safeB: env(safe-area-inset-bottom, 0px);--safeL: env(safe-area-inset-left, 0px);--safeR: env(safe-area-inset-right, 0px)}.hh-quiz-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:calc(8px + var(--safeT)) calc(12px + var(--safeR)) calc(8px + var(--safeB)) calc(12px + var(--safeL));background:#00000080;pointer-events:none;font-family:Space Grotesk,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hh-quiz__panel{pointer-events:auto}.hh-quiz-modal.hidden{display:none;pointer-events:none;visibility:hidden}.hh-quiz__panel{width:min(94vw,540px);max-height:min(75vh,400px);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#0a0c1afa;border:3px solid rgba(245,158,11,.7);box-shadow:0 0 40px #f59e0b33,0 18px 50px #00000080}@media screen and (orientation: landscape){.hh-quiz-modal{padding:4px clamp(16px,10vw,100px)}.hh-quiz__panel{width:clamp(300px,55vw,420px);max-height:calc(100vh - 8px);border-radius:10px;border-width:2px}.hh-quiz__header{padding:6px 12px}.hh-quiz__title{font-size:13px}.hh-quiz__progress{font-size:10px}.hh-quiz__content{padding:8px 12px;flex:1 1 auto;overflow-y:auto}.hh-quiz__question{font-size:13px;margin-bottom:8px;line-height:1.3}.hh-quiz__choices{gap:6px}.hh-quiz__choice{padding:8px 12px;font-size:12px;min-height:44px;border-radius:8px;gap:10px}.hh-quiz__choice-marker{width:22px;height:22px;font-size:11px}.hh-quiz__feedback{padding:6px 10px;font-size:11px;margin-top:6px}.hh-quiz__footer{padding:6px 12px}.hh-quiz__continue-btn{padding:10px 24px;font-size:13px;min-height:44px}.hh-quiz__result{gap:4px;padding:6px 0}.hh-quiz__result-icon{font-size:24px}.hh-quiz__result-score{font-size:22px}.hh-quiz__result-score span{font-size:14px}.hh-quiz__result-label{font-size:11px}.hh-quiz__result-reward{font-size:10px;padding:4px 10px}.hh-quiz__result-message{font-size:9px}.hh-quiz__nav-hint{display:none}.hh-quiz__close{width:44px;height:44px;font-size:14px}}.hh-quiz__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08)}.hh-quiz__header-left{display:flex;flex-direction:column;gap:2px}.hh-quiz__title{font-weight:800;letter-spacing:.5px;font-size:16px;color:#f59e0b}.hh-quiz__progress{font-size:11px;color:#888}.hh-quiz__close{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,102,102,.6);background:#422c;color:#f88;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;touch-action:manipulation}.hh-quiz__close:active{background:#622;border-color:#f88;transform:scale(.95)}.hh-quiz__content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:14px 16px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.hh-quiz__content::-webkit-scrollbar{width:4px}.hh-quiz__content::-webkit-scrollbar-track{background:#0003;border-radius:2px}.hh-quiz__content::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:2px}.hh-quiz__question{font-size:15px;font-weight:600;color:#fff;line-height:1.4;margin-bottom:16px;text-align:center}.hh-quiz__choices{display:flex;flex-direction:column;gap:8px}.hh-quiz__choice{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#2a2a4eb3;border:2px solid rgba(99,102,241,.3);border-radius:10px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:44px}.hh-quiz__choice:active:not(.is-disabled){transform:scale(.98)}.hh-quiz__choice.is-focused{border-color:#f59e0bcc;background:#3e3e62e6;box-shadow:0 0 12px #f59e0b4d}.hh-quiz__choice.is-correct{border-color:#22c55ecc;background:#22c55e40}.hh-quiz__choice.is-wrong{border-color:#ef4444cc;background:#ef444440}.hh-quiz__choice.is-disabled{cursor:default;opacity:.7}.hh-quiz__choice-marker{width:26px;height:26px;border-radius:50%;background:#6366f166;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#a5b4fc;flex-shrink:0}.hh-quiz__choice.is-focused .hh-quiz__choice-marker{background:#f59e0b99;color:#fff}.hh-quiz__choice.is-correct .hh-quiz__choice-marker{background:#22c55e99;color:#fff}.hh-quiz__choice.is-wrong .hh-quiz__choice-marker{background:#ef444499;color:#fff}.hh-quiz__choice-text{flex:1;line-height:1.3}.hh-quiz__feedback{display:none;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;text-align:center;margin-top:12px;animation:quiz-fade-in .2s ease}.hh-quiz__feedback.is-visible{display:block}.hh-quiz__feedback.is-correct{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#4ade80}.hh-quiz__feedback.is-wrong{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hh-quiz__footer{flex:0 0 auto;padding:10px 16px calc(10px + var(--safeB));border-top:1px solid rgba(255,255,255,.07);background:#0000002e;display:flex;justify-content:center}.hh-quiz__continue-btn{padding:12px 32px;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid rgba(251,191,36,.6);border-radius:10px;color:#000;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;touch-action:manipulation;min-height:44px;display:none}.hh-quiz__continue-btn.is-visible{display:block}.hh-quiz__continue-btn.is-focused{box-shadow:0 0 16px #f59e0b80;transform:scale(1.02)}.hh-quiz__continue-btn:active{transform:scale(.97);background:linear-gradient(135deg,#d97706,#b45309)}.hh-quiz__result{display:none;flex-direction:column;align-items:center;gap:12px;padding:16px 0;text-align:center}.hh-quiz__result.is-visible{display:flex}.hh-quiz__result-icon{font-size:48px}.hh-quiz__result-label{font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.hh-quiz__result-label.is-pass{color:#4ade80}.hh-quiz__result-label.is-fail{color:#f87171}.hh-quiz__result-score{font-size:42px;font-weight:800;color:#fff}.hh-quiz__result-score span{color:#888;font-size:24px}.hh-quiz__result-reward{display:inline-flex;gap:16px;padding:8px 16px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:8px;font-size:13px;font-weight:600;color:#4ade80}.hh-quiz__result-message{font-size:12px;color:#888;max-width:280px}.hh-quiz__nav-hint{display:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:10px;color:#fff6;white-space:nowrap}@media (hover: none) and (pointer: coarse){.hh-quiz__nav-hint{display:block}}