:root{color-scheme:dark;--bg:#0b1324;--fg:#f5f7fb;--muted:#aab7cf;--line:#30415d;--panel:#15233a;--rose:#ca4d82;--rose2:#ef75aa;--teal:#28bbaa;--teal2:#77e4d3;--r:16px}
*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(450px 340px at 0% 0%,#42204455,transparent 75%),radial-gradient(450px 350px at 100% 100%,#063d4855,transparent 72%),var(--bg);color:var(--fg);font:16px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal2);outline-offset:3px}a{color:var(--teal2)}.hidden{display:none!important}.muted{color:var(--muted)}.small-text{font-size:.87rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border:1px solid transparent;border-radius:var(--r);font-weight:750;text-decoration:none;text-align:center;touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.985)}.btn-outline,.action-secondary{border-color:var(--line);color:var(--fg);background:#1b2b46}.action-primary{background:var(--teal);color:#072921}.btn-danger{background:#3b2030;color:#ffd5df;border-color:#895369}.btn-small{min-height:39px;padding:7px 13px;font-size:.87rem}
.game-shell{min-height:100dvh;width:min(100%,750px);margin:auto;padding:24px clamp(18px,5vw,42px);position:relative}.settings-link{position:absolute;right:20px;top:16px;z-index:5;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--muted);text-decoration:none;font-size:1.55rem}.settings-link:hover{background:#ffffff10}.entry-screen{min-height:calc(100dvh - 48px);display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:0 0 32px}.brandmark{display:flex;justify-content:center;align-items:center;height:62px;line-height:1;letter-spacing:-19px;font-size:4.5rem;margin:0 15px 10px 0}.brandmark span:first-child{color:var(--rose2)}.brandmark span:last-child{color:var(--teal2)}.entry-screen h1{text-align:center;font-size:clamp(2.5rem,11vw,4.5rem);letter-spacing:-.04em;margin:8px 0 34px}.name-buttons{display:grid;gap:13px}.name-buttons .btn{font-size:1.7rem;min-height:74px;position:relative}.name-buttons .btn span{position:absolute;right:22px;font-size:2.2rem;font-weight:350}.name-marta{background:var(--rose);color:white}.name-petar{background:var(--teal);color:#072921}.drive-toggle{display:flex;align-items:center;gap:15px;margin-top:28px;padding:19px 17px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;background:#101c30}.drive-toggle input{width:23px;height:23px;accent-color:var(--teal);flex:none}.drive-toggle strong{display:block;font-size:1.13rem}.drive-toggle small{display:block;font-size:.83rem;color:var(--muted);margin-top:2px}.entry-hint{text-align:center;margin:35px 0 0;color:var(--muted);font-size:.84rem}
.asking-screen{min-height:calc(100dvh - 48px)}.responder-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:60px;color:var(--muted);font-size:.93rem}.respondent-button{border:0;border-radius:999px;padding:8px 20px;background:var(--rose);color:#fff;font-weight:800;min-height:41px}.respondent-button[data-person='Petar']{background:var(--teal);color:#062820}.question-meta{color:var(--muted);font-size:.83rem;margin:27px 0 8px;overflow-wrap:anywhere}.question-area{display:flex;justify-content:center;align-items:center;min-height:40dvh;padding:26px 0 300px}.question-text{text-align:center;font-weight:800;font-size:clamp(1.8rem,6.4vw,3.25rem);letter-spacing:-.03em;line-height:1.25;overflow-wrap:anywhere;margin:0}.bottom-controls{position:fixed;left:0;right:0;bottom:0;z-index:4;background:linear-gradient(to bottom,#0b132400,#0b1324 14%,#0b1324 100%);padding:30px max(18px,env(safe-area-inset-right)) calc(15px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.bottom-controls>div{max-width:670px;margin-left:auto;margin-right:auto}.translation{display:flex;gap:15px;align-items:flex-start;max-height:125px;overflow-y:auto;background:#14213a;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:11px!important;color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.translation-label{border:1px solid #536581;border-radius:7px;min-width:38px;min-height:31px;display:grid;place-items:center;color:var(--muted);font-size:.76rem;font-weight:700;flex:none}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions .btn{min-height:62px;font-size:1rem;padding:11px 8px}.center-message{min-height:calc(100dvh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.center-message h1{font-size:clamp(1.9rem,7vw,3rem);line-height:1.2;margin:0 0 12px}.center-message p{color:var(--muted);margin:8px 0;max-width:420px}.center-message .eyebrow{font-size:.94rem;color:var(--rose2);font-weight:750}.inline-link{margin-top:20px}.status{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:9;max-width:90%;font-size:.84rem;text-align:center;color:#fff;border-radius:12px}.status:not(:empty){padding:8px 14px;background:#6e2e41;box-shadow:0 6px 28px #0007}
.settings-page{background:var(--bg)}.settings-wrap{max-width:810px;padding:25px 20px 65px;margin:auto}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.settings-head h1{margin:0;font-size:1.9rem}.back-link{text-decoration:none;font-weight:750}.settings-section{padding:24px 0;border-top:1px solid var(--line)}.settings-section h2{font-size:1.35rem;margin:0 0 7px}.settings-section h3{font-size:1rem;margin:23px 0 11px}.settings-section p{margin:5px 0 17px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 13px}.seriousness-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.check-row{display:flex;align-items:flex-start;gap:9px;padding:9px 7px;border-radius:9px;font-size:.88rem;cursor:pointer}.check-row:has(input:checked){background:#152c36}.check-row input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--teal)}.inline-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.form-actions{display:flex;gap:12px;margin-top:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:20px 0}.stat-grid>div{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:13px 9px}.stat-grid span{display:block;color:var(--muted);font-size:.75rem}.stat-grid strong{display:block;font-size:1.6rem;margin-top:5px;font-variant-numeric:tabular-nums}#importForm{display:flex;align-items:stretch;flex-direction:column;gap:13px;max-width:460px}.field-label{font-weight:700}.form-feedback{color:var(--teal2);font-weight:650}.form-feedback.error{color:#ff9db6}input[type=file]{border:1px solid var(--line);border-radius:12px;padding:10px;width:100%;max-width:100%;color:var(--muted)}
@media(max-width:480px){.settings-wrap{padding:20px 14px 50px}.checkbox-grid{grid-template-columns:1fr}.seriousness-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}.seriousness-grid .check-row{flex-direction:column;align-items:center}.stat-grid{grid-template-columns:1fr 1fr}.name-buttons .btn{min-height:70px}.responder-line{padding-top:48px}.question-area{min-height:45dvh;padding-top:34px}.question-meta{margin-top:22px}}
@media(max-height:680px){.entry-screen{justify-content:flex-start;padding-top:60px}.entry-screen h1{margin-bottom:20px}.name-buttons .btn{min-height:61px}.drive-toggle{margin-top:15px}.entry-hint{margin-top:15px}.question-area{min-height:20dvh}}