@font-face{font-family:Kaisei Decol;font-style:normal;font-weight:700;font-display:swap;src:url(./assets/fonts/kaisei-decol-700.ttf) format("truetype")}:root{color-scheme:dark;font-family:Kaisei Decol,Yu Mincho,Hiragino Mincho ProN,serif;background:#000}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}body{display:grid;place-items:center}#game{container-type:inline-size;position:absolute;left:50%;top:50%;width:450px;height:800px;aspect-ratio:9 / 16;transform:translate(-50%,-50%) scale(var(--game-scale, 0));overflow:hidden;isolation:isolate;background:#15120c}.background,.background video,.background img{position:absolute;inset:0;width:100%;height:100%}.background video,.background img{object-fit:cover}.background video{z-index:1;opacity:1;transition:opacity .1s linear}.background img{z-index:0}.background video.is-transparent{opacity:0;pointer-events:none}.background video.is-scene-fading{transition:opacity var(--scene-fade-duration, .9s) ease-in-out}@media(prefers-reduced-motion:reduce){.background video.is-scene-fading{transition:none}}.start-title{position:absolute;z-index:2;top:6%;left:3%;width:94%;height:auto;opacity:0;transform:translateY(-16px);transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.2,.7,.25,1);pointer-events:none;user-select:none}.start-title.is-visible{opacity:1;transform:translateY(0)}.start-title.is-leaving{opacity:0;transform:translateY(-10px);transition-duration:.65s}@media(prefers-reduced-motion:reduce){.start-title{transform:none;transition:opacity .15s ease}.start-title.is-visible,.start-title.is-leaving{transform:none;transition-duration:.15s}}.start-layer{position:absolute;z-index:2;right:0;bottom:7%;left:0;display:grid;justify-items:center;gap:.65rem;padding:0 8%}.start-layer[hidden]{display:none}.job-notice{position:absolute;z-index:3;top:0;left:1cqw;width:24cqw;aspect-ratio:2 / 3;pointer-events:none;visibility:hidden;transform:translateY(-105%);transition:transform .7s cubic-bezier(.2,.75,.25,1),visibility 0s linear .7s;filter:drop-shadow(0 .5cqw .5cqw rgba(35,20,8,.28))}.job-notice.is-visible{visibility:visible;transform:translateY(0);transition-delay:0s}.job-notice__board{display:block;width:100%;height:100%}.job-notice__image{position:absolute;top:20%;left:17%;width:66%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.job-notice__name{position:absolute;top:67%;left:13%;width:74%;color:#4b2b14;text-align:center;font-size:4cqw;font-weight:700;line-height:1.25;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.job-notice{transition-duration:.15s,0s;transition-delay:0s,.15s}.job-notice.is-visible{transition-delay:0s}}.conversation{position:absolute;z-index:5;inset:0;pointer-events:none;color:#fff9e9;font-family:inherit}.conversation[hidden]{display:none}.dialogue{position:absolute;padding:.7rem .85rem;border:1px solid rgba(255,238,187,.56);border-radius:1rem;background:#0d110cd6;box-shadow:0 .35rem 1.2rem #0000006b;backdrop-filter:blur(7px)}.dialogue:after{position:absolute;width:.85rem;height:.85rem;content:"";background:inherit;transform:rotate(45deg)}.dialogue--sera{top:4%;right:5%;left:5%;min-height:4.8rem}.dialogue--sera[hidden]{display:none}.dialogue--sera:after{z-index:0;pointer-events:none;right:16%;bottom:-.44rem;border-right:1px solid rgba(255,238,187,.56);border-bottom:1px solid rgba(255,238,187,.56)}.dialogue__name{display:block;margin-bottom:.25rem;color:#e8cd87;font-size:.65rem;font-weight:700}#sera-text{position:relative;z-index:1;margin:0;font-size:.82rem;line-height:1.55;white-space:pre-line}.player-turn{position:absolute;right:5%;bottom:4%;left:5%;display:grid;justify-items:center;gap:.55rem}.dialogue--player{position:relative;width:100%;min-height:3.5rem;text-align:center}.dialogue--player:after{bottom:-.44rem;left:calc(50% - .425rem);border-right:1px solid rgba(255,238,187,.56);border-bottom:1px solid rgba(255,238,187,.56)}#transcript{display:block;white-space:pre-line;font-size:.82rem;line-height:1.5}.thinking-dots{display:none;align-items:center;justify-content:center;min-height:1.5rem;gap:.3rem}.thinking-dots i{width:.38rem;height:.38rem;border-radius:50%;background:currentColor;animation:dialogue-dot .9s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.dialogue[data-state=thinking]>:not(.thinking-dots,.dialogue__name){display:none}.dialogue[data-state=thinking] .thinking-dots{display:flex}.voice-orb{--voice-level: 0;position:relative;display:grid;width:12cqw;height:12cqw;place-items:center;border:1px solid rgba(205,244,183,.85);border-radius:50%;color:#eaffdf;background:#2b512de6;box-shadow:0 0 calc(.3rem + var(--voice-level) * 1.5rem) #87f291cc;transform:scale(calc(1 + var(--voice-level) * .12));transition:transform 70ms linear,box-shadow 70ms linear,filter .18s ease}.voice-icon{width:100%;height:100%;object-fit:contain;grid-area:1 / 1}.voice-icon--on{display:none}.voice-orb[data-state=ready] .voice-icon--on{display:block}.voice-orb[data-state=ready] .voice-icon--off{display:none}.conversation--interview .player-turn{left:5%;right:5%;bottom:3%;grid-template-columns:12cqw minmax(0,1fr);align-items:end;gap:2cqw}.conversation--interview .voice-orb{grid-column:1;grid-row:1;pointer-events:auto;color:#f7df9d;border-color:#bfa565;background:#334a37;cursor:pointer;transform:translateY(calc(var(--voice-level) * -4px)) rotate(calc(var(--voice-level) * -5deg)) scale(calc(1 + var(--voice-level) * .12))}.conversation--interview .dialogue--player{grid-column:2;grid-row:1;text-align:left}.conversation--interview #transcript{max-height:none;overflow:visible;pointer-events:auto;overflow-wrap:anywhere}.conversation--interview .dialogue--player:after{left:-.44rem;bottom:1.15rem;border:0;border-left:1px solid rgba(255,238,187,.56);border-bottom:1px solid rgba(255,238,187,.56)}.conversation--interview #speech-guide{grid-column:1 / -1;margin:0;text-align:left;font-size:.65rem}.conversation--interview .speech-debug,.conversation--interview #speech-guide{display:none}.conversation--interview #player-bubble:not([data-listening=true]):has(#transcript:empty){display:none}.conversation--interview #player-bubble[data-listening=true] #transcript:empty:after,.conversation--interview #player-bubble[data-listening=true][data-continued=true] #transcript:after{content:"...";display:inline;margin-left:.4em;line-height:inherit;animation:listening-ellipsis 1.2s ease-in-out infinite}@keyframes listening-ellipsis{0%,to{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.conversation--interview #player-bubble[data-listening=true] #transcript:after{animation:none}}.voice-orb[data-state=blocked]{color:#aaa;background:#232323e0;border-color:#777;filter:saturate(.1)}.voice-orb[data-state=processing]{color:#a8e8ff;background:#1f3a49eb;animation:orb-wait 1.1s ease-in-out infinite alternate}.speech-debug{position:absolute;top:1%;right:1.5%;max-width:44%;padding:.3rem .45rem;pointer-events:auto;border-radius:.45rem;font-size:.55rem;background:#0009}.speech-debug summary{display:flex;justify-content:space-between;gap:.5rem;cursor:pointer}.interview-panel{position:absolute;z-index:4;right:4%;bottom:18%;left:4%;padding:.8rem;border:1px solid rgba(255,225,157,.55);border-radius:.8rem;color:#fff8e7;font-family:system-ui,sans-serif;background:#1c150de0;box-shadow:0 .4rem 1.4rem #0000006b;backdrop-filter:blur(7px)}.interview-panel[hidden]{display:none}.interview-panel__meta{display:flex;justify-content:space-between;gap:.5rem;color:#e8cd87;font-size:.62rem}.prototype-input{display:none;grid-template-columns:1fr auto;gap:.4rem}.prototype-input input,.prototype-input button{min-width:0;padding:.55rem .6rem;border:1px solid rgba(255,232,178,.35);border-radius:.45rem;color:#fff;font:.72rem system-ui,sans-serif;background:#00000059}.prototype-input button{color:#fff4d1;background:#42552f;cursor:pointer}.speech-test__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.74rem}.speech-state{font-weight:700;color:#f7d887}.speech-state.is-speaking{color:#9cf0aa}.speech-state.is-processing{color:#8fdcf4}.meter{height:.35rem;margin:.5rem 0 .6rem;overflow:hidden;border-radius:999px;background:#ffffff26}.meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#78965c,#d8d66b,#e9785c);transition:width 80ms linear}#speech-guide{margin:0;font-size:.68rem;line-height:1.5;color:#ffffffc7;text-shadow:0 1px 3px #000}.speech-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.55rem 0 0;font-size:.62rem}.speech-metrics div{display:grid;gap:.1rem}.speech-metrics dt{color:#ffffff8c}.speech-metrics dd{margin:0}#start-button{min-width:62%;min-height:3.2rem;padding:.7rem 1.8rem;border:1px solid rgba(255,236,175,.75);border-radius:999px;color:#fff8dc;font:700 clamp(1rem,4.5cqw,1.35rem) / 1 inherit;letter-spacing:.12em;background:linear-gradient(#536738,#26391f);box-shadow:0 .35rem 1rem #0000007a,inset 0 1px #fff3;cursor:pointer}#start-button:disabled{color:#fff8dcad;background:#191c17d1;cursor:wait}#start-button:not(:disabled):active{transform:translateY(1px)}.loading-dot{display:inline-block;width:.45em;height:.45em;margin-left:.65em;border-radius:50%;background:currentColor;animation:pulse .9s ease-in-out infinite alternate}#start-button:not(:disabled) .loading-dot{display:none}#load-status{margin:0;color:#ffffffd1;font:.78rem/1.4 system-ui,sans-serif;text-shadow:0 1px 4px #000}@keyframes pulse{to{opacity:.25;transform:scale(.72)}}@keyframes dialogue-dot{0%,60%,to{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-.25rem)}}@keyframes orb-wait{to{opacity:.62;transform:scale(.94)}}@media(prefers-reduced-motion:reduce){.background video,.loading-dot,.thinking-dots i,.voice-orb{transition:none;animation:none}}.conversation--opening .player-turn,.conversation--opening .speech-debug{display:none}.conversation--opening .dialogue--sera,.conversation--interview .dialogue--sera{top:1.5%;left:50%;right:auto;width:max-content;max-width:72%;min-height:0;padding:.62em .88em .68em;border:.55cqw solid rgba(83,45,21,.9);border-radius:4.4cqw;color:#3c2415;background:#fff8e1;backdrop-filter:none;transform:translate(-50%)}.conversation--opening .dialogue--sera:after,.conversation--interview .dialogue--sera:after{right:16%;bottom:-2.6cqw;width:4.4cqw;height:4.4cqw;border-right:.55cqw solid rgba(83,45,21,.9);border-bottom:.55cqw solid rgba(83,45,21,.9)}.conversation--opening #sera-text,.conversation--interview #sera-text{font-size:3.65cqw;font-weight:700;line-height:1.4;letter-spacing:.025em}.conversation--interview .dialogue--player{padding:.62em .88em .68em;border:.55cqw solid rgba(83,45,21,.9);border-radius:4.4cqw;color:#3c2415;background:#fff8e1;backdrop-filter:none}.conversation--interview .dialogue--player:after{width:3cqw;height:3cqw;left:-1.65cqw;top:auto;bottom:6cqw;transform:translateY(50%) rotate(45deg);border-left:.55cqw solid rgba(83,45,21,.9);border-bottom:.55cqw solid rgba(83,45,21,.9)}.conversation--interview #player-bubble{min-height:12cqw;transition:height .28s ease-out}.conversation--interview #confirmed-player-bubble{min-height:12cqw}.conversation--interview #player-bubble #transcript{max-height:100%;overflow:hidden}@media(prefers-reduced-motion:reduce){.conversation--interview #player-bubble{transition:none}}.conversation--interview #transcript{font-size:3.65cqw;font-weight:700;line-height:1.4;letter-spacing:.025em}.conversation--interview #player-bubble,.conversation--interview .voice-orb{grid-row:1}.conversation--interview #confirmed-player-bubble{grid-column:2;grid-row:1;color:#343638;background:#d7d9d9;border-color:#656a6c;border-radius:2.6cqw;box-shadow:0 .6cqw #1e21234d;animation:answer-confirm .12s ease-out both}.conversation--interview #confirmed-player-bubble[hidden]{display:none}.conversation--interview #confirmed-player-bubble:after{opacity:0;pointer-events:none;animation:answer-confirm-tail .24s ease-out both}@keyframes answer-confirm{0%{color:#3c2415;background:#fff8e1;border-color:#532d15e6;border-radius:4.4cqw;box-shadow:0 0 #1e212300}to{color:#343638;background:#d7d9d9;border-color:#656a6c;border-radius:2.6cqw;box-shadow:0 .6cqw #1e21234d}}@keyframes answer-confirm-tail{0%{opacity:1;background:#fff8e1}to{opacity:0;background:#d7d9d9}}@media(prefers-reduced-motion:reduce){.conversation--interview #confirmed-player-bubble,.conversation--interview #confirmed-player-bubble:after{animation:none}}#confirmed-transcript{display:block;max-height:none;overflow:visible;overflow-wrap:anywhere;pointer-events:auto;font-size:3.65cqw;font-weight:700;line-height:1.4;letter-spacing:.025em;white-space:pre-line}.conversation--interview #transcript,.conversation--interview #confirmed-transcript{white-space:normal;word-break:normal;word-break:auto-phrase;line-break:strict;overflow-wrap:break-word}.conversation--interview .voice-orb,.voice-orb{padding:0;border:0;background:transparent;box-shadow:none;filter:none}.voice-orb[data-state=processing]{background:transparent}.voice-orb:focus-visible{outline:2px solid #ffe4a3;outline-offset:3px}.conversation--waiting-question #player-bubble,.conversation--waiting-question #speech-guide,.conversation--interview .speech-debug{display:none}.conversation--waiting-question .voice-orb{cursor:default}.conversation--interview .voice-orb{translate:-20cqw 0;opacity:0;pointer-events:none;transition:translate .42s ease-out,opacity .42s ease-out,transform 70ms linear}.conversation--interview .voice-orb.is-present{translate:0 0;opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.conversation--interview .voice-orb{transition:none}}.dialogue-character{opacity:0}.dialogue-character.is-visible{opacity:1}#start-button,.next-day-button{min-width:38cqw;min-height:0;padding:.8em 1.4em;border:.55cqw solid #633515;border-radius:1.5cqw;color:#3b1d0d;font-family:inherit;font-size:4.7cqw;font-weight:700;letter-spacing:.08em;background:radial-gradient(circle at 7% 50%,#4a260f 0 .46cqw,#a76b31 .5cqw .72cqw,transparent .76cqw),radial-gradient(circle at 93% 50%,#4a260f 0 .46cqw,#a76b31 .5cqw .72cqw,transparent .76cqw),repeating-linear-gradient(2deg,rgba(87,44,14,.08) 0 .3cqw,transparent .35cqw 1.1cqw),linear-gradient(#e8bd78,#c98742);box-shadow:0 .3cqw #48230d,0 1.2cqw 2.4cqw #16080273,inset 0 .3cqw #ffebbc94}#start-button:disabled{color:#65452b;background:linear-gradient(#cfb184,#a88053)}#load-status{display:none}.job-selection{position:absolute;z-index:6;left:2.5%;right:2.5%;bottom:1.5%;display:grid;justify-items:center;gap:3.2cqw}.job-selection[hidden]{display:none}.job-selection{transition:opacity .45s ease,translate .45s ease}.job-selection.is-leaving{opacity:0;translate:0 1cqw;pointer-events:none}.job-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:2cqw;width:100%}.job-card{display:grid;grid-template-columns:28cqw minmax(0,1fr);align-items:start;gap:1.5cqw;min-height:32.9cqw;min-width:0;padding:2.8cqw 4cqw 2.8cqw 3.6cqw;border:0;border-radius:2.5cqw;color:#3c2415;font-family:inherit;background:url(./assets/jobs/card-frame-horizontal.webp) center / 100% 120% no-repeat;text-align:left;cursor:pointer;filter:drop-shadow(0 .6cqw .7cqw rgba(25,10,0,.45));transition:transform .14s ease,filter .14s ease;animation:job-card-arrive .48s ease-out var(--reveal-delay, 0ms) both}.job-card__copy{display:grid;align-content:start;gap:1cqw;min-width:0;padding-top:1.8cqw}.job-card__title{font-size:4.8cqw;font-weight:700;line-height:1.35}.job-card__description{display:block;font-size:3.8cqw;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.job-card__image{display:block;width:23.8cqw;justify-self:start;margin-left:1.6cqw;align-self:center;aspect-ratio:1;object-fit:cover;border:1px solid #a7874f;border-radius:1.7cqw}.job-card[aria-pressed=true]{transform:translate(.6cqw);filter:drop-shadow(0 0 1cqw #ffe49b) drop-shadow(0 .5cqw .7cqw #472e14)}.job-card:focus-visible{outline:.65cqw solid #fff0b2;outline-offset:.8cqw}.job-card:disabled{cursor:default}@keyframes job-card-arrive{0%{opacity:0;translate:0 2cqw}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.job-card{animation:none;transition:none}.job-selection{transition:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
