@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Poppins:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800;1,900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--gcds-orange:#f47c20;--dark:#111827;--soft-dark:#1f2937;--light:#f8f8f8;--muted:#6b7280;--green:#22c55e;--red:#ef4444;--card-shadow:0 24px 70px #00000042;--header-bg-opacity:0;--font-main:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent:"Caveat", cursive;--header-text-mix:0%}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;font-family:var(--font-main);background:#111827;margin:0}button,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{color:#fff;isolation:isolate;background:0 0;min-height:100vh;padding:32px;position:relative;overflow-x:hidden}.app:before{content:"";z-index:-2;transform:translate3d(0, calc(var(--scroll-y,0px) * -.18), 0) scale(1.12);will-change:transform;background-image:linear-gradient(#1118278a,#111827c2),url(/campus/campus-wide.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-80px}.app:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 0 0,#f47c203d,#0000 32%),radial-gradient(circle at 100% 100%,#ffffff14,#0000 28%),#00000014;position:fixed;inset:0}.hero{text-align:center;z-index:40;max-width:980px;margin:0 auto 36px;padding:48px 20px 22px;position:relative}.hero h1{font-family:var(--font-main);letter-spacing:-.08em;color:#fff;text-shadow:0 12px 34px #00000057;margin:0;font-size:clamp(3rem,9vw,8rem);font-weight:900;line-height:.82}.hero h1:first-letter{color:var(--gcds-orange)}.hero p{color:#ffffffdb;max-width:680px;margin:22px auto 0;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6}.eyebrow{color:var(--gcds-orange);text-transform:uppercase;letter-spacing:.18em;margin:0 0 8px;font-size:.74rem;font-weight:950}.department-select-page,.practice-game-page{padding-top:0}.practice-header-shell{z-index:150;background:0 0;gap:14px;padding:18px 24px 14px;transition:background .28s,box-shadow .28s,padding .28s;display:grid;position:fixed;top:0;left:0;right:0}.practice-header-shell.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;padding:10px 24px;box-shadow:0 16px 45px #0000002e}.department-select-header,.practice-game-header{text-align:center;width:100%;max-width:1180px;margin:0 auto;padding:0;position:static}.practice-header-title-row{justify-content:center;align-items:center;gap:14px;display:flex}.practice-header-title-row h1{letter-spacing:-.08em;color:#fff;text-shadow:0 12px 34px #00000057;margin:0;font-size:clamp(2.4rem,6vw,5.8rem);font-weight:900;line-height:.86;transition:color .28s,font-size .28s,text-shadow .28s}.practice-header-title-row h1:first-letter{color:var(--gcds-orange)}.practice-header-shell.is-scrolled .practice-header-title-row h1{color:var(--gcds-orange);text-shadow:none;font-size:clamp(1.65rem,3.4vw,3.25rem)}.practice-header-shell.is-scrolled .practice-header-title-row h1:first-letter{color:var(--gcds-orange)}.practice-header-shell .eyebrow{text-align:center;color:var(--gcds-orange);margin:0 0 6px}.practice-header-shell.is-scrolled .eyebrow{display:none}.practice-header-shell p{color:#ffffffeb;text-shadow:0 8px 26px #0006;max-width:720px;margin:10px auto 0;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.4}.practice-action-bar{background:0 0;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;display:flex;position:static}.department-select-grid,.practice-cards-grid{padding-top:clamp(360px,38vh,460px)}.practice-header-shell.is-scrolled~.department-select-grid,.practice-game-page .practice-header-shell.is-scrolled~.practice-cards-grid{padding-top:clamp(260px,28vh,320px)}.hamburger-menu-button{background:var(--gcds-orange);color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1.35rem;font-weight:900;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-grid;box-shadow:0 12px 30px #f47c2057}.hamburger-menu-button:hover,.hamburger-menu-button:focus{outline:none;transform:translateY(-1px);box-shadow:0 16px 36px #f47c2070}.hamburger-menu-panel{background:#fffffffa;border-radius:24px;justify-self:center;gap:8px;width:min(340px,100% - 32px);padding:12px;display:grid;box-shadow:0 18px 50px #0003}.hamburger-menu-panel .reset-button{width:100%;box-shadow:none}.game-actions,.celebration-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.reset-button{color:#111827;cursor:pointer;background:#f8f8f8eb;border:0;border-radius:999px;padding:10px 16px;font-weight:950;transition:transform .2s,background .2s,color .2s,box-shadow .2s;box-shadow:0 14px 34px #0000002e}.reset-button:hover,.reset-button:focus{background:var(--gcds-orange);color:#fff;outline:none;transform:translateY(-2px);box-shadow:0 18px 44px #f47c2052}.department-grid{grid-template-columns:repeat(auto-fit,minmax(380px,380px));justify-content:center;justify-items:center;gap:22px;width:min(1180px,100%);margin:0 auto;display:grid}.department-card{color:#fff;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:2px solid #f47c20;border-radius:28px;place-items:center;width:100%;min-height:130px;padding:24px;transition:transform .24s,box-shadow .24s,border-color .24s,background .24s;display:grid;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 20px 60px #00000038,inset 0 1px #ffffff73}.department-card strong{z-index:1;max-width:100%;font-family:var(--font-main);letter-spacing:-.035em;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:5px;font-size:clamp(1rem,1.2vw,1.3rem);font-style:normal;font-weight:700;line-height:1.08;display:-webkit-box;position:relative;overflow:hidden}.department-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#f47c202e,#0000 34%),radial-gradient(circle at 0 100%,#0000000d,#0000 32%);position:absolute;inset:0}.department-card:hover,.department-card:focus{background:#ffffff61;border-color:#f47c20;outline:none;transform:translateY(-6px);box-shadow:0 28px 80px #0000004d,0 0 0 5px #f47c2029}.department-card span{z-index:1;position:relative}.score-panel{z-index:140;gap:10px;width:220px;display:grid;position:fixed;top:24px;right:24px}.practice-game-page .score-panel{top:clamp(184px,18vw,230px)}.score-corner,.mini-progress-card{color:#111827;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f8f8f0;border-radius:20px;box-shadow:0 18px 44px #00000038}.score-corner{text-align:center;padding:14px 16px;font-weight:950}.mini-progress-card{padding:14px}.progress-header{justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;font-weight:850;display:flex}.progress-header strong{color:var(--gcds-orange);font-size:1.2rem}.progress-bar{background:#1118271f;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progress-bar-fill{border-radius:inherit;background:var(--gcds-orange);height:100%;transition:width .3s}.progress-text{color:#4b5563;margin:9px 0 0;font-size:.82rem;font-weight:800}.cards-grid{--employee-card-width:245px;--employee-card-gap:26px;width:calc((var(--employee-card-width) * 4) + (var(--employee-card-gap) * 3));grid-template-columns:repeat(4, var(--employee-card-width));justify-content:center;justify-items:center;gap:var(--employee-card-gap);align-items:start;max-width:100%;margin:42px auto 0;display:grid;overflow:visible}@media (width<=1120px){.cards-grid{width:calc((var(--employee-card-width) * 3) + (var(--employee-card-gap) * 2));grid-template-columns:repeat(3, var(--employee-card-width))}}@media (width<=840px){.cards-grid{width:calc((var(--employee-card-width) * 2) + var(--employee-card-gap));grid-template-columns:repeat(2, var(--employee-card-width))}}.practice-cards-grid{margin-top:0}.employee-card{z-index:1;color:#111827;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:2px solid #f47c20;border-radius:30px;gap:8px;padding:12px;transition:border-color .22s,box-shadow .22s,transform .22s,background .22s;display:grid;position:relative;transform:translateY(0);box-shadow:0 20px 60px #00000038,inset 0 1px #ffffff73}.employee-card:hover{background:#ffffff73;transform:translateY(-4px);box-shadow:0 24px 70px #00000047,0 0 0 5px #f47c201a}.employee-card.correct{border-color:var(--green);box-shadow:0 0 0 5px #22c55e29,0 0 34px #22c55e5c,0 18px 55px #00000038}.employee-card.incorrect{border-color:var(--red);box-shadow:0 0 0 5px #ef444424,0 0 34px #ef444452,0 18px 55px #00000038}.employee-card.dropdown-open{z-index:1000}.flip-card{aspect-ratio:4/5;cursor:pointer;perspective:1000px;background:0 0;border:0;border-radius:24px;width:100%;padding:0;overflow:visible}.flip-card:disabled,.employee-card.correct .flip-card{cursor:default}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:inherit;transition:transform .7s;position:relative}.employee-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-card-front{background:#e5e7eb;box-shadow:inset 0 0 0 1px #11182714}.flip-card-back{text-align:center;color:#fff;background:radial-gradient(circle at 0 0,#f47c2047,#0000 36%),linear-gradient(135deg,#f48936,#242424);place-content:center;gap:7px;padding:18px;display:grid;transform:rotateY(180deg)}.flip-card-back h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,1.8vw,1.65rem);font-weight:900;line-height:1.02}.flip-card-back .employee-title{font-family:var(--font-main);color:#ffffffeb;margin:0;font-size:clamp(.78rem,1.05vw,.95rem);font-style:normal;font-weight:500;line-height:1.22}.flip-card-back .employee-campus{font-family:var(--font-main);color:var(--gcds-orange);text-transform:uppercase;letter-spacing:.035em;margin:2px 0 0;font-size:clamp(.85rem,1.15vw,1.05rem);font-weight:900;line-height:1.05}.employee-photo,.quiz-photo{object-fit:cover;width:100%;height:100%;display:block}.placeholder-photo{color:#374151;text-align:center;background:radial-gradient(circle at 0 0,#f47c2033,#0000 34%),linear-gradient(135deg,#e5e7eb,#f8f8f8);place-content:center;justify-items:center;gap:10px;width:100%;height:100%;min-height:260px;font-weight:950;display:grid}.placeholder-icon{font-size:3rem}.guess-select{gap:8px;font-weight:900;display:grid}.guess-select>span{color:#f48936;font-size:.95rem}.custom-dropdown{z-index:20;width:100%;position:relative}.custom-dropdown-button{box-sizing:border-box;color:#111827;text-align:left;cursor:pointer;background:#ffffffb8;border:1px solid #11182724;border-radius:16px;width:100%;padding:9px 12px;font-size:.85rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffff8c}.custom-dropdown-button:hover,.custom-dropdown-button:focus{border-color:var(--gcds-orange);outline:none;box-shadow:0 0 0 4px #f47c2029}.custom-dropdown-button:disabled{opacity:.72;cursor:not-allowed}.custom-dropdown-menu{z-index:9999;background:#fff;border:1px solid #d0d0d0;border-radius:14px;max-height:240px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000002e}.custom-dropdown-button{height:38px;min-height:38px;line-height:1.1}.practice-cards-grid,.cards-grid{overflow:visible}.custom-dropdown-option{color:#111827;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:10px 12px;font-weight:800;display:block}.custom-dropdown-option:hover,.custom-dropdown-option:focus{color:#111827;background:#f47c202e;outline:none}.custom-dropdown-empty{color:#777;background:#fff;padding:10px}.guess-message{border-radius:18px;margin:0;padding:12px 14px;font-weight:900;line-height:1.35}.success-message,.try-again-message{font-family:var(--font-accent);color:#fff;font-size:1.35rem}.quiz-layout{grid-template-columns:repeat(2,minmax(320px,420px));justify-content:center;align-items:stretch;gap:28px;width:min(920px,100%);margin:48px auto 0;display:grid}.quiz-card,.quiz-panel{width:100%;height:100%;min-height:520px}.quiz-card{color:#111827;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:2px solid #f47c20;border-radius:30px;align-items:stretch;height:520px;min-height:520px;padding:12px;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;display:flex;box-shadow:0 20px 60px #00000038,inset 0 1px #ffffff73}.quiz-photo{aspect-ratio:auto;object-fit:cover;width:100%;height:100%}.quiz-card:hover{background:#ffffff73;transform:translateY(-4px);box-shadow:0 24px 70px #00000047,0 0 0 5px #f47c201a}.quiz-card.correct{border-color:var(--green);box-shadow:0 0 0 5px #22c55e29,0 0 34px #22c55e5c,0 18px 55px #00000038}.quiz-card.incorrect{border-color:var(--red);box-shadow:0 0 0 5px #ef444424,0 0 34px #ef444452,0 18px 55px #00000038}.quiz-photo{aspect-ratio:auto;object-fit:cover;border-radius:24px;width:100%;height:100%}.quiz-panel{color:#111827;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:2px solid #f47c20;border-radius:30px;align-content:center;gap:18px;padding:26px;display:grid;box-shadow:0 20px 60px #00000038,inset 0 1px #ffffff73}.quiz-question-group{gap:12px;display:grid}.quiz-question-group h2{color:#111827;letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:950;line-height:1}.quiz-options{gap:10px;display:grid}.quiz-option{color:#111827;text-align:left;cursor:pointer;background:#ffffffb8;border:1px solid #f47c20;border-radius:16px;width:100%;padding:12px 14px;font-size:.95rem;font-weight:700;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 1px #ffffff8c}.quiz-option:hover,.quiz-option:focus{border-color:var(--gcds-orange);background:#ffffffdb;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #f47c2029}.quiz-option.selected{border-color:var(--gcds-orange);background:#f47c203d;box-shadow:0 0 0 4px #f47c202e}.quiz-option:disabled{cursor:not-allowed;opacity:.82}.quiz-submit-button{color:#111827;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#f8f8f8eb;border:0;border-radius:999px;padding:12px 18px;font-weight:950;transition:transform .2s,background .2s,color .2s,box-shadow .2s;box-shadow:0 14px 34px #0000002e}.quiz-submit-button:hover,.quiz-submit-button:focus{background:var(--gcds-orange);color:#fff;outline:none;transform:translateY(-2px);box-shadow:0 18px 44px #f47c2052}.quiz-submit-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.quiz-feedback{border:2px solid #1118271f;border-radius:20px;gap:8px;padding:14px;font-weight:800;display:grid}.quiz-feedback strong{font-size:1rem;line-height:1.3}.quiz-feedback p{color:#374151;margin:0;font-size:.88rem;line-height:1.35}.quiz-feedback.perfect{color:#064e3b;background:#dcfce7;border-color:#22c55e80}.quiz-feedback.partial{color:#7c2d12;background:#fff7ed;border-color:#f47c208c}.quiz-feedback.wrong{color:#7f1d1d;background:#fee2e2;border-color:#ef444480}.celebration-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.celebration-modal{color:#111827;text-align:center;background:#f8f8f8fa;border-radius:36px;width:min(620px,100%);padding:36px;box-shadow:0 34px 100px #0000006b}.tiger-animation{font-size:5rem;animation:1.1s ease-in-out infinite tigerBounce}@keyframes tigerBounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(4deg)}}.celebration-modal h2{letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(2rem,5vw,4rem);font-style:italic;font-weight:950;line-height:.95}.celebration-subtitle{color:#374151;margin:18px 0 0;font-weight:800;line-height:1.5}.celebration-score{color:var(--gcds-orange);margin:14px 0 0;font-size:1.2rem;font-weight:950}@media (width<=950px){.quiz-layout{grid-template-columns:1fr;width:min(460px,100%)}.quiz-card,.quiz-panel{height:auto;min-height:auto}.quiz-card{max-width:none}.quiz-photo{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.score-panel{width:min(420px,100%);margin:0 auto 14px;position:static}.practice-game-page .score-panel{width:min(420px,100%);margin:0 auto 18px;position:static}}@media (width<=768px){.app:before,.app:after{position:fixed}.hero{padding-top:24px}.department-select-grid,.practice-cards-grid{padding-top:clamp(290px,31vh,350px)}.practice-header-shell.is-scrolled~.department-select-grid,.practice-game-page .practice-header-shell.is-scrolled~.practice-cards-grid{padding-top:120px}.cards-grid{grid-template-columns:minmax(280px,92vw);justify-content:center;gap:24px}.department-grid{grid-template-columns:repeat(auto-fill,minmax(230px,230px));justify-content:center}}@media (width<=650px){.app{padding:18px}.practice-game-page{padding-bottom:72px}.practice-header-shell{padding:12px 18px 10px}.practice-header-shell.is-scrolled{padding:8px 18px}.practice-header-title-row{text-align:center;justify-content:center;gap:8px;width:100%}.practice-header-shell .practice-header-title-row h1{text-align:center;letter-spacing:-.04em;white-space:normal;overflow-wrap:break-word;width:100%;max-width:calc(100vw - 36px);margin:0 auto;font-size:clamp(1.45rem,7.4vw,2.35rem);line-height:.96}.practice-header-shell.is-scrolled .practice-header-title-row h1{text-align:left;width:auto;max-width:calc(100vw - 90px);font-size:clamp(1.15rem,5.4vw,1.75rem);line-height:1}.hero:not(.department-select-header):not(.practice-game-header) h1{font-size:clamp(2.7rem,16vw,5rem)}.practice-header-shell p,.department-select-header p,.practice-game-header p{display:none}.hamburger-menu-button{flex:none;width:40px;height:40px;font-size:1.15rem}.department-select-grid,.practice-cards-grid{padding-top:clamp(180px,42vh,260px)}.practice-header-shell.is-scrolled~.department-select-grid,.practice-game-page .practice-header-shell.is-scrolled~.practice-cards-grid{padding-top:clamp(160px,36vh,220px)}@media (width<=650px){.cards-grid{grid-template-columns:minmax(300px,92vw);justify-content:center;gap:28px;width:min(390px,100%)}}.employee-card{width:100%}.practice-game-page .score-panel{z-index:220;justify-content:center;align-items:center;gap:6px;width:auto;display:flex;position:fixed;inset:auto auto 10px 50%;transform:translate(-50%)}.practice-game-page .score-corner,.practice-game-page .mini-progress-card{background:#fffffff0;border-radius:999px;padding:6px 10px;box-shadow:0 10px 24px #00000038}.practice-game-page .score-corner{white-space:nowrap;font-size:.72rem;line-height:1}.practice-game-page .mini-progress-card{min-width:auto}.practice-game-page .progress-header{gap:4px;font-size:.72rem;line-height:1}.practice-game-page .progress-header span:after{content:":"}.practice-game-page .progress-header strong{font-size:.72rem;line-height:1}.practice-game-page .progress-bar,.practice-game-page .progress-text{display:none}html{scroll-padding-top:120px}body{scroll-snap-type:none}.practice-cards-grid,.practice-cards-grid .employee-card{scroll-snap-type:none;scroll-snap-align:none;scroll-snap-stop:normal;scroll-margin-top:0}.quiz-question-group{gap:8px}.quiz-question-group h2{font-size:1.1rem}.quiz-options{gap:8px}.quiz-option{padding:9px 11px;font-size:.84rem;line-height:1.15}.quiz-submit-button{padding:9px 14px;font-size:.78rem}.quiz-feedback{gap:4px;padding:10px;font-size:.78rem}.quiz-feedback strong{font-size:.86rem}.quiz-feedback p{font-size:.75rem}.celebration-modal{padding:26px}.custom-dropdown-button{padding:8px 11px;font-size:16px}input,select,textarea,button,.custom-dropdown-button{font-size:16px}.quiz-card{height:auto;min-height:auto}.quiz-photo{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.mystery-game-page{padding-bottom:72px}.mystery-game-page{height:100svh;min-height:100svh;padding:10px 14px 54px;overflow:hidden}.mystery-game-page .hero{margin:0 auto 8px;padding:8px 8px 0}.mystery-game-page .eyebrow{letter-spacing:.14em;margin-bottom:3px;font-size:.62rem}.mystery-game-page .hero h1{letter-spacing:-.06em;font-size:clamp(1.7rem,9vw,2.55rem);line-height:.9}.mystery-game-page .hero p{display:none}.mystery-game-page .game-actions{gap:6px;margin-top:8px}.mystery-game-page .game-actions .reset-button{padding:6px 10px;font-size:.68rem;box-shadow:0 8px 18px #00000029}.mystery-game-page .quiz-layout{grid-template-columns:1fr;gap:8px;width:min(390px,100%);margin:8px auto 0;display:grid}.mystery-game-page .quiz-card{border-radius:22px;width:100%;height:min(34svh,255px);min-height:190px;padding:8px}.mystery-game-page .quiz-photo{aspect-ratio:auto;object-fit:cover;object-position:center 12%;border-radius:16px;width:100%;height:100%}.mystery-game-page .quiz-panel{border-radius:20px;gap:8px;width:100%;min-height:0;padding:10px}.mystery-game-page .quiz-question-group{gap:5px}.mystery-game-page .quiz-question-group h2{font-size:.86rem;line-height:1}.mystery-game-page .quiz-options{gap:5px}.mystery-game-page .quiz-option{border-radius:12px;padding:6px 9px;font-size:.72rem;line-height:1.08}.mystery-game-page .quiz-submit-button{padding:7px 12px;font-size:.68rem;line-height:1}.mystery-game-page .quiz-feedback{border-radius:14px;gap:3px;padding:7px 9px;font-size:.7rem}.mystery-game-page .quiz-feedback strong{font-size:.76rem;line-height:1.08}.mystery-game-page .quiz-feedback p{font-size:.68rem;line-height:1.12}.mystery-game-page .score-panel{z-index:220;justify-content:center;align-items:center;gap:6px;width:auto;display:flex;position:fixed;inset:auto auto 8px 50%;transform:translate(-50%)}.mystery-game-page .score-corner,.mystery-game-page .mini-progress-card{color:#111827;background:#fffffff0;border-radius:999px;padding:6px 10px;box-shadow:0 10px 24px #00000038}.mystery-game-page .score-corner{white-space:nowrap;font-size:.72rem;line-height:1}.mystery-game-page .mini-progress-card{min-width:auto}.mystery-game-page .progress-header{gap:4px;font-size:.72rem;line-height:1}.mystery-game-page .progress-header span:after{content:":"}.mystery-game-page .progress-header strong{font-size:.72rem;line-height:1}.mystery-game-page .progress-text,.mystery-game-page .progress-bar{display:none}.department-grid{grid-template-columns:minmax(260px,92vw)}.department-card{width:100%;min-height:130px}.department-card strong{white-space:normal;font-size:clamp(1.05rem,6vw,1.6rem)}.custom-dropdown-button{height:42px;min-height:42px;font-size:16px}}