:root{--ink:#1d2433;--paper:#fffdf8;--muted:#656b75;--line:#e7e2d8;--lime:#b7f53b;--green:#1d7d4e;--red:#d85050}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 12%, #f3ffcc 0, transparent 27rem), var(--paper);min-height:100vh;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.page-shell{width:min(100% - 40px,1050px);margin:0 auto;padding:28px 0 64px}.site-header{letter-spacing:.13em;align-items:center;gap:10px;font-size:.9rem;font-weight:900;display:flex}.header-logo{border-radius:9px;width:36px;height:36px}.game,.result-panel{text-align:center;max-width:880px;margin:40px auto 0}.game-preview{filter:blur(6px);opacity:.32;pointer-events:none;-webkit-user-select:none;user-select:none}.welcome-backdrop{z-index:10;background:#1d24331f;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.welcome-modal{border:2px solid var(--ink);background:var(--paper);width:min(100%,520px);box-shadow:10px 12px 0 var(--ink);text-align:center;border-radius:22px;padding:38px 34px 30px}.welcome-logo{border-radius:18px;width:116px;height:116px}.welcome-modal .eyebrow{margin-top:22px}.welcome-modal h1{font-size:clamp(2.5rem,8vw,4rem)}.welcome-copy{max-width:370px;color:var(--muted);margin:17px auto 25px;font-size:1rem;line-height:1.5}.welcome-play-button{width:100%;padding:15px 20px}.support-button{width:100%;color:var(--muted);cursor:not-allowed;background:0 0;border:0;margin-top:10px;padding:11px 20px;font-size:.86rem}.support-button span{color:#84901e;text-transform:uppercase;margin-left:6px;font-size:.74rem;font-weight:800}.game-meta{color:var(--muted);letter-spacing:.09em;justify-content:space-between;font-size:.7rem;font-weight:800;display:flex}.progress{background:#e7e6e0;border-radius:999px;height:6px;margin-top:11px;overflow:hidden}.progress span{border-radius:inherit;background:var(--ink);height:100%;transition:width .3s;display:block}.eyebrow{color:#54770a;letter-spacing:.15em;margin:52px 0 12px;font-size:.72rem;font-weight:900}h1{letter-spacing:-.065em;max-width:640px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:50px;line-height:.98}.intro,.result-panel>p{color:var(--muted);font-size:1.02rem}.intro{margin:17px 0 34px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.choice-card{border:2px solid var(--ink);min-height:280px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:17px;flex-direction:column;align-items:flex-start;padding:28px;transition:transform .18s,box-shadow .18s,background .25s;display:flex;position:relative;overflow:hidden}.choice-card:not(:disabled):hover{box-shadow:7px 8px 0 var(--ink);transform:translateY(-5px)rotate(-.35deg)}.choice-card:disabled{cursor:default}.choice-symbol{font-size:3.5rem}.choice-label{letter-spacing:-.05em;margin-top:auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,3vw,2.45rem);font-weight:700;line-height:.95}.choice-detail{color:var(--muted);margin-top:10px;font-size:.92rem}.choice-card.normal{border-color:var(--green);background:#e4f9dc}.choice-card.weird{border-color:var(--red);background:#ffe6e2}.verdict{color:#fff;background:var(--green);text-align:center;letter-spacing:.1em;min-width:122px;padding:8px;font-size:.7rem;font-weight:900;position:absolute;top:25px;right:-30px;transform:rotate(35deg)}.weird .verdict{background:var(--red)}.answer-panel{text-align:left;background:#edf9dc;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 0;padding:19px 20px 19px 25px;display:flex}.answer-panel.incorrect{background:#fff0ed}.answer-panel p{color:var(--ink);margin:0;font-size:.94rem}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;flex:none;padding:13px 20px;font-weight:800}.primary-button:hover{background:#3c4658}.result-panel{border:2px solid var(--ink);background:var(--lime);border-radius:20px;max-width:600px;padding:54px 32px}.result-panel .eyebrow{color:var(--ink);margin-top:0}.result-panel h1{font-size:clamp(5rem,15vw,9rem)}.result-panel h1 span{letter-spacing:-.04em;font-size:.36em}.result-panel .primary-button{margin-top:20px}@media (max-width:620px){.page-shell{width:min(100% - 28px,1050px)}.game{margin-top:42px}.eyebrow{margin-top:37px}.card-grid{grid-template-columns:1fr}.choice-card{min-height:205px}.answer-panel{display:block}.answer-panel .primary-button{width:100%;margin-top:16px}.result-panel{padding:44px 22px}.welcome-modal{box-shadow:6px 7px 0 var(--ink);padding:31px 22px 22px}}
