*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg: #0f1117;--surface: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .1);--text-primary: #e8e8ed;--text-secondary: #9a9aad;--border: rgba(255, 255, 255, .08);--glow: rgba(255, 255, 255, .04);--accent: rgba(96, 165, 250, .2);--accent-text: #93c5fd;--accent-border: rgba(96, 165, 250, .4);--text-color: var(--text-primary);--text-glow-shadow: 0 1px 4px rgba(0, 0, 0, .7);--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--node-glow: drop-shadow(0px 0px 8px rgba(96, 165, 250, .5))}body{margin:0;overflow:hidden;height:100vh;width:100vw;background-color:var(--bg);font-family:var(--font-main);color:var(--text-primary);user-select:none}body:before{content:"";position:fixed;top:57px;left:0;width:100%;height:calc(100vh - 57px);background:url(../images/background.webp?v=0937d62e-20261029230147) no-repeat top left;background-size:auto;opacity:.2;pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-128px;right:0;width:444px;height:513px;background:url(../images/background.webp?v=0937d62e-20261029230147) no-repeat center;background-size:contain;opacity:.2;pointer-events:none;z-index:0}html:before{content:"";position:fixed;top:57px;right:-222px;width:444px;height:413px;background:url(../images/background.webp?v=0937d62e-20261029230147) no-repeat center;background-size:contain;opacity:.2;pointer-events:none;z-index:0}@media(max-width:767px){body:before{top:50px;height:calc(100vh - 50px);background-size:60%}body:after{width:266px;height:308px;bottom:-77px}html:before{top:50px;width:266px;height:308px;right:-153px}}#map-container{width:100vw;height:100vh;cursor:grab}#map-container:active{cursor:grabbing}#quiz-share-btn,[data-summary-share-btn],#auth-invite-btn,#modal-share-btn,.cheatsheet-share-btn,.cq-mq-copy-link,.cq-mq-share-daily,[data-action=share],[data-quiz-row-action=share]{display:none!important}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) 12px max(24px,env(safe-area-inset-left,0px));background:#0f1117bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);gap:16px}.header-logo{height:32px;width:auto;flex-shrink:0;object-fit:contain}.home-profile-slot{display:flex;align-items:center;justify-content:flex-end;flex:0 0 160px;min-height:40px}.side-menu-section-label{display:block;padding:16px 24px 4px;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.header h1{font-size:18px;font-weight:600;letter-spacing:-.3px;background:linear-gradient(135deg,#e8e8ed,#9a9aad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.header-link{font-size:13px;color:var(--text-secondary);text-decoration:none;padding:6px 14px;border-radius:8px;border:1px solid var(--border);transition:all .2s;white-space:nowrap}.header-link:hover{background:var(--surface-hover);color:var(--text-primary)}.daily-quiz-btn{display:none;font-size:13px;font-weight:600;color:#fbbf24;text-decoration:none;padding:6px 16px;border-radius:20px;border:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,#fbbf241f,#f59e0b14);transition:all .25s ease;white-space:nowrap;gap:6px;align-items:center}.daily-quiz-btn.visible{display:inline-flex}.daily-quiz-btn:hover{background:linear-gradient(135deg,#fbbf2440,#f59e0b2e);border-color:#fbbf2480;color:#fcd34d;transform:translateY(-1px);box-shadow:0 4px 16px #fbbf2426}.daily-quiz-btn .quiz-icon{font-size:15px}.custom-quiz-btn{display:none;font-size:13px;font-weight:600;color:#a78bfa;text-decoration:none;padding:6px 16px;border-radius:20px;border:1px solid rgba(167,139,250,.3);background:linear-gradient(135deg,#a78bfa1f,#8b5cf614);transition:all .25s ease;white-space:nowrap;gap:6px;align-items:center;cursor:pointer}.custom-quiz-btn.visible{display:inline-flex}.custom-quiz-btn:hover{background:linear-gradient(135deg,#a78bfa40,#8b5cf62e);border-color:#a78bfa80;color:#c4b5fd;transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf626}.custom-quiz-btn .quiz-icon{font-size:15px}.sunburst-mode .header .daily-quiz-btn,.sunburst-mode .header .custom-quiz-btn{display:inline-flex;visibility:hidden}.sunburst-mode .header .daily-quiz-btn.visible,.sunburst-mode .header .custom-quiz-btn.visible{visibility:visible}.coach-marks{position:fixed;inset:0;z-index:900;opacity:0;transition:opacity .18s ease;pointer-events:none}.coach-marks.active{opacity:1}.coach-marks-dim{position:fixed;background:#070a124d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.coach-marks-spotlight{position:fixed;border-radius:18px;border:1px solid rgba(147,197,253,.95);box-shadow:0 0 0 1px #0f172a73,0 0 30px #60a5fa47;animation:coach-spotlight-pulse 1.8s ease-in-out infinite;pointer-events:none}@keyframes coach-spotlight-pulse{0%,to{box-shadow:0 0 0 1px #0f172a73,0 0 26px #60a5fa33}50%{box-shadow:0 0 0 1px #0f172a8c,0 0 38px #60a5fa61}}.coach-marks-card{position:fixed;max-width:min(360px,calc(100vw - 32px));padding:18px;border-radius:18px;border:1px solid rgba(117,139,240,.771);background:#10141ff5;color:var(--text-primary, #e8e8ed);box-shadow:0 18px 60px #00000073;pointer-events:auto}.coach-marks-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.coach-marks-step{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.coach-marks-close{width:32px;height:32px;border:none;border-radius:999px;background:#ffffff12;color:var(--text-secondary, #9ba1b0);font-size:22px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.coach-marks-close:hover{background:#ffffff1f;color:var(--text-primary, #e8e8ed);transform:scale(1.04)}.coach-marks-title{margin:0 0 8px;font-size:20px;line-height:1.15;letter-spacing:-.02em}.coach-marks-body{margin:0;color:var(--text-secondary, #9ba1b0);font-size:14px;line-height:1.55}.coach-marks-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.coach-marks-btn{min-height:40px;padding:9px 14px;border:1px solid transparent;background:transparent;border-radius:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.coach-marks-btn:hover:not(:disabled){transform:translateY(-1px)}.coach-marks-btn:disabled{opacity:.45;cursor:not-allowed}.coach-marks-btn-primary{margin-left:auto;border:1px solid rgba(96,165,250,.5);background:linear-gradient(135deg,#3b82f647,#2563eb33);color:#dbeafe}.coach-marks-btn-primary:hover:not(:disabled){border-color:#93c5fda6;background:linear-gradient(135deg,#3b82f65c,#2563eb47)}.coach-marks-btn-secondary,.coach-marks-btn-ghost{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-secondary, #9ba1b0)}.coach-marks-btn-secondary:hover:not(:disabled),.coach-marks-btn-ghost:hover:not(:disabled){background:#ffffff17;color:var(--text-primary, #e8e8ed)}.coach-marks-trigger{position:fixed;right:20px;bottom:20px;z-index:120;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#10141fdb;color:var(--text-primary, #e8e8ed);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 28px #00000047;transition:transform .2s ease,background .2s ease,border-color .2s ease}.coach-marks-trigger:hover{transform:translateY(-1px);background:#161c2af0;border-color:#93c5fd4d}.coach-marks-trigger-icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#60a5fa29;color:#93c5fd;font-size:13px}.quiz-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s ease}.quiz-modal-overlay.open{opacity:1;pointer-events:auto}.quiz-modal-dialog{background:#0f1117;width:92vw;max-width:820px;height:calc(100vh - 20px);height:calc(100dvh - 20px);border-radius:18px;box-shadow:0 24px 80px #0009,0 0 0 1px #fbbf241a;display:flex;flex-direction:column;overflow:hidden;transform:scale(.92) translateY(20px);opacity:0;transition:all .35s cubic-bezier(.16,1,.3,1);border:1px solid var(--border, #2a2d3a)}.quiz-modal-overlay.open .quiz-modal-dialog{transform:scale(1) translateY(0);opacity:1}.quiz-modal-iframe{width:100%;height:100%;border:none;display:block;border-radius:18px}@media(max-width:600px){.coach-marks-card{max-width:calc(100vw - 24px);padding:16px;border-radius:16px}.coach-marks-title{font-size:18px}.coach-marks-body{font-size:13px}.coach-marks-actions{flex-wrap:wrap}.coach-marks-btn{flex:1 1 calc(50% - 6px)}.coach-marks-btn-primary{margin-left:0;flex-basis:100%}.coach-marks-trigger{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:10px 12px}.quiz-modal-overlay{align-items:flex-start;padding-top:0}.quiz-modal-dialog{width:100vw;height:100vh;height:100dvh;max-width:100vw;border-radius:0;border:none}.quiz-modal-iframe{border-radius:0}}.grade-selector{display:flex;align-items:center;gap:6px;flex:1;justify-content:safe center;overflow-x:auto;scrollbar-width:none}.grade-selector::-webkit-scrollbar{display:none}.grade-selector .grade-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-right:4px;white-space:nowrap}.grade-pill{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:20px;padding:5px 14px;cursor:pointer;transition:all .2s;white-space:nowrap}.grade-pill:hover{background:var(--surface-hover);color:var(--text-primary);border-color:#ffffff26}.grade-pill.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent-border);font-weight:600}.nav-buttons{position:fixed;bottom:28px;left:28px;display:flex;gap:6px;z-index:100}.nav-btn{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:#191b23d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-secondary);font-family:var(--font-main);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:all .2s;user-select:none}.nav-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:#ffffff26}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.toggle-btn{font-family:var(--font-main);font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 14px;cursor:pointer;transition:all .2s;white-space:nowrap;user-select:none}.toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:#ffffff26}.toggle-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent-border);font-weight:600}.toggle-btn i{margin-right:4px}.app-status{position:fixed;top:70px;left:20px;z-index:20;max-width:min(440px,calc(100vw - 40px));color:var(--text-primary);padding:12px 18px;background:#191b23d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:10px;font-size:13px;box-shadow:0 4px 20px #0006;pointer-events:none}.theme-selector-container{display:flex;align-items:center;gap:8px;margin-right:auto;border-left:1px solid var(--border);padding-left:16px}.theme-select{font-family:var(--font-main);font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:20px;padding:4px 28px 4px 14px;cursor:pointer;transition:all .2s;white-space:nowrap;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239a9aad' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.theme-select:hover{background-color:var(--surface-hover);color:var(--text-primary);border-color:#ffffff26;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23e8e8ed' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.theme-select:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px #60a5fa26}.theme-select option{background:var(--bg);color:var(--text-primary);font-size:13px;padding:8px 12px}@media(max-width:767px){.sunburst-mode .header .daily-quiz-btn{width:176px;flex-shrink:0;justify-content:center}.sunburst-mode .header .custom-quiz-btn{width:128px;flex-shrink:0;justify-content:center}.home-profile-slot{flex-basis:36px;min-height:36px}.header{padding:max(10px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px));gap:6px;flex-wrap:wrap}.theme-selector-container,.header-link{display:none}.grade-selector{order:10;flex:1 1 100%;justify-content:safe center;gap:4px;padding:2px 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.grade-selector .grade-pill{font-size:11px;padding:3px 9px;flex-shrink:0}}@media(max-width:767px)and (orientation:portrait){.grade-selector{flex-wrap:wrap;overflow-x:visible;gap:6px;padding:4px 0 2px}.grade-selector .grade-pill{font-size:14px;padding:6px 13px}}.hamburger-btn{min-width:44px;min-height:44px;background:transparent;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.hamburger-btn:hover{background:var(--surface-hover);color:#fbbf24}.side-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#0009;backdrop-filter:blur(4px);z-index:1005;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.side-menu-overlay.open{opacity:1;visibility:visible}.side-menu{position:fixed;top:0;left:-320px;width:280px;height:100vh;height:100dvh;background:#11141e;border-right:1px solid var(--border);z-index:1010;box-shadow:10px 0 30px #00000080;transition:left .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.side-menu.open{left:0}.side-menu-header{padding:max(20px,env(safe-area-inset-top,0px)) 20px 20px max(20px,env(safe-area-inset-left,0px));flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.side-menu-header h3{margin:0;font-size:1.1rem;color:#fff;font-weight:600}.close-menu-btn{min-width:44px;min-height:44px;background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.close-menu-btn:hover{color:#fff}.side-menu-list{list-style:none;padding:16px;margin:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}.side-menu-link{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:500;border-radius:8px;transition:background .2s}.side-menu-link:hover{background:var(--surface-hover);color:#fbbf24}.modal-print-btn,.quiz-lightbox-print-btn{background:#60a5fa26;border:1px solid rgba(96,165,250,.3);color:#93c5fd;font-size:1.1rem;cursor:pointer;padding:6px 10px;line-height:1;transition:all .2s;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-print-btn:hover,.quiz-lightbox-print-btn:hover{color:#fff;background:#60a5fa4d;border-color:#60a5fa99}.modal-header-actions,.quiz-lightbox-header-actions{display:flex;gap:8px;align-items:center}#chart{--sunburst-zoom-dim-fill-opacity: .72;--sunburst-zoom-focus-fill-opacity: 1;--sunburst-focus-stroke-opacity: .55;--sunburst-focus-stroke-width: 1.6px;width:100vw;height:calc(100vh - var(--home-header-bottom, 64px));height:calc(100dvh - var(--home-header-bottom, 64px));position:absolute;top:var(--home-header-bottom, 64px);left:0;touch-action:none;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}body.sunburst-mode{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh}.sunburst-mode>.header{position:relative;grid-row:1;min-width:0}.sunburst-mode>#curriculum-map{position:relative;grid-area:2 / 1;min-height:0;min-width:0}.sunburst-mode #chart{top:0;width:100%;height:100%}#chart.safari-foreignobject-workaround{will-change:auto;transform:none;-webkit-transform:none}#chart path{cursor:pointer;stroke:#ffffff26;stroke-opacity:1;stroke-width:1px;transition:opacity .25s ease,fill-opacity .18s ease,stroke .15s ease,stroke-opacity .18s ease,stroke-width .18s ease}#chart path:hover{stroke:#ffffff80}@media(hover:none)and (pointer:coarse){#chart path.arc:active{fill-opacity:.88;stroke-opacity:.7;stroke-width:1.5px;transition:fill-opacity .05s ease,stroke-opacity .05s ease,stroke-width .05s ease}}#chart g.has-hover path.arc{fill-opacity:.4;transition:fill-opacity .18s ease}#chart g.has-hover path.arc.highlighted{fill-opacity:1;transition:fill-opacity .18s ease}#chart.is-zooming g.is-zooming path.arc{fill-opacity:var(--sunburst-zoom-dim-fill-opacity);stroke-opacity:.45}#chart.is-zooming g.is-zooming path.arc.zoom-focus{fill-opacity:var(--sunburst-zoom-focus-fill-opacity);stroke-opacity:var(--sunburst-focus-stroke-opacity);stroke-width:var(--sunburst-focus-stroke-width)}#chart.is-zooming g.is-zooming path.arc.zoom-target{stroke:#ffffff73;stroke-opacity:1}#chart path.arc.leaf{cursor:default}@keyframes segment-feedback-silk{0%{fill-opacity:1;stroke-opacity:1;stroke-width:1px;opacity:1}35%{fill-opacity:.84;stroke-opacity:1;stroke-width:2.1px;opacity:.98}to{fill-opacity:1;stroke-opacity:1;stroke-width:1px;opacity:1}}#chart path.segment-feedback{pointer-events:auto;stroke:#ffffff85}#chart path.segment-feedback.segment-feedback--branch,#chart path.segment-feedback.segment-feedback--leaf{animation:segment-feedback-silk .56s cubic-bezier(.22,1,.36,1)}body{background-color:var(--bg)}#chart text{pointer-events:none;font-family:Inter,sans-serif;fill:#fff;font-weight:600;paint-order:stroke fill;stroke:#0000008c;stroke-width:3px;stroke-linejoin:round}@media(max-width:767px){#chart text{stroke-width:2px}}.center-label{position:absolute;pointer-events:none;text-align:center;font-weight:700;font-size:18px;color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.3}.center-label.sunburst-html-overlay{position:fixed;z-index:25}.center-fo{overflow:visible;pointer-events:none}#chart.safari-foreignobject-workaround .center-label-inner,#chart.safari-foreignobject-workaround .center-label-inner:before,#chart.safari-foreignobject-workaround .center-label-inner:after{animation:none!important;transform:none!important;transition:none}.center-label.sunburst-html-overlay .center-label-inner,.center-label.sunburst-html-overlay .center-label-inner:before,.center-label.sunburst-html-overlay .center-label-inner:after{animation:none!important;transform:none!important;transition:none}.center-label-inner{container-type:inline-size;position:relative;isolation:isolate;width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center;font-family:Inter,sans-serif;font-weight:700;font-size:clamp(14px,2.5vmin,22px);color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.3;pointer-events:none;overflow:hidden;word-break:break-word;max-width:100%;box-sizing:border-box;background:#141622b3;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 24px #00000073,inset 0 0 16px #00000026}.center-label-inner>*{position:relative;z-index:1}.center-label-inner:before,.center-label-inner:after{content:"";position:absolute;inset:7%;border-radius:50%;pointer-events:none;opacity:0}.center-label-inner:before{background:radial-gradient(circle at 50% 45%,#ffffff38,#fff0 70%)}.center-label-inner:after{border:1px solid rgba(255,255,255,.16);transform:scale(.88)}@keyframes center-silk-zoom{0%{transform:scale(.97)}40%{transform:scale(1.03)}70%{transform:scale(1.015)}to{transform:scale(1)}}.center-fo.center-effect-silk.is-zooming .center-label-inner{animation:center-silk-zoom .7s cubic-bezier(.22,1,.36,1)}.center-fo.center-effect-silk.is-zooming .center-label-inner:before{opacity:.28}@media(prefers-reduced-motion:reduce){#chart path.segment-feedback{animation-duration:.22s!important}.center-fo.is-zooming .center-label-inner,.center-fo.is-zooming .center-label-inner:before,.center-fo.is-zooming .center-label-inner:after{animation-duration:.24s!important}}.center-label-inner button{pointer-events:auto}.center-back-zone{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vmin,8px);min-height:0;padding:0 8%;border-bottom:1px solid rgba(255,255,255,.08)}.center-back-zone.hidden-zone{visibility:hidden}.center-back-zone.hidden-zone .back-btn{display:none}.center-label-inner .back-btn{pointer-events:auto;background:transparent;border:none;border-radius:0;padding:2px 8px;font-size:clamp(10px,1.8vmin,13px);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .2s;font-family:Inter,sans-serif;box-shadow:none;text-shadow:none}.center-label-inner .back-btn{color:#f87171}.center-label-inner .back-btn:hover{color:#fca5a5}.center-label-inner .back-btn svg{width:16px;height:16px}.center-label-zone{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:4px 3px;font-size:clamp(8px,12cqi,22px);line-height:1.15}.center-label .subtitle,.center-label-inner .subtitle{display:block;font-size:11px;font-weight:500;color:var(--text-secondary);margin-top:4px}.center-actions-zone{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-bottom:6%}.center-label-inner .cheatsheet-btn,.center-label-inner .topic-quiz-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:clamp(2px,3cqi,7px) 2px;min-height:clamp(18px,22cqi,34px);font-size:clamp(8px,9cqi,12px);line-height:1.1;font-weight:600;cursor:pointer;transition:background .2s;font-family:Inter,sans-serif;box-shadow:none;white-space:nowrap;color:#93c5fd}.center-label-inner .cheatsheet-btn:hover,.center-label-inner .topic-quiz-btn:hover{background:#ffffff0f}.breadcrumb:empty{display:none}.breadcrumb{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:6px;padding:10px 20px;background:#191b23d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text-secondary);box-shadow:0 8px 32px #0006;pointer-events:auto;max-width:90vw;overflow-x:auto;white-space:nowrap}.breadcrumb span{cursor:pointer;transition:color .15s}.breadcrumb span:hover{color:var(--text-primary)}.breadcrumb span:last-child{color:var(--text-primary);font-weight:600}.breadcrumb .sep{color:#fff3;cursor:default}.tooltip{position:fixed;z-index:200;padding:10px 16px;background:#1e202ceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:10px;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:500;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 4px 20px #00000080;max-width:280px}.tooltip .tip-depth{font-size:11px;color:var(--text-secondary);margin-top:3px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:transparent;width:90vw;max-width:1200px;height:85vh;border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1e202c26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{font-size:15px;font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;transition:color .2s;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.modal-close:hover{color:var(--text-primary);background:var(--surface-hover)}.modal-body{flex:1;background:#fff;position:relative}.modal-body iframe{width:100%;height:100%;border:none;display:block}.cheatsheet-list-container{display:none;padding:30px;overflow-y:auto;width:100%;height:100%;background:var(--bg);position:absolute;top:0;left:0;z-index:10}.cheatsheet-list-container h3{margin-bottom:20px;font-size:16px;font-weight:500;color:var(--text-secondary)}@media(max-width:767px){.sunburst-mode .center-label,.sunburst-mode .center-label-inner{font-size:11px;line-height:1.2}.sunburst-mode .center-label-zone{word-break:normal;overflow-wrap:normal;white-space:nowrap}.sunburst-mode .center-label .subtitle,.sunburst-mode .center-label-inner .subtitle{font-size:9px;margin-top:2px}.sunburst-mode .center-back-zone{gap:3px;padding:4px 6px}.sunburst-mode .center-label-inner .back-btn{padding:2px 4px;font-size:9px}.sunburst-mode .center-label-inner .back-btn svg{width:9px;height:9px}.sunburst-mode .center-label-inner .cheatsheet-btn,.sunburst-mode .center-label-inner .topic-quiz-btn{padding:4px 6px;font-size:9px}}.background-grade-banner{display:none}.background-grade-banner:not(:empty){position:fixed;z-index:10;font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.5px;color:var(--text-primary, #e8e8ed);opacity:.35;pointer-events:none}@media(min-width:768px){.background-grade-banner:not(:empty){display:block;top:max(120px,calc(var(--home-header-bottom, 64px) + 16px));left:80px;text-align:left;font-size:41px;padding:0}}@media(max-width:767px)and (orientation:portrait){.sunburst-mode .background-grade-banner:not(:empty){display:block;top:calc(var(--home-header-bottom, 110px) + 8px);left:0;right:0;text-align:center;font-size:28px;padding:8px 20px}}.ghost-decoration{display:none;position:fixed;z-index:10;pointer-events:none}.ghost-decoration img{width:70px;height:auto;opacity:.4;filter:drop-shadow(0 4px 16px rgba(167,139,250,.4));animation:ghostFloat 5s ease-in-out infinite;transform-origin:center bottom;pointer-events:auto;cursor:pointer;transition:filter .2s}.ghost-decoration img:hover{filter:drop-shadow(0 6px 20px rgba(167,139,250,.8)) brightness(1.1)}.ghost-right-top img{animation-delay:-2.5s}.ghost-decoration img.ghost-vanishing{animation:ghostVanish .5s ease-out forwards;pointer-events:none}@keyframes ghostVanish{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes ghostFloat{0%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}to{transform:translateY(0) rotate(-3deg)}}@keyframes ghostPop{0%{transform:scale(1) translateY(0);filter:drop-shadow(0 4px 16px rgba(167,139,250,.4)) brightness(1);opacity:1}20%{transform:scale(1.3) translateY(-10px) rotate(-10deg);filter:drop-shadow(0 4px 16px rgba(167,139,250,.6)) brightness(1.2);opacity:1}40%{transform:scale(1.6) translateY(-20px) rotate(15deg);filter:drop-shadow(0 8px 24px rgba(167,139,250,.8)) brightness(1.5);opacity:.9}50%{transform:scale(2) translateY(-10px) rotate(-15deg);filter:drop-shadow(0 12px 30px rgba(167,139,250,1)) brightness(2);opacity:.7}70%{transform:scale(.1) translateY(10px);opacity:0}to{transform:scale(0);opacity:0}}@keyframes ghostSuckIntoButton{0%{transform:rotate(var(--fly-angle, 0deg)) translate(0) scale(1);opacity:1}20%{transform:rotate(var(--fly-angle, 0deg)) translate(-6px) scale(.9,1.1);opacity:1}60%{transform:rotate(var(--fly-angle, 0deg)) translate(calc(var(--fly-distance, 0px) * .6)) scale(1.8,.6);filter:drop-shadow(0 8px 24px rgba(167,139,250,.9)) brightness(1.2);opacity:.95}85%{transform:rotate(var(--fly-angle, 0deg)) translate(calc(var(--fly-distance, 0px) * .95)) scale(1.2,.5);opacity:.85}to{transform:rotate(var(--fly-angle, 0deg)) translate(var(--fly-distance, 0px)) scale(0);opacity:0}}@keyframes ghostFadeFallback{to{opacity:0}}@keyframes ghostAbsorbPulse{0%{transform:scale(1)}35%{transform:scale(1.12);filter:brightness(1.25) drop-shadow(0 0 14px rgba(167,139,250,.7))}to{transform:scale(1)}}.ghost-particle{position:absolute;font-size:24px;pointer-events:none;z-index:11;opacity:0;margin-left:20px;margin-top:10px;animation:particleBang .7s ease-out forwards}@keyframes particleBang{0%{transform:scale(.2) translate(0) rotate(0);opacity:1}50%{opacity:1}to{transform:scale(1.8) translate(var(--dx, 0),var(--dy, -30px)) rotate(180deg);opacity:0}}@media(min-width:768px){.background-grade-banner:not(:empty)~.ghost-decoration{display:block}.ghost-left{top:185px;left:85px}.ghost-right{bottom:80px;right:40px}.ghost-right-top{top:230px;right:55px}.ghost-decoration img{width:85px}}@media(max-width:767px)and (orientation:portrait){.sunburst-mode .ghost-decoration{display:block}.sunburst-mode #home-pet-host{position:relative;grid-area:2 / 1;align-self:start;top:8px}.sunburst-mode .ghost-right-top{position:relative;grid-area:2 / 1;align-self:start;justify-self:end;top:14px;right:25px}.ghost-left{top:145px;left:20px}.ghost-right{bottom:100px;right:20px}.ghost-right-top{top:calc(var(--home-header-bottom, 110px) + 14px);right:25px}.sunburst-mode .ghost-decoration img{width:55px}}@media(max-width:767px)and (orientation:portrait)and (max-height:700px){.sunburst-mode .background-grade-banner:not(:empty){font-size:24px;padding:0 76px}.sunburst-mode .ghost-right{display:none}.sunburst-mode .ghost-right-top{top:calc(var(--home-header-bottom, 110px) + 8px);right:8px}.sunburst-mode .ghost-right-top img{width:44px}}@media(max-width:600px){.modal-overlay{align-items:flex-start}.modal-content{width:100vw;height:100vh;height:100dvh;max-width:100vw;border-radius:0;border:none}.modal-header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,10px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-left:max(12px,env(safe-area-inset-left,0px))}.modal-header h2{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{min-width:44px;min-height:44px;flex-shrink:0;background:#ffffff1f;color:var(--text-primary, #e8e8ed);font-size:28px;border-radius:10px}}body.theme-light{--bg: #f8f9fa;--surface: rgba(0, 0, 0, .04);--surface-hover: rgba(0, 0, 0, .08);--text-primary: #1a1b1e;--text-secondary: #5c5f66;--border: rgba(0, 0, 0, .1);--glow: rgba(0, 0, 0, .04);--accent: rgba(0, 102, 204, .1);--accent-text: #0044cc;--accent-border: rgba(0, 102, 204, .2);--text-color: #1a1b1e;--text-glow-shadow: 0 0 4px rgba(255, 255, 255, .9), 0 1px 3px rgba(255, 255, 255, .8)}body.theme-light .header{background:#f8f9fad9;border-bottom-color:var(--border)}body.theme-light .header h1{background:linear-gradient(135deg,#1a1b1e,#4a4b50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.theme-light .nav-btn,body.theme-light .app-status{background:#ffffffd9;color:var(--text-primary);border-color:var(--border);box-shadow:0 4px 16px #0000001a}body.theme-light .nav-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:#00000026}body.theme-light .cheatsheet-pill{background:#0066cc1a;border-color:#06c3;color:#04c;box-shadow:0 4px 12px #0000000d}body.theme-light .cheatsheet-pill:hover{background:#0066cc26;border-color:#0066cc4d;color:#039}body.theme-light .cheatsheet-lightbox-content{background-color:#fff;border-color:#e5e7eb}body.theme-light .cheatsheet-lightbox-header{background:#00000008;border-bottom-color:#e5e7eb}body.theme-light .cheatsheet-lightbox-title{color:var(--text-primary)}body.theme-light .cheatsheet-lightbox-list-container{background:#f8f9fa}body.theme-light .modal-content{background-color:#fff;border-color:#e5e7eb}body.theme-light .modal-header{background:#00000008;border-bottom-color:#e5e7eb}body.theme-light .modal-header h2{color:var(--text-primary)}body.theme-light .modal-close{color:var(--text-secondary)}body.theme-light .modal-close:hover{color:var(--text-primary);background:#0000000d}body.theme-light text{fill:var(--text-primary)}body.theme-slate{--bg: #0f1117;--surface: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .12)}body.theme-slate .header{background:#0f1117f2}.pet-host{position:fixed;top:185px;left:85px;width:160px;height:200px;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:0}.pet-host .pet-canvas,.pet-host .pet-fallback,.pet-host .pet-coins{pointer-events:auto}.pet-host .pet-canvas[hidden],.pet-host .pet-fallback[hidden],.pet-host .pet-coins[hidden]{display:none}.pet-canvas{width:160px;height:160px;cursor:pointer;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.pet-canvas--sm{width:140px;height:140px}.pet-fallback{width:160px;height:160px;object-fit:contain;cursor:pointer;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.pet-coins{display:inline-flex;align-items:center;gap:4px;padding:0;background:transparent;color:#fcc946;font-family:Fredoka,Inter,system-ui,sans-serif;font-weight:500;font-size:1.4rem;user-select:none;margin-top:-14px}.pet-coins img{width:18px;height:18px;display:block}.pet-coins-count{min-width:1.5em;text-align:center}.pet-host .pet-bubble-wrap,.pet-host .pet-message-stack{position:absolute;top:12px;left:calc(100% + 6px);pointer-events:none;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.pet-message-bubble{--pet-message-bg: #fff4da;--pet-message-border: #e8882a;--pet-message-text: #7a4a00;background:var(--pet-message-bg);color:var(--pet-message-text);border:2px solid var(--pet-message-border);border-radius:16px;padding:8px 16px;font-family:Fredoka,Inter,system-ui,sans-serif;font-weight:600;font-size:1.05rem;white-space:nowrap;appearance:none;text-align:left;box-shadow:0 3px 10px #0000002e;position:relative;animation:quiz-pet-bubble-pop .2s ease-out}.pet-message-bubble[hidden]{display:none}.pet-message-bubble--coin-up{--pet-message-bg: #e8f8ee;--pet-message-border: #34b96b;--pet-message-text: #1f6f45}.pet-message-bubble--coin-down{--pet-message-bg: #fbe8de;--pet-message-border: #e48365;--pet-message-text: #9b3d22}.pet-message-bubble--action{display:inline-flex;align-items:center;gap:8px;padding-right:10px;cursor:pointer;pointer-events:auto;user-select:none}.pet-message-bubble__label{min-width:0}.pet-message-bubble__affordance{display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#6f410029;color:var(--pet-message-text);font-size:1rem;line-height:1;box-shadow:inset 0 1px #ffffff6b,0 1px 2px #5b34001f}.pet-message-bubble--success{--pet-message-bg: #e8f8ee;--pet-message-border: #34b96b;--pet-message-text: #1f6f45}.pet-message-stack--right .pet-message-bubble:after{content:"";position:absolute;top:50%;left:-10px;transform:translateY(-50%);width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:10px solid var(--pet-message-border)}.pet-message-stack--right .pet-message-bubble:before{content:"";position:absolute;top:50%;left:-7px;z-index:1;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid var(--pet-message-bg)}@media(max-width:767px){.pet-host .pet-message-bubble{font-size:.9rem;padding:6px 12px}}.pet-action-menu{--pet-action-menu-bg: #fff7e6;--pet-action-menu-border: #e8882a;--pet-action-menu-text: #6f4100;--pet-action-menu-base-top: 26px;--pet-action-menu-avoid-offset: 0px;--pet-action-menu-fallback-offset: 0px;position:absolute;top:calc(var(--pet-action-menu-base-top) + max(var(--pet-action-menu-avoid-offset),var(--pet-action-menu-fallback-offset)));z-index:4;display:grid;gap:4px;min-width:140px;max-width:min(220px,calc(100vw - 24px));padding:6px;pointer-events:auto;background:var(--pet-action-menu-bg);border:2px solid var(--pet-action-menu-border);border-radius:14px;box-shadow:0 10px 22px #5b340038;font-family:Fredoka,Inter,system-ui,sans-serif;transform-origin:center left;animation:quiz-pet-bubble-pop .16s ease-out}.pet-action-menu[hidden]{display:none}.pet-host:has(.pet-message-bubble:not([hidden])) .pet-action-menu,.quiz-pet-float:has(.pet-message-bubble:not([hidden])) .pet-action-menu{--pet-action-menu-fallback-offset: 52px}.pet-action-menu--right{left:calc(100% + 8px)}.pet-action-menu--left{right:calc(100% + 8px);transform-origin:center right}.pet-action-menu:after{content:"";position:absolute;top:24px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent}.pet-action-menu:before{content:"";position:absolute;top:26px;z-index:1;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.pet-action-menu--right:after{left:-10px;border-right:10px solid var(--pet-action-menu-border)}.pet-action-menu--right:before{left:-7px;border-right:8px solid var(--pet-action-menu-bg)}.pet-action-menu--left:after{right:-10px;border-left:10px solid var(--pet-action-menu-border)}.pet-action-menu--left:before{right:-7px;border-left:8px solid var(--pet-action-menu-bg)}.pet-action-menu__item{position:relative;z-index:2;width:100%;min-height:34px;padding:8px 11px;color:var(--pet-action-menu-text);background:#ffffffc7;border:1px solid transparent;border-radius:9px;appearance:none;cursor:pointer;font:inherit;font-size:.95rem;font-weight:700;line-height:1.1;text-align:left;white-space:nowrap;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.pet-action-menu__item:hover{background:#fff;border-color:#f0b15a;box-shadow:0 3px 8px #5b34001f;transform:translateY(-1px)}.pet-action-menu__item:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #5b34002e}.pet-action-menu__item:focus-visible{outline:3px solid rgba(99,102,241,.55);outline-offset:2px}.pet-action-menu__item:disabled{color:#9b7d52;background:#ffffff73;box-shadow:none;cursor:default;opacity:.72;transform:none}@media(max-width:767px){.pet-action-menu{--pet-action-menu-base-top: 18px;min-width:126px;max-width:min(160px,calc(100vw - 24px));padding:5px;border-radius:12px}.pet-action-menu__item{min-height:32px;padding:7px 9px;font-size:.82rem}}.pet-modal-overlay{position:fixed;inset:0;background:#10121ca6;backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:10000;padding:16px}.pet-modal-overlay.open{display:flex}.pet-modal{background:#fefaf3;border-radius:18px;box-shadow:0 18px 50px #00000059;padding:24px;max-width:560px;width:100%;max-height:90vh;overflow:auto;font-family:Fredoka,Inter,system-ui,sans-serif;color:#2c2516}.pet-modal h2{margin:0 0 16px;font-size:1.5rem}.pet-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.8rem;line-height:1;cursor:pointer;color:#6a6258}.pet-modal-close:hover{color:#2c2516}.pet-modal-title-bar{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-right:32px}.pet-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}@media(max-width:480px){.pet-selection-grid{grid-template-columns:repeat(2,1fr)}}.pet-selection-item{background:#fff4da;border:3px solid transparent;border-radius:14px;padding:12px 8px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.pet-selection-item:hover,.pet-selection-item:focus-visible{transform:translateY(-2px);border-color:#f2b431;box-shadow:0 6px 14px #0000001f;outline:none}.pet-selection-item.locked{background:#fff7e8}.pet-selection-item.owned{background:#e8f8ee;border-color:#82d99d;box-shadow:inset 0 0 0 1px #1f824c1f}.pet-selection-item.owned:hover,.pet-selection-item.owned:focus-visible{border-color:#34b96b;box-shadow:inset 0 0 0 1px #1f824c29,0 6px 14px #186f3f29}.pet-selection-item.owned.current{background:#d9f4e1;border-color:#28a85b}.pet-selection-item.owned .pet-selection-price,.pet-selection-item.owned .pet-selection-status{color:#1f6f45}.pet-selection-thumb{position:relative;width:100%}.pet-selection-item img{width:100%;aspect-ratio:1 / 1;object-fit:contain}.pet-selection-item.locked img{filter:saturate(.72);opacity:.68}.pet-selection-lock{position:absolute;inset:auto 4px 4px auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fffdf7;border:2px solid #ffd36e;box-shadow:0 4px 10px #794f002e;color:#7a4a00;font-size:18px}.pet-selection-lock--dailyQuizCompletedCount{border-color:#9edfc4;color:#25694f}.pet-selection-lock--signin{border-color:#b7cdfc;color:#315fbe}.pet-selection-name{font-weight:600;font-size:.95rem;overflow-wrap:anywhere;text-align:center}.pet-selection-catalog-name{margin-top:-5px;color:#3d7c5d;font-size:.72rem;font-weight:700;line-height:1.1;overflow-wrap:anywhere;text-align:center}.pet-selection-price{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#7a4a00;margin-top:2px}.pet-selection-price img{display:block}.pet-selection-status{min-height:28px;color:#5f4a26;font-size:.75rem;font-weight:700;line-height:1.15;text-align:center}.pet-selection-more-preview{position:relative;min-height:126px;max-height:126px;margin:-4px 0 12px;overflow:hidden;border-radius:14px}.pet-selection-more-preview[hidden]{display:none}.pet-selection-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;pointer-events:none}.pet-selection-teaser-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:220px;padding:12px 8px 8px;border-radius:14px;background:#fff4da;opacity:.52;filter:saturate(.76)}.pet-selection-teaser-item img{width:100%;aspect-ratio:1 / 1;object-fit:contain}.pet-selection-more-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background:linear-gradient(180deg,#fffaef9e,#fffaeff5);color:#3e3424;font-size:.95rem;font-weight:800;line-height:1.15;text-align:center}.pet-selection-more-overlay span+span{color:#6d5836;font-size:.86rem;font-weight:700}.pet-selection-more-overlay .pet-btn{margin-top:2px;padding:8px 16px;font-size:.9rem}@media(max-width:480px){.pet-selection-teaser-grid{grid-template-columns:repeat(2,1fr)}.pet-selection-more-overlay{font-size:.9rem}}.pet-modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.pet-btn{font:inherit;font-weight:600;border-radius:999px;padding:10px 20px;border:none;cursor:pointer;transition:background-color .12s ease,transform 80ms ease}.pet-btn:active{transform:scale(.97)}.pet-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.pet-btn--primary{background:#e8882a;color:#fff}.pet-btn--primary:hover{background:#d0731d}.pet-btn--primary:disabled{background:#c8c0b3;cursor:not-allowed}.pet-btn--secondary{background:transparent;color:#7a4a00;border:2px solid #d9c79e}.pet-btn--secondary:hover{background:#f2e6c7}.pet-btn--danger{background:transparent;color:#b34d2a;border:2px solid #e9b5a0}.pet-btn--danger:hover{background:#fbe8de}.pet-action-overlay{z-index:10020}.pet-action-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:18px}.pet-action-preview{display:grid;place-items:center;width:180px;height:180px;border-radius:16px;background:#fff2d3;overflow:hidden}.pet-action-preview img{width:155px;height:155px;object-fit:contain}.pet-action-copy h2{margin-bottom:4px;overflow-wrap:anywhere}.pet-action-catalog-name{margin:-2px 0 8px;color:#7d6c4d;font-size:.86rem;font-weight:700}.pet-action-subtitle{margin:0 0 12px;color:#7a4a00;font-weight:800}.pet-action-price,.pet-action-message{margin:10px 0 0;color:#4f4330;line-height:1.35}.pet-action-price{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;background:#fff4da;color:#7a4a00;font-weight:800}.pet-rename-panel{margin-top:14px}.pet-rename-panel[hidden],.pet-rename-form[hidden],.pet-action-catalog-name[hidden]{display:none}.pet-rename-form{display:grid;gap:8px;padding:10px;border:2px solid #ead6ac;border-radius:12px;background:#fff8e8}.pet-rename-label{color:#6b542c;font-size:.82rem;font-weight:800}.pet-rename-help{margin:-2px 0 0;color:#7a6240;font-size:.8rem;line-height:1.35}.pet-rename-row{display:flex;gap:8px}.pet-rename-input{min-width:0;flex:1;border:2px solid #d9c79e;border-radius:999px;padding:9px 12px;color:#2c2516;background:#fff;font:inherit;font-weight:700}.pet-rename-input:focus{border-color:#e8882a;outline:3px solid rgba(232,136,42,.24)}.pet-rename-actions{display:flex;flex-wrap:wrap;gap:8px}.pet-rename-actions .pet-btn,.pet-rename-row .pet-btn,.pet-rename-toggle{padding:8px 14px;font-size:.9rem}@media(max-width:560px){.pet-action-body{grid-template-columns:1fr;justify-items:center;text-align:center}.pet-action-copy{width:100%}.pet-rename-row{flex-direction:column}}.pet-locked-overlay{z-index:10020}.pet-locked-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:18px}.pet-locked-preview{position:relative;display:grid;place-items:center;width:180px;height:180px;border-radius:16px;background:#fff2d3;overflow:hidden}.pet-locked-preview img{width:155px;height:155px;object-fit:contain;filter:saturate(.78);opacity:.82}.pet-locked-badge{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fffdf7;border:2px solid #ffd36e;box-shadow:0 4px 12px #794f0038;font-size:22px}.pet-locked-badge--dailyQuizCompletedCount{border-color:#9edfc4}.pet-locked-badge--signin{border-color:#b7cdfc}.pet-locked-copy h2{margin-bottom:4px}.pet-locked-subtitle{margin:0 0 14px;color:#7a4a00;font-weight:700}.pet-locked-progress{margin:12px 0}.pet-locked-progress-bar{width:100%;height:12px;border-radius:999px;background:#f1dfb7;overflow:hidden}.pet-locked-progress-bar span{display:block;width:0;height:100%;border-radius:inherit;background:#e8882a}.pet-locked-progress-text{margin-top:6px;color:#5f4a26;font-size:.9rem;font-weight:700}.pet-locked-message,.pet-locked-price{margin:10px 0 0;color:#4f4330;line-height:1.35}.pet-locked-price{font-weight:700}@media(max-width:560px){.pet-locked-body{grid-template-columns:1fr;justify-items:center;text-align:center}.pet-locked-copy{width:100%}}.pet-details-message{background:#fff4da;border-left:4px solid #e8882a;padding:10px 14px;border-radius:6px;margin:10px 0;font-size:.95rem}.pet-selection-guest-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef4ff;border-left:4px solid #3a6fe0;padding:10px 14px;border-radius:6px;margin:6px 0 10px;font-size:.95rem}.pet-selection-guest-banner[hidden]{display:none}.pet-invite-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef4ff;border-left:4px solid #3a6fe0;padding:10px 14px;border-radius:6px;margin:6px 0 10px;font-size:.95rem}.pet-invite-banner[hidden],.pet-invite-banner-slot[hidden]{display:none}.pet-invite-banner__message{flex:1;min-width:0;line-height:1.35}.pet-invite-banner__coin{margin-right:4px;font-size:1.05em}.pet-invite-banner__btn{flex-shrink:0;white-space:nowrap}@media(max-width:480px){.pet-invite-banner{flex-direction:column;align-items:stretch}.pet-invite-banner__btn{width:100%}}.pet-details-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.quiz-pet-float{position:fixed;top:60px;right:40px;width:100px;z-index:201;display:flex;flex-direction:column;align-items:center;pointer-events:none}.quiz-pet-float>*{pointer-events:auto}.quiz-pet-float .quiz-pet-canvas{width:100px;height:100px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.quiz-pet-float .quiz-pet-canvas[hidden]{display:none}.quiz-pet-float .quiz-pet-coins{display:inline-flex;align-items:center;gap:4px;color:#fcc946;font-family:Fredoka,Inter,system-ui,sans-serif;font-weight:700;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.55);margin-top:-4px;user-select:none}.quiz-pet-float .quiz-pet-coins[hidden]{display:none}.quiz-pet-float .quiz-pet-coins img{width:16px;height:16px;display:block}.quiz-pet-float .pet-message-stack{position:absolute;top:14px;right:108px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.quiz-pet-float .pet-message-bubble{border-radius:14px;padding:6px 12px;font:inherit;font-weight:600;font-size:.9rem;white-space:nowrap;box-shadow:0 3px 8px #00000024;position:relative;animation:quiz-pet-bubble-pop .2s ease-out}.quiz-pet-float .pet-message-bubble--action{padding-right:8px;gap:6px}.quiz-pet-float .pet-message-bubble__affordance{width:18px;height:18px;font-size:.95rem}.pet-message-stack--left .pet-message-bubble:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid var(--pet-message-border)}.pet-message-stack--left .pet-message-bubble:before{content:"";position:absolute;top:50%;right:-5px;z-index:1;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--pet-message-bg)}@keyframes quiz-pet-bubble-pop{0%{transform:scale(.7) translate(6px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.pet-action-menu{animation:none;transition:none}}.choice-btn--eliminated{opacity:.4;text-decoration:line-through;cursor:not-allowed;pointer-events:none}@media(max-width:767px){.quiz-pet-float{top:54px;right:12px;width:72px}.quiz-pet-float .quiz-pet-canvas{width:72px;height:72px}.quiz-pet-float .pet-message-stack{right:80px}.quiz-pet-float .pet-message-bubble{font-size:.8rem;padding:4px 10px}.quiz-pet-float .quiz-pet-coins{font-size:.85rem}}@media(max-width:767px)and (orientation:portrait){.pet-host{top:145px;left:20px;width:96px;height:135px}.pet-canvas,.pet-fallback{width:96px;height:96px}.pet-coins{font-size:.85rem;margin-top:1px}#home-pet-host{top:calc(var(--home-header-bottom, 110px) + 8px)}}@media(max-width:767px)and (orientation:portrait)and (max-height:700px),(orientation:landscape)and (max-height:500px){#home-pet-host{top:calc(var(--home-header-bottom, 64px) + 8px);left:12px;width:64px;height:92px}#home-pet-host .pet-canvas,#home-pet-host .pet-fallback{width:64px;height:64px}#home-pet-host .pet-coins{font-size:12px}}@media(max-width:480px){.pet-details-body{flex-direction:column}.pet-details-canvas-wrap{width:160px;height:160px}}