@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap');
.experience.recruitment-active{background:#13263b;color:#f7eedb;border-color:#576679}.recruitment-active .topbar{background:#14273c;border-color:#3b4b5e}.recruitment-active .wordmark{color:#f6e8c5}.recruitment-active .sound{border-color:#6e7c8d;color:#f6e8c5;background:#233950}.recruitment-active .case-number{color:#c5b283}.recruitment-screen{position:relative;isolation:isolate;padding:19px 24px 24px;background:radial-gradient(ellipse at 85% 22%,#a98a4622,transparent 47%),repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 5px),#13263b;overflow:hidden;min-height:calc(100svh - 68px)}.recruitment-screen::before{content:'';position:absolute;pointer-events:none;z-index:-1;right:-125px;top:210px;width:350px;height:350px;border:1px solid #bba56f14;border-radius:50%;box-shadow:0 0 0 25px #bba56f06,0 0 0 55px #bba56f04}.recruit-chrome{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:10px}.recruit-back{padding:6px 0;border:0;background:none;color:#b7c0c9;font-size:10px;min-height:30px}.recruit-back:disabled{opacity:1;cursor:default;font-size:8px;color:#baa778;letter-spacing:1px}.recruit-phase{font-size:8px;letter-spacing:1.3px;color:#bca975;white-space:nowrap}.recruit-progress{display:flex;gap:6px;margin:0 0 25px}.recruit-progress i{height:3px;background:#35465a;flex:1;border-radius:2px}.recruit-progress i.filled{background:linear-gradient(90deg,#b98d42,#f0db99);box-shadow:0 0 8px #e7c97a35}.recruit-eyebrow{font-size:8px;font-weight:700;letter-spacing:2px;color:#cbb780;margin:0 0 14px;line-height:1.6}.recruitment-screen h1{font-size:43px;letter-spacing:-1.3px;line-height:1.04;color:#faf2df}.recruitment-screen h1 em{color:#e0c47d}.recruit-intro{font-size:12px;line-height:1.8;color:#b9c3ce;margin:13px 0 18px;max-width:340px}.recruit-empty-badge{position:relative;display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center;margin:19px 3px 28px;padding:39px 19px 27px;background:linear-gradient(140deg,#f8efd5,#e4d3a5);border:1px solid #f4dfaa;border-radius:7px;box-shadow:0 11px 25px #0004,inset 0 0 0 5px #c8b17a4d;transform:rotate(-3deg);min-height:194px;animation:badgeArrive .6s ease both}.badge-clip{position:absolute;z-index:5;top:-13px;left:44%;width:43px;height:27px;border:1px solid #b4bab7;border-radius:4px;background:linear-gradient(90deg,#758187,#e1e5db 32%,#899597 63%,#c7ceca);box-shadow:0 4px 5px #0b192f42}.badge-clip::after{content:'';position:absolute;left:15%;right:15%;top:6px;height:5px;border-radius:2px;background:#4c565b;box-shadow:0 1px 0 #f8fae0}.empty-badge-mark{position:absolute;right:14px;top:10px;border:1px solid #a28a51;color:#8c7547;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font:900 9px Georgia,serif}.badge-overline{position:absolute;top:17px;left:19px;font-size:7px;letter-spacing:1.1px;font-weight:700;color:#8b774c}.empty-badge-avatar{height:88px;border:1px dashed #a38b56;background:#b9a06b22;display:grid;place-items:center;font:55px Georgia,serif;color:#b4a078;border-radius:3px}.empty-badge-info{display:grid;gap:6px;color:#23364d;min-width:0}.empty-badge-info small{font-size:8px;letter-spacing:2px;color:#8d7443}.empty-badge-info strong{font:700 25px 'Caveat',Georgia,serif;line-height:1.2;overflow-wrap:anywhere}.empty-badge-info>span{font-size:6px;letter-spacing:1px;color:#8c7850}.recruit-stamp{position:absolute;bottom:13px;right:13px;border:2px solid #995d48a8;color:#995d48a8;transform:rotate(-9deg);padding:5px 8px;font:bold 11px Georgia,serif;letter-spacing:1.5px}.recruit-name-form{display:flex;flex-direction:column;flex:1}.recruit-name-form label{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#c8b581;margin:3px 0 9px}.recruit-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #647084;background:#0d1d30;border-radius:6px;box-shadow:inset 0 3px 8px #09142660;padding:0 13px;min-height:57px}.recruit-input-wrap:focus-within{border-color:#e8ce88;box-shadow:0 0 0 3px #dfc47817}.recruit-input-wrap>span{color:#e2c887;font-size:25px}.recruit-input-wrap input{min-width:0;flex:1;width:100%;font-size:18px;border:0;background:none;color:#fff1d3;outline:none;padding:15px 0;caret-color:#e2c887}.recruit-input-wrap input::placeholder{color:#6e7d90}.name-count{font-size:9px;color:#7c8c9f;white-space:nowrap}.recruit-helper{font-size:10px;line-height:1.7;color:#8596aa;margin:10px 0 20px}.recruit-bottom{margin-top:auto;padding-top:17px}.recruit-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:16px 18px;border:1px solid #f3dfa4;border-radius:6px;background:linear-gradient(#f0d99a,#caa658);box-shadow:0 4px 0 #7e622d,inset 0 1px 0 #fff5d0;color:#263242;font-size:13px;font-weight:800;transition:filter .15s,transform .15s}.recruit-primary:hover{filter:brightness(1.06)}.recruit-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #7e622d}.recruit-primary>span:last-child{font-size:21px}.recruit-primary:disabled{background:#304258;border-color:#4b5b6d;color:#7d8b9c;box-shadow:0 4px 0 #0c1929;cursor:not-allowed}.recruit-fine{font-size:9px;line-height:1.7;text-align:center;color:#8799ae;margin:14px 0 0}.recruit-portrait{background-image:url('detective-avatars.webp');background-size:400% 200%;background-repeat:no-repeat;background-position:calc(var(--portrait-column)*100%/3) calc(var(--portrait-row)*100%);width:130px;max-width:100%;aspect-ratio:3/4;pointer-events:none;filter:drop-shadow(0 6px 5px #071a2b40)}.identity-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 10px}.identity-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;min-height:244px;overflow:hidden;border:1px solid #617188;border-radius:7px;background:radial-gradient(ellipse at 50% 40%,#365576,#21364e 70%);color:#f7ecd2;box-shadow:0 5px 0 #0a1b2d;transition:transform .18s,border-color .18s,box-shadow .18s}.identity-portrait{width:145px;max-width:none;aspect-ratio:3/4;position:relative;margin:10px -3px 0}.identity-label{position:relative;display:block;width:100%;padding:14px;background:#14283de8;border-top:1px solid #ffffff1a;font:26px 'DM Serif Display',Georgia,serif;color:#e4d2a4}.identity-check,.character-check{position:absolute;right:9px;top:9px;width:22px;height:22px;border:1px solid #8092a6;border-radius:4px;background:#11263b;display:grid;place-items:center;font-size:14px;font-weight:900;color:#162940}.identity-option.chosen,.character-card.chosen{border:2px solid #e5c77c;box-shadow:0 0 0 2px #e0be6d20,0 6px 0 #0a192b,0 0 20px #d8b95e17;transform:translateY(-3px)}.chosen .identity-check,.chosen .character-check{background:#e0c47e;border-color:#fff1c2}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 0}.character-card{position:relative;overflow:hidden;padding:0;border:1px solid #60738c;background:radial-gradient(ellipse at center 45%,#416283,#20364f 70%);color:white;border-radius:7px;box-shadow:0 4px 0 #0a192b;transition:transform .18s,border-color .18s,box-shadow .18s}.character-card:nth-child(2){background:radial-gradient(ellipse at center 45%,#7c633f,#2d3541 73%)}.character-card:nth-child(3){background:radial-gradient(ellipse at center 45%,#50624d,#263b3b 73%)}.character-card:nth-child(4){background:radial-gradient(ellipse at center 45%,#755059,#2f3049 73%)}.character-art{height:157px;overflow:hidden;display:flex;justify-content:center;align-items:end}.character-art .recruit-portrait{width:126px;flex-shrink:0}.character-number{position:absolute;top:9px;left:9px;font-size:8px;letter-spacing:1px;color:#d2d9de;z-index:2}.character-copy{display:grid;gap:4px;text-align:left;padding:10px;background:#102238ed;border-top:1px solid #ffffff1c;min-height:51px}.character-copy strong{font:16px 'DM Serif Display',Georgia,serif;color:#f0deb3;line-height:1.05}.character-copy small{font-size:7px;color:#a9b9ca;line-height:1.4}.character-status{font-size:10px;color:#cabb92;text-align:center;margin:14px 0 0}.recruit-step-2 h1{font-size:37px}.recruit-step-2 .recruit-intro{font-size:11px;margin:9px 0 12px}.recruit-step-2 .recruit-progress{margin-bottom:18px}.recruit-step-2 .recruit-bottom{padding-top:13px}.recruit-step-2 .recruit-eyebrow{margin-bottom:10px}.recruit-step-3 h1{font-size:38px;overflow-wrap:anywhere}.recruit-step-3 .recruit-chrome{margin-bottom:30px}.badge-reveal-stage{position:relative;perspective:900px;margin:44px 0 40px;min-height:224px;display:grid;place-items:center}.badge-halo{position:absolute;inset:-60px -40px;background:radial-gradient(ellipse,#e5ca7a26,transparent 65%);animation:haloAppear 1.2s ease both}.badge-orbit{position:absolute;width:270px;height:270px;border:1px solid #c9af6d20;border-radius:50%;pointer-events:none}.orbit-b{width:330px;height:330px;border-style:dashed;border-color:#c9af6d10;transform:rotate(20deg)}.issued-badge{position:relative;width:100%;max-width:350px;padding:12px;background:linear-gradient(130deg,#f6e9c8,#ddc68d 52%,#f5eacb);border:1px solid #f9e7b2;border-radius:8px;color:#1e324b;box-shadow:0 18px 25px #0005,inset 0 0 0 4px #bd9d5144;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(-3deg);transition:transform .2s;animation:badgeIssue .8s cubic-bezier(.2,.8,.2,1) both;isolation:isolate}.issued-header{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 10px;border-bottom:1px solid #aa8e5660;font-size:8px;font-weight:800;letter-spacing:.7px}.issued-header>span:last-child{font-size:6px;color:#8b7445;letter-spacing:1px}.issued-body{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:13px 3px 9px}.issued-photo{height:132px;background:radial-gradient(ellipse at center,#8aa1b2,#526d83);border:3px solid #fff2d0;box-shadow:0 2px 4px #4d341f3b;display:flex;justify-content:center;align-items:end;overflow:hidden}.issued-photo .recruit-portrait{width:100px;max-width:none;flex-shrink:0}.issued-copy{display:flex;flex-direction:column;align-items:start;min-width:0;padding-top:4px}.issued-copy>small{font-size:7px;letter-spacing:1.5px;color:#8b7345}.issued-copy>strong{font:700 31px/1.05 'Caveat',Georgia,serif;overflow-wrap:anywhere;max-width:100%;margin:5px 0 7px}.issued-copy>span{font-size:9px;color:#5c625e}.issued-copy>code{font:8px monospace;letter-spacing:1px;color:#8e764a;margin-top:9px}.issued-seal{position:absolute;right:19px;bottom:43px;display:grid;place-items:center;width:35px;height:35px;border:3px double #ab8c43;border-radius:50%;color:#a1833e;font-size:21px;opacity:.8}.issued-footer{display:flex;justify-content:space-between;border-top:1px solid #aa8e5650;padding:8px 4px 0;color:#725c2e;font-size:6px;font-weight:700;letter-spacing:1.2px}.badge-shine{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:8px;z-index:5}.badge-shine::after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 38%,#fff9 46%,#c4e2e877 50%,transparent 59%);transform:translateX(-80%);animation:badgeShine 1.5s .45s ease forwards}.badge-issued-stamp{position:absolute;z-index:7;right:-4px;bottom:-20px;color:#d8b866;border:3px double #d8b866;background:#182b40e8;padding:9px 13px;font:700 15px Georgia,serif;letter-spacing:2px;transform:rotate(-9deg);animation:issueStamp .35s .7s both;box-shadow:0 4px 7px #0003}.recruit-ready{display:flex;gap:10px;align-items:center;justify-content:center;color:#b4c9bc;font-size:10px;line-height:1.6;margin:5px 0 22px;animation:haloAppear .5s .9s both}.ready-dot{width:22px;height:22px;border:1px solid #547a61;border-radius:50%;display:grid;place-items:center;background:#305844;color:#dbebcb}.recruit-edit{border:0;background:none;color:#abbbcd;font-size:10px;text-decoration:underline;text-underline-offset:4px;display:block;margin:14px auto 0;padding:6px}.header-detective{display:flex;align-items:center;gap:5px;max-width:120px;background:#f0e4c4;border:1px solid #cbb47b;border-radius:20px;padding:3px 8px 3px 3px;color:#3c4c58;cursor:pointer;font-size:9px}.header-detective span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-detective{width:25px;height:25px;overflow:hidden;position:relative;border-radius:50%;background:#60778b}.mini-detective .recruit-portrait{position:absolute;max-width:none;width:32px;left:-3px;top:-3px}.detective-greeting{display:flex;align-items:center;gap:8px;font-size:11px;color:#6e735f;margin:0 0 18px;padding:9px 11px;background:#eae1cb;border:1px solid #d7c7a5;border-radius:5px}.detective-greeting strong{color:#213954}.detective-greeting .mini-detective{width:30px;height:30px}.recruitment-active .header-detective{background:#243d58;border-color:#8d7c54;color:#f4e8c5}@keyframes badgeArrive{from{opacity:0;transform:translateY(18px) rotate(-6deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes badgeIssue{from{opacity:0;transform:translateY(35px) rotate(-8deg) scale(.86)}to{opacity:1;transform:rotate(-3deg) scale(1)}}@keyframes badgeShine{to{transform:translateX(80%)}}@keyframes issueStamp{from{opacity:0;transform:rotate(-15deg) scale(1.5)}to{opacity:1;transform:rotate(-9deg) scale(1)}}@keyframes haloAppear{from{opacity:0}to{opacity:1}}@media(min-width:600px){.recruitment-screen{min-height:780px}.recruitment-screen h1{font-size:48px}.recruit-step-2 h1{font-size:40px}.character-art{height:180px}.character-art .recruit-portrait{width:145px}.recruit-step-3 h1{font-size:43px}}@media(max-width:359px){.recruitment-screen{padding:16px 18px 22px}.recruitment-screen h1{font-size:38px}.recruit-step-2 h1{font-size:34px}.recruit-progress{margin-bottom:20px}.recruit-empty-badge{margin-top:15px;min-height:177px;padding:34px 16px 24px}.character-art{height:139px}.character-art .recruit-portrait{width:111px}.character-copy{padding:9px 7px}.character-copy strong{font-size:14px}.character-copy small{font-size:6px}.identity-option{min-height:225px}.identity-portrait{width:130px}.issued-body{grid-template-columns:88px 1fr;gap:11px}.issued-copy>strong{font-size:27px}.issued-photo{height:120px}.issued-photo .recruit-portrait{width:91px}}@media(prefers-reduced-motion:reduce){.recruit-empty-badge,.issued-badge,.badge-halo,.badge-issued-stamp,.recruit-ready,.badge-shine::after{animation:none!important}.recruitment-screen *{transition:none!important}.badge-shine::after{display:none}}

.profile-active .case-number{display:none}.profile-active .header-detective{max-width:115px}.recruit-step-3 .recruit-fine{font-size:8px}.recruitment-screen input:focus-visible{outline:none}

/* Character selection is a brief personality beat, not a new dialogue screen. */
.character-card .recruit-portrait{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s}.character-card.chosen .recruit-portrait{transform:translateY(-3px) scale(1.045);filter:drop-shadow(0 6px 7px #e3c46c33)}.character-grid.has-choice .character-card:not(.chosen){filter:saturate(.75) brightness(.87)}.character-grid .character-card{transition:transform .2s,filter .2s,border-color .2s}.character-status.has-reaction{position:relative;border:1px solid #8f815f;background:linear-gradient(130deg,#f4e7c5,#dec78e);border-radius:5px;padding:10px 12px;margin:13px 0 0;text-align:left;box-shadow:0 3px 0 #081a2c44}.character-status.has-reaction::before{content:'';position:absolute;top:-6px;left:23px;width:10px;height:10px;background:#f1e3bc;border-top:1px solid #8f815f;border-left:1px solid #8f815f;transform:rotate(45deg)}.character-status.has-reaction small{display:block;color:#8b713d;font-size:7px;letter-spacing:1.3px;margin-bottom:3px;font-weight:700}.character-status.has-reaction>span{font:18px 'Caveat',Georgia,serif;color:#24364a}.reaction-enter{animation:reactionIn .25s ease both}.recruit-step-2 .character-art{height:146px}
/* Personalized assignment: the same ritual can deliver any future case. */
.assignment-screen{background:radial-gradient(ellipse at 50% 45%,#775c312b,transparent 65%),repeating-linear-gradient(110deg,#ffffff02 0 1px,transparent 1px 5px),#13263b;color:#f7ebce;padding:33px 24px 25px;isolation:isolate;overflow:hidden}.assignment-screen>.eyebrow{font-size:8px;color:#cbb67b}.assignment-screen h1{font-size:39px;line-height:1.08;color:#f6edd6;overflow-wrap:anywhere}.assignment-screen h1 em{color:#dabe77}.assignment-intro{font-size:12px;line-height:1.8;color:#acbacb;margin:14px 0 0}.assignment-desk{position:relative;perspective:900px;display:grid;place-items:center;min-height:350px;margin:30px 0 16px}.assignment-desk::before{content:'';position:absolute;width:420px;height:300px;background:radial-gradient(ellipse,#d1ab5b17,transparent 65%);filter:blur(12px);z-index:-1}.assignment-folder{position:relative;width:100%;height:265px;padding:0;background:transparent;border:0;perspective:900px;transform:rotate(-4deg);filter:drop-shadow(0 18px 13px #07142380);animation:folderDelivered .65s cubic-bezier(.2,.8,.2,1) both;color:#263c50;text-align:left}.folder-back{position:absolute;inset:0;background:linear-gradient(145deg,#c5a468,#987840);border:1px solid #d6bb80;border-radius:6px 7px 7px 7px}.folder-tab{position:absolute;top:-23px;left:4px;background:#c1a064;border:1px solid #d7bb7c;border-bottom:0;padding:7px 20px;border-radius:6px 12px 0 0;font-size:9px;font-weight:800;letter-spacing:1px;color:#735b31}.folder-insert{position:absolute;left:10px;right:10px;top:2px;bottom:9px;background:linear-gradient(#fff8e5,#e9dfc5);border:1px solid #d9ccb1;transform:rotate(2deg) translateY(-9px);box-shadow:0 0 4px #402c1d55;background-image:linear-gradient(#fff9e7dd,#f2e8d3f5),url('case-001.webp');background-size:cover;overflow:hidden}.insert-title{display:block;border-bottom:1px solid #aa96705c;margin:16px 12px;padding-bottom:8px;font:bold 13px Georgia,serif;color:#4c4435}.folder-front{position:absolute;inset:7px 0 0;background:linear-gradient(115deg,#e9c88c,#d2ae6b 62%,#e6c58c);border:1px solid #f1d7a4;border-bottom:5px solid #ab8549;border-radius:5px;box-shadow:inset 0 1px 0 #fff0cb,0 5px 5px #291c1626;transform-origin:center bottom;transition:transform .6s,opacity .6s;backface-visibility:hidden;padding:22px 19px;display:flex;flex-direction:column;overflow:hidden}.folder-front::after{content:'';position:absolute;inset:6px;border:1px solid #8a66382b;pointer-events:none;border-radius:2px}.folder-letterhead{font-size:6px;letter-spacing:1.2px;color:#8c6d3b;font-weight:800}.folder-stamp{align-self:flex-end;margin:17px -2px 4px;padding:6px 8px;border:2px solid #9f4f3d99;color:#9f4f3dcc;font:bold 12px Georgia,serif;letter-spacing:1.7px;transform:rotate(-9deg)}.folder-recipient{display:grid;gap:6px;margin:0 0 19px}.folder-recipient>small{font-size:7px;letter-spacing:1.6px;color:#8b6c3b;font-weight:700}.folder-recipient>strong{font:700 27px/1.05 'Caveat',Georgia,serif;overflow-wrap:anywhere;max-width:100%}.folder-case-title{font:bold 13px Georgia,serif;letter-spacing:.6px;padding:10px 0 8px;border-top:1px solid #8b6c3b44}.folder-case-meta{font-size:6px;letter-spacing:1.2px;color:#8b6c3b}.folder-wax{position:absolute;right:17px;bottom:17px;width:41px;height:41px;border-radius:48% 51% 49% 47%;background:radial-gradient(circle at 35% 30%,#b56750,#873e30 70%);border:3px double #bf8065;box-shadow:0 3px 5px #52311b66;color:#dca78a;display:grid;place-items:center;font:bold 11px Georgia,serif;transform:rotate(8deg)}.folder-guide{font:italic 14px Georgia,serif;text-align:center;color:#c6b07a;margin:0 0 29px}.assignment-screen>.recruit-primary{margin-top:auto}.folder-opening .folder-front{transform:rotateX(-140deg);opacity:0}.folder-opening .assignment-folder{animation:folderOpen .85s ease forwards}.folder-opening .folder-insert{transform:translateY(-22px);transition:transform .5s}.assignment-folder:focus-visible{outline:3px solid #f3db9c;outline-offset:12px;border-radius:6px}
@keyframes reactionIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes folderDelivered{from{opacity:0;transform:translate(30px,-35px) rotate(4deg)}to{opacity:1;transform:translate(0,0) rotate(-4deg)}}@keyframes folderOpen{0%{transform:rotate(-4deg)}60%{transform:rotate(0) scale(1.025);opacity:1}100%{transform:translateY(-20px) scale(1.06);opacity:0}}@media(max-width:359px){.assignment-screen h1{font-size:35px}.assignment-screen{padding:26px 20px}.assignment-desk{min-height:310px;margin-top:25px}.assignment-folder{height:250px}.folder-recipient>strong{font-size:24px}.folder-front{padding:20px 17px}.recruit-step-2 .character-art{height:132px}}@media(prefers-reduced-motion:reduce){.reaction-enter,.assignment-folder{animation:none!important}.folder-opening .folder-front,.folder-opening .folder-insert,.character-card .recruit-portrait{transition:none!important}}

.badge-case-sticker{position:absolute;z-index:6;width:78px;height:78px;object-fit:contain;bottom:18px;right:0;transform:rotate(10deg);filter:drop-shadow(0 2px 2px #27303f55)}.has-case-sticker .issued-seal{display:none}.has-case-sticker .issued-copy{padding-right:25px}
.recruit-step-2 .character-art{height:170px;align-items:flex-end}.recruit-step-2 .character-art .recruit-portrait{width:118px;max-width:95%;height:auto;aspect-ratio:3/4}@media(max-width:599px){.recruit-step-2 .character-art{height:155px}.recruit-step-2 .character-art .recruit-portrait{width:108px}}
.recruit-step-0 .recruit-progress{margin-bottom:12px}.recruit-mascots{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:130px;margin:-4px auto 9px;isolation:isolate;animation:mascotWelcome .6s ease both}.recruit-mascots:before{content:'';position:absolute;z-index:-1;left:16%;right:16%;top:17%;bottom:6%;border-radius:50%;background:radial-gradient(ellipse,#e1b65b20,transparent 72%)}.recruit-mascots img{display:block;width:290px;height:146px;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 7px #07172666)}.recruit-step-0 .recruit-eyebrow{text-align:center;font-size:7px;margin-bottom:10px}.recruit-step-0 h1{text-align:center;font-size:40px;line-height:1.02;margin:0 auto}.recruit-step-0 .recruit-intro{text-align:center;font-size:11px;line-height:1.7;max-width:320px;margin:10px auto 17px}.recruit-step-0 .recruit-empty-badge{grid-template-columns:58px 1fr;min-height:152px;padding:32px 17px 20px;margin:13px 3px 23px}.recruit-step-0 .empty-badge-avatar{height:65px;font-size:43px}.recruit-step-0 .recruit-name-form .recruit-bottom{padding-top:13px}@keyframes mascotWelcome{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:599px){.recruit-mascots{height:113px;margin-bottom:7px}.recruit-mascots img{width:265px;height:132px}.recruit-step-0 h1{font-size:37px}.recruit-step-0 .recruit-intro{margin-bottom:14px}.recruit-step-0 .recruit-empty-badge{min-height:145px}}@media(prefers-reduced-motion:reduce){.recruit-mascots{animation:none}}
/* Bright recruitment screens; the illustrated case scenes keep their own palettes. */
html,body{background:#fff}.experience.recruitment-active{background:#fff;color:#172c43;border-color:#e1e6ec}.recruitment-active .topbar{background:#fff;border-color:#e5e9ee}.recruitment-active .wordmark{color:#172c43}.recruitment-active .sound{background:#fff;color:#35485c;border-color:#d3dbe4}.recruitment-active .case-number{color:#7a6c4f}.recruitment-screen{background:#fff;color:#172c43}.recruitment-screen:before{border-color:#b4985c0d;box-shadow:0 0 0 25px #b4985c04,0 0 0 55px #b4985c02}.recruitment-screen h1,.assignment-screen h1{color:#172c43}.recruitment-screen h1 em,.assignment-screen h1 em{color:#9a702d}.recruit-eyebrow,.recruit-phase{color:#80632f}.recruit-back{color:#637286}.recruit-back:disabled{color:#80632f}.recruit-intro{color:#647386}.recruit-progress i{background:#e5e9ed}.recruit-progress i.filled{background:linear-gradient(90deg,#a97f32,#d8b966);box-shadow:none}.recruit-name-form label{color:#7d6234}.recruit-input-wrap{background:#fff;border-color:#cbd4df;box-shadow:inset 0 1px 3px #1a304508}.recruit-input-wrap:focus-within{border-color:#a58340;box-shadow:0 0 0 3px #c5a45620}.recruit-input-wrap input{color:#172c43;caret-color:#172c43}.recruit-input-wrap input::placeholder{color:#8a96a4}.recruit-helper,.recruit-fine{color:#728093}.name-count{color:#7c8794}.recruit-primary:disabled{background:#edf0f4;border-color:#d7dee6;color:#8b96a4;box-shadow:0 3px 0 #d7dee6}.recruit-empty-badge{box-shadow:0 10px 23px #23364b18,inset 0 0 0 5px #c8b17a4d}.recruit-mascots img{filter:drop-shadow(0 5px 6px #23364b26)}
.identity-option{background:radial-gradient(ellipse at 50% 40%,#fff7df,#f2f4f6 75%);color:#24374b;border-color:#d0d9e2;box-shadow:0 4px 0 #dde3ea}.character-card{background:radial-gradient(ellipse at center 45%,#edf3f8,#f6f8fa 75%);color:#24374b;border-color:#d0d9e2;box-shadow:0 4px 0 #dde3ea}.character-card:nth-child(2){background:radial-gradient(ellipse at center 45%,#fff0d4,#faf8f1 75%)}.character-card:nth-child(3){background:radial-gradient(ellipse at center 45%,#e9f0e6,#f5f8f2 75%)}.character-card:nth-child(4){background:radial-gradient(ellipse at center 45%,#f5e8ea,#faf5f5 75%)}.character-copy{background:#ffffffed;border-top-color:#e1e6ec}.character-copy strong{color:#24374b}.character-copy small{color:#6a7b8d}.character-number{color:#788596}.identity-check,.character-check{background:#fff;border-color:#aebccb;color:#24374b}.identity-option.chosen,.character-card.chosen{border-color:#b99447;box-shadow:0 0 0 2px #c9a35320,0 4px 0 #d9c69d,0 0 20px #d8b95e14}.chosen .identity-check,.chosen .character-check{background:#e0c47e;border-color:#b99447}.character-grid.has-choice .character-card:not(.chosen){filter:saturate(.72);opacity:.84}.character-status{color:#7c6b43}.recruit-ready{color:#466a55}.recruit-edit{color:#667a8f}.recruitment-active .header-detective{background:#f4f0e4;border-color:#d4c28e;color:#36495a}.experience.recruitment-active .assignment-screen{background:#fff;color:#172c43}.assignment-screen .assignment-intro{color:#647386}.assignment-screen .folder-guide{color:#89652c}.assignment-screen>.recruit-fine{color:#728093}