@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;min-height:100%;background:#071f24;color:#15383d;font-family:Pixelify Sans,sans-serif}body{overflow-x:hidden}button{font:inherit}a{color:inherit;text-decoration:none}.characterSelectPage{min-height:100svh;background:#ead9ae;color:#12383d;padding:82px 28px 30px;position:relative;overflow:hidden}.characterSelectPage:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(18,56,61,.35) 1px,transparent 0),linear-gradient(90deg,rgba(18,56,61,.35) 1px,transparent 0);background-size:16px 16px}.selectHomeLink{position:fixed!important}.characterSelectHeader{position:relative;z-index:1;text-align:center;width:min(980px,94vw);margin:0 auto 34px}.selectEyebrow{font-size:13px;letter-spacing:.13em;text-transform:uppercase;opacity:.65;margin-bottom:8px}.characterSelectHeader h1{font-size:clamp(36px,5.5vw,86px);line-height:.88;margin:0;letter-spacing:-.035em}.characterSelectHeader p{font-size:clamp(15px,1.5vw,22px);margin:14px auto 0;max-width:720px;opacity:.72}.characterGrid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px;width:min(1440px,96vw);margin:0 auto}.characterCard{position:relative;min-width:0;border:4px solid #12383d;background:#f1dfb3;color:#12383d;padding:0 0 16px;text-align:left;cursor:pointer;box-shadow:7px 7px 0 #12383d;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.characterCard:focus-visible,.characterCard:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 #12383d;outline:3px solid #f1dfb3;outline-offset:-7px}.characterCardVisual{height:250px;border-bottom:4px solid #12383d;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}.characterCard-mama .characterCardVisual{background:linear-gradient(180deg,#c9c6a6,#789b89)}.characterCard-rookie .characterCardVisual{background:linear-gradient(180deg,#d8b8a8,#d87f6c)}.characterCard-auntie .characterCardVisual{background:linear-gradient(180deg,#cfb8c6,#745d76)}.characterCard-chief .characterCardVisual{background:linear-gradient(180deg,#a7b6bb,#455f67)}.characterCard-quant .characterCardVisual{background:linear-gradient(180deg,#9fb4a4,#233d3b)}.characterCardPortrait{position:relative!important;left:auto!important;bottom:auto!important;width:88%!important;height:94%!important;filter:none!important}.characterCardIndex{position:absolute;top:9px;left:10px;z-index:2;background:#12383d;color:#f1dfb3;border:2px solid #f1dfb3;padding:3px 7px;font-size:12px}.characterCardRole{padding:13px 14px 0;font-size:14px;text-transform:uppercase;letter-spacing:.1em;opacity:.62}.characterCardName{padding:0 14px;font-size:clamp(25px,2.2vw,36px);font-weight:700;line-height:1}.characterCardPersona{padding:9px 14px 0;font-size:14px;line-height:1.05;min-height:42px;opacity:.8}.characterCardSignature{padding:10px 14px 0;font-size:13px;font-style:italic;opacity:.7}.characterCardAction{margin:14px 14px 0;border-top:2px solid rgba(18,56,61,.28);padding-top:10px;font-weight:700}.characterSelectFooter{position:relative;z-index:1;text-align:center;margin-top:28px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.56}.viewport{width:100vw;height:100vh;height:100dvh;min-height:0;overflow:hidden;display:block;background:#071f24}.game{position:relative;width:100%;height:100%;max-width:none;overflow:hidden;background:#274e4d}.scene{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:pixelated;transition:opacity .12s ease}.scene-mama{background-image:url(/assets/date/cafe-bg-onchat.png)}.scene-rookie{background-image:linear-gradient(rgba(20,38,40,.22),rgba(20,38,40,.22)),repeating-linear-gradient(0deg,#b56e62 0 24px,#cb8b75 24px 48px)}.scene-auntie{background-image:radial-gradient(circle at 65% 22%,rgba(242,223,179,.22),transparent 28%),linear-gradient(135deg,#5b405c,#8c6573 52%,#3b3744)}.scene-chief{background-image:linear-gradient(rgba(12,36,42,.15),rgba(12,36,42,.15)),repeating-linear-gradient(90deg,#4b656a 0 72px,#60777a 72px 76px),linear-gradient(#89999a,#50696d)}.scene-quant{background-image:linear-gradient(rgba(7,31,36,.38),rgba(7,31,36,.38)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(181,220,186,.15) 31px 32px),repeating-linear-gradient(90deg,#203d3a 0 31px,#33544f 31px 32px)}.sceneOffChat{filter:saturate(.78) brightness(.9)}.sceneShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,36,.02),rgba(7,31,36,.14));pointer-events:none}.scenePlaceholderLabel{position:absolute;right:22px;bottom:34%;padding:5px 8px;background:rgba(7,31,36,.42);color:rgba(241,223,179,.72);border:2px dashed rgba(241,223,179,.45);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.scene-mama .scenePlaceholderLabel{display:none}.wlHomeLink{position:absolute;left:22px;top:18px;z-index:12;padding:8px 11px;background:#173f42;color:#f1dfb3;border:3px solid #c9b88c;box-shadow:4px 4px 0 #0a292c;font-size:15px}.wlHomeLink:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0a292c}.interviewerBadge{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:9;padding:6px 12px;background:rgba(23,63,66,.92);color:#f1dfb3;border:3px solid #c9b88c;box-shadow:4px 4px 0 #0a292c;font-size:16px;white-space:nowrap}.interviewerBadge span{opacity:.62;text-transform:uppercase;letter-spacing:.08em;margin-right:8px;font-size:12px}.hud{position:absolute;top:18px;right:22px;z-index:10}.questionCount{padding:7px 11px;border:3px solid #c9b88c;background:#173f42;color:#f1dfb3;box-shadow:4px 4px 0 #0a292c;font-size:clamp(14px,1.05vw,20px);letter-spacing:.04em}.characterPortrait{position:absolute;left:5.3%;bottom:14%;width:24%;height:47%;object-fit:contain;object-position:left bottom;z-index:4;image-rendering:pixelated;filter:drop-shadow(5px 7px 0 rgba(5,31,34,.18));pointer-events:none}.characterPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid rgba(241,223,179,.72);background:#173f42;color:#f1dfb3;box-shadow:8px 8px 0 rgba(7,31,36,.45)}.characterPlaceholder span{font-size:clamp(56px,8vw,132px);font-weight:700;line-height:.8}.characterPlaceholder small{font-size:11px;letter-spacing:.08em;text-align:center;margin-top:14px;opacity:.56}.characterPlaceholder-rookie{background:#9c5d56}.characterPlaceholder-auntie{background:#624963}.characterPlaceholder-chief{background:#405d63}.characterPlaceholder-quant{background:#1e413c}.dialogueWrap{position:absolute;left:2.8%;right:2.8%;bottom:2.6%;height:28%;z-index:6;overflow:visible}.dialogueArt{position:absolute;inset:0;background-image:url(/assets/date/dialogue-box.png?v=3);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.speaker{position:absolute;left:1.2%;top:10%;z-index:8;color:#f2dfb3;font-size:clamp(25px,3vw,56px);font-weight:700;line-height:1;text-shadow:-3px 0 #173f42,0 3px #173f42,3px 0 #173f42,0 -3px #173f42,4px 4px 0 #173f42}.dialogueContent{position:absolute;left:0;right:0;top:19%;bottom:0;z-index:7;padding:2.6% 5.1% 3.4%;color:#15383d;overflow:hidden}.dialogueText{margin:0;max-width:78%;font-size:clamp(18px,1.9vw,36px);line-height:1.12;font-weight:600;letter-spacing:.005em}.introText{max-width:74%}.advance{position:absolute;right:4.2%;bottom:10%;border:0;background:transparent;color:#15383d;font-size:clamp(18px,1.9vw,36px);font-weight:700;cursor:pointer;text-transform:lowercase;padding:6px 8px;min-height:44px;min-width:44px}.advance:focus-visible,.answerOption:focus-visible,.nameContinue:focus-visible,.resultAction:focus-visible{outline:3px dashed #15383d;outline-offset:3px}.advance:hover{transform:translateX(4px)}.advance:disabled{opacity:.55;cursor:default;transform:none}.advance span{display:inline-block;margin-right:.35em}.answerList{grid-gap:0;gap:0;max-width:76%;font-size:clamp(17px,1.65vw,31px)}.answerList,.answerOption{display:grid;margin:0;line-height:1}.answerOption{grid-template-columns:1.1em 1fr;align-items:start;grid-column-gap:.18em;column-gap:.18em;border:0;background:transparent;color:#15383d;text-align:left;padding:2px 0;cursor:pointer;font-weight:600;min-height:38px}.answerOption.active,.answerOption:hover{transform:translateX(4px)}.cursor{width:1em}.keyHint{position:absolute;left:5.1%;bottom:7.5%;font-size:clamp(11px,.8vw,15px);opacity:.5;letter-spacing:.03em}.typingCaret{display:inline-block;margin-left:.06em;animation:blink .7s step-end infinite}@keyframes blink{0%,48%{opacity:1}49%,to{opacity:0}}.resultPanel h1{margin:.08em 0;font-size:clamp(34px,4.7vw,86px);line-height:.85}.resultPanel p{margin:.2em 0;max-width:74%;font-size:clamp(17px,1.5vw,28px)}.resultKicker{text-transform:uppercase;letter-spacing:.12em;font-size:clamp(12px,.95vw,17px)!important;opacity:.7}.resultNameLine{font-weight:700;letter-spacing:.02em}.resultSignature{font-style:italic;opacity:.62}.resultActions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.resultAction{border:3px solid #15383d;background:transparent;color:#15383d;padding:7px 11px;font-weight:700;cursor:pointer;text-transform:lowercase;box-shadow:3px 3px 0 rgba(21,56,61,.25)}.resultAction:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(21,56,61,.25)}.nameOverlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(7,31,36,.72);padding:20px}.nameWindow{width:min(430px,90vw);background:#173f42;color:#f1dfb3;border:4px solid #c9b88c;box-shadow:8px 8px 0 #0a292c;padding:22px}.nameWindowTitle{font-size:clamp(22px,2.2vw,34px);font-weight:700;line-height:1.05;margin-bottom:7px}.nameWallet{font-size:13px;opacity:.58;margin-bottom:16px;letter-spacing:.08em}.nameInput{width:100%;height:54px;border:3px solid #c9b88c;background:#f1dfb3;color:#15383d;padding:0 12px;outline:none;font:inherit;font-size:24px;box-shadow:4px 4px 0 #0a292c}.nameInput:focus{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #0a292c}.nameHint{font-size:13px;opacity:.62;margin-top:9px}.nameError{font-size:14px;margin-top:8px;color:#ffd2bf}.nameContinue{display:block;margin:18px 0 0 auto;border:3px solid #c9b88c;background:#f1dfb3;color:#15383d;padding:9px 14px;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 #0a292c}.nameContinue:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 #0a292c}.nameContinue:disabled{opacity:.45;cursor:default}@media(max-width:1100px){.characterGrid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}.characterCardVisual{height:220px}}@media(max-aspect-ratio:4/3){.characterPortrait{left:2.5%;bottom:15%;width:38%;height:43%}.dialogueWrap{left:1.8%;right:1.8%;bottom:1.8%;height:31%}.speaker{top:10%;font-size:clamp(24px,5vw,42px)}.dialogueContent{top:19%;padding:3% 4.5%}.dialogueText{max-width:80%;font-size:clamp(17px,3.4vw,30px);line-height:1.1}.answerList{max-width:80%;font-size:clamp(16px,3vw,26px)}.advance{right:4%;bottom:9%;font-size:clamp(17px,3.3vw,29px)}}@media(max-width:700px){.characterSelectPage{padding:70px 14px 24px}.characterSelectHeader{margin-bottom:22px}.characterSelectHeader h1{font-size:42px}.characterGrid{grid-template-columns:1fr;gap:12px;width:min(460px,96vw)}.characterCard{display:grid;grid-template-columns:132px 1fr;grid-template-rows:auto auto auto auto auto;min-height:150px;padding:0}.characterCardVisual{grid-row:1/7;height:100%;min-height:160px;border-bottom:0;border-right:4px solid #12383d}.characterCardIndex{top:7px;left:7px}.characterCardRole{padding:13px 12px 0}.characterCardName{padding:0 12px;font-size:29px}.characterCardPersona{padding:7px 12px 0;min-height:0}.characterCardSignature{padding:7px 12px 0}.characterCardAction{margin:9px 12px 12px;padding-top:7px}.characterSelectFooter{margin-top:20px}.game,.viewport{height:100dvh;min-height:100svh}.scene{background-position:50%}.sceneShade{background:linear-gradient(180deg,rgba(7,31,36,.02),rgba(7,31,36,.04) 52%,rgba(7,31,36,.2) 80%,rgba(7,31,36,.28))}.wlHomeLink{left:8px;font-size:10px;padding:5px 7px}.interviewerBadge,.wlHomeLink{top:8px;border-width:2px;box-shadow:3px 3px 0 #0a292c}.interviewerBadge{font-size:12px;padding:5px 8px}.interviewerBadge span{font-size:9px}.hud{top:8px;right:8px}.questionCount{font-size:11px;padding:5px 7px;border-width:2px;box-shadow:3px 3px 0 #0a292c}.scenePlaceholderLabel{right:8px;bottom:36%;font-size:8px}.characterPortrait{left:1%;bottom:24.4%;width:42%;height:28.5%;filter:drop-shadow(3px 4px 0 rgba(5,31,34,.16))}.characterPlaceholder span{font-size:56px}.characterPlaceholder small{font-size:8px;margin-top:7px}.dialogueWrap{left:2%;right:2%;bottom:1.2%;height:34%;min-height:215px}.speaker{left:2%;top:15%;font-size:clamp(25px,8vw,34px);text-shadow:-2px 0 #173f42,0 2px #173f42,2px 0 #173f42,0 -2px #173f42,3px 3px 0 #173f42}.dialogueContent{top:23%;padding:5.2% 5% 3.5%;overflow:hidden}.dialogueText,.introText{max-width:100%;font-size:clamp(17px,4.7vw,20px);line-height:1.08}.answerList{max-width:100%;font-size:clamp(16px,4.35vw,19px);line-height:1.03;gap:1px;padding-right:1%}.answerOption{grid-template-columns:1em minmax(0,1fr);column-gap:.15em;min-height:34px;padding:1px 0;line-height:1.03}.answerOption.active,.answerOption:hover{transform:translateX(2px)}.advance{right:4%;bottom:5.5%;font-size:clamp(15px,4.25vw,18px);padding:6px 4px;min-height:40px}.keyHint{display:none}.resultPanel h1{font-size:clamp(28px,8.7vw,42px);line-height:.9}.resultPanel p{max-width:100%;font-size:clamp(15px,4.2vw,18px)}.resultKicker{font-size:9px!important}.resultActions{gap:7px;margin-top:8px}.resultAction{padding:5px 7px;border-width:2px;font-size:12px}.nameOverlay{padding:14px}.nameWindow{width:min(360px,92vw);padding:17px;border-width:3px;box-shadow:6px 6px 0 #0a292c}.nameWindowTitle{font-size:25px}.nameInput{height:48px;font-size:21px}.nameContinue,.nameInput{border-width:2px;box-shadow:3px 3px 0 #0a292c}}@media(max-width:390px) and (orientation:portrait){.characterSelectHeader h1{font-size:36px}.characterCard{grid-template-columns:112px 1fr}.characterCardVisual{min-height:150px}.dialogueWrap{height:35%;bottom:.8%;left:1%;right:1%;min-height:205px}.speaker{top:15%;font-size:26px}.dialogueContent{top:23%;padding:5% 5% 3%}.dialogueText,.introText{font-size:16px;line-height:1.06}.answerList{font-size:15px;line-height:1.02}.answerOption{min-height:31px}.advance{font-size:15px;bottom:4.5%}}@media(max-height:520px) and (orientation:landscape){.wlHomeLink{left:8px;top:7px;font-size:9px;padding:4px 6px;border-width:2px}.interviewerBadge{top:7px;font-size:11px}.hud{top:7px;right:8px}.questionCount{font-size:10px;padding:4px 6px;border-width:2px}.characterPortrait{left:4%;bottom:20%;width:22%;height:55%}.dialogueWrap{left:2%;right:2%;bottom:1%;height:38%}.speaker{top:8%;font-size:clamp(21px,4vw,30px)}.dialogueContent{top:19%;padding:2.5% 4.2% 2%}.dialogueText,.introText{max-width:80%;font-size:clamp(14px,2.4vw,20px)}.answerList{max-width:78%;font-size:clamp(13px,2.2vw,18px)}.answerOption{min-height:24px;padding:0}.advance{right:3%;bottom:4%;font-size:clamp(14px,2.4vw,19px);min-height:34px;padding:3px 5px}.keyHint{display:none}.nameWindow{max-height:88vh;overflow:auto}}@media(hover:none){.advance:hover,.answerOption:hover,.characterCard:hover,.nameContinue:hover,.resultAction:hover,.wlHomeLink:hover{transform:none}.answerOption{cursor:default;min-height:42px}.advance{min-height:48px}.answerOption.active{transform:translateX(3px)}}.scene-mama{background-image:url(/assets/date/emma-bg.png)}.scene-rookie{background-image:url(/assets/date/claire-bg.png)}.scene-auntie{background-image:url(/assets/date/camille-bg.png)}.scene-chief{background-image:url(/assets/date/iris-bg.png)}.scene-quant{background-image:url(/assets/date/ronan-bg.png)}.characterCard-mama .characterCardVisual{background-image:url(/assets/date/emma-bg.png);background-size:cover;background-position:50%}.characterCard-rookie .characterCardVisual{background-image:url(/assets/date/claire-bg.png);background-size:cover;background-position:50%}.characterCard-auntie .characterCardVisual{background-image:url(/assets/date/camille-bg.png);background-size:cover;background-position:50%}.characterCard-chief .characterCardVisual{background-image:url(/assets/date/iris-bg.png);background-size:cover;background-position:50%}.characterCard-quant .characterCardVisual{background-image:url(/assets/date/ronan-bg.png);background-size:cover;background-position:50%}.scene-auntie .scenePlaceholderLabel,.scene-chief .scenePlaceholderLabel,.scene-mama .scenePlaceholderLabel,.scene-quant .scenePlaceholderLabel,.scene-rookie .scenePlaceholderLabel{display:none}.resultPanel{position:relative;height:100%;padding-right:29%}.resultPanel h1{font-size:clamp(24px,2.8vw,46px)!important;line-height:.9!important;margin:.02em 0 .08em!important;white-space:nowrap}.resultPanel p{font-size:clamp(13px,1.05vw,19px)!important;line-height:1.02!important;margin:.08em 0!important;max-width:100%!important}.resultPanel .resultKicker{font-size:clamp(9px,.7vw,13px)!important}.resultPanel .resultNameLine{font-size:clamp(15px,1.2vw,21px)!important}.resultPanel .resultSignature{font-size:clamp(11px,.82vw,15px)!important}.resultPanel .resultActions{position:absolute;right:0;top:50%;transform:translateY(-50%);width:25%;display:flex;flex-direction:column;align-items:stretch;gap:7px!important;margin:0!important}.resultPanel .resultAction{width:100%;margin:0!important;padding:5px 6px!important;font-size:clamp(10px,.75vw,13px)!important;line-height:1!important;text-align:center}.characterCard:disabled{cursor:not-allowed;transform:none!important;box-shadow:5px 5px 0 #12383d!important;filter:saturate(.35) brightness(.92);opacity:.58}.characterCardAssigned:disabled{filter:none;opacity:.88;outline:4px solid #12383d;outline-offset:-10px}.characterGridLocked .characterCardAction{opacity:.72}.lockedResume{margin-top:17px;border:3px solid #12383d;background:#12383d;color:#f1dfb3;padding:9px 14px;box-shadow:5px 5px 0 rgba(18,56,61,.25);cursor:pointer;font-weight:700;letter-spacing:.03em}.lockedResume:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(18,56,61,.25)}@media(max-width:700px){.resultPanel{padding-right:34%}.resultPanel h1{font-size:clamp(20px,6.2vw,30px)!important}.resultPanel p{font-size:clamp(11px,3vw,14px)!important}.resultPanel .resultNameLine{font-size:clamp(13px,3.5vw,16px)!important}.resultPanel .resultActions{width:30%;gap:5px!important}.resultPanel .resultAction{font-size:10px!important;padding:4px!important;white-space:normal}.lockedResume{font-size:13px;padding:7px 10px}}@media(max-width:390px){.resultPanel{padding-right:36%}.resultPanel h1{font-size:20px!important;white-space:normal}.resultPanel .resultActions{width:32%;right:-1%}.resultPanel .resultAction{font-size:9px!important}}