@font-face{font-family:Show;src:url('/assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}:root{font-family:Show,Arial,sans-serif;background:#150e29;color:#fff4e7;--gold:#ffca68;--muted:#b9a9cf;--teal:#72e8cb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#42245c 0,transparent 55%);min-height:100dvh}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.phone-shell{max-width:520px;padding:28px 24px max(18px,env(safe-area-inset-bottom));margin:auto;min-height:100dvh;display:flex;flex-direction:column}header{padding-bottom:28px}.logo{font-size:13px;font-weight:800;letter-spacing:.035em;display:flex;align-items:center;gap:5px}.logo span{font-family:serif;color:var(--gold);font-size:29px;margin-right:5px}.logo b{color:var(--gold)}#connection{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:9px}main{flex:1}h1{font-size:34px;line-height:1.16;letter-spacing:-.045em;margin:9px 0 16px;font-weight:800}h2{font-size:23px;line-height:1.35;letter-spacing:-.025em}p{font-size:15px;line-height:1.65;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--gold);text-transform:uppercase}.fields{display:grid;gap:20px;margin-top:26px}label{display:block;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:9px}input{width:100%;height:58px;background:#ffffff08;border:1px solid #ffffff27;border-radius:12px;padding:14px 17px;color:#fff6e9;font-size:20px;outline:none}input::placeholder{color:#7e6c96}.code-input{letter-spacing:.18em;font-size:25px}.avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-card{background:linear-gradient(145deg,#28453988,#211733);color:white;border:1px solid #ffffff22;border-radius:17px;padding:16px 10px 14px;position:relative}.avatar-card.kira{background:linear-gradient(145deg,#6d337688,#211733)}.avatar-card.selected{border:2px solid var(--gold);padding:15px 9px 13px;box-shadow:0 0 0 3px #ffca6811}.avatar-card .portrait{width:82px;height:94px;object-fit:cover;object-position:50% 18%;display:block;margin:auto auto 8px;border-radius:12px}.avatar-card strong{display:block;font-size:15px}.avatar-card small{display:block;color:#c5b7d4;font-size:10px;margin-top:4px}.primary,.secondary{width:100%;min-height:59px;border-radius:13px;padding:17px 20px;font-size:16px;font-weight:800;border:0}.primary{background:linear-gradient(125deg,#ffdc8d,#ffbf56);color:#32233d;box-shadow:0 4px 0 #9c6b36;margin-top:22px}.secondary{background:#ffffff09;color:#dacbe9;border:1px solid #ffffff24;margin-top:12px}.privacy{font-size:11px;text-align:center;line-height:1.5;color:#a693bc;margin-top:20px}.player-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.player-heading .name{font-size:16px;font-weight:800}.player-heading .score{color:var(--gold);font-size:22px;font-weight:800}.pill{display:inline-block;padding:7px 11px;background:#ffffff0a;border:1px solid #ffffff16;border-radius:100px;font-size:11px;color:#c9b6df}.big-icon{font-size:64px;color:var(--gold);line-height:1.3;margin:20px 0}.wait-screen{text-align:center;padding:3vh 0}.wait-screen h1{font-size:32px}.personal-card{background:#ffffff06;border:1px solid #ffffff1c;padding:20px;border-radius:18px;margin:20px 0}.timer-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.timer{font-size:25px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.answers{display:grid;gap:12px;margin-top:20px}.answer{width:100%;min-height:72px;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid #ffffff2a;background:#33214e;border-radius:14px;padding:15px 18px;color:#fff;font-size:17px;line-height:1.35;font-weight:700}.answer:nth-child(2){background:#412441}.answer:nth-child(3){background:#2c3649}.answer:nth-child(4){background:#293d3b}.answer .letter{flex-shrink:0;width:31px;height:31px;border-radius:8px;background:#ffffff12;display:grid;place-items:center;color:var(--gold);font-size:14px}.answer.chosen{border-color:var(--gold);background:#655033}.answer:active{transform:scale(.985)}.locked{color:var(--teal)}.answer-summary{font-size:20px;font-weight:800;color:#fff1da;margin:20px 0;line-height:1.5}.reaction{height:240px;width:100%;border-radius:40px;background:#4a2d68;color:#cab6e0;border:3px solid #735486;font-size:42px;font-weight:800;margin-top:28px;box-shadow:0 9px 0 #271833;user-select:none}.reaction.go{background:#72e8cb;color:#173f35;border-color:#a1f9df;box-shadow:0 9px 0 #34755f}.reaction:active{transform:translateY(5px);box-shadow:0 4px 0 #271833}.order-picked{display:flex;gap:5px;flex-wrap:wrap;min-height:34px;margin-top:15px}.order-picked span{background:#ffca6822;border:1px solid #ffca6855;padding:6px 9px;border-radius:8px;font-size:12px;color:var(--gold)}.small-link{background:none;border:0;color:#b4a0cd;text-decoration:underline;font-size:12px;padding:12px 0}.award{margin:12px 0;background:#ffca6810;border:1px solid #ffca6830;border-radius:14px;padding:17px}.award strong{display:block;color:var(--gold);margin-bottom:6px}.award span{font-size:13px;color:#d5c3e5}.progress{height:4px;border-radius:3px;background:#ffffff13;overflow:hidden}.progress div{background:var(--gold);height:100%;transition:width .1s linear}footer{padding:28px 0 0;text-align:center;font-size:10px;color:#78678d}#toast{position:fixed;bottom:30px;left:20px;right:20px;max-width:480px;margin:auto;border-radius:14px;background:#fff0d8;color:#443049;padding:17px 20px;font-size:14px;box-shadow:0 10px 40px #0005;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;z-index:10}#toast.visible{opacity:1;transform:translateY(0)}.screen-in{animation:enter .3s ease}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.phone-shell{padding:20px 17px}h1{font-size:29px}.answer{font-size:15px}}