:root{--bg-1:#f4f2fb;--bg-2:#eaf2fb;--bg-3:#eafaf4;--card:#fff;--ink:#2c2a45;--muted:#7b7894;--line:#ece9f6;--primary:#6d76d6;--primary-deep:#545bc0;--primary-soft:#eef0fc;--mint:#5fc7b3;--mint-soft:#e6f7f2;--danger:#e57385;--radius:20px;--shadow:0 18px 50px -22px #4c468c73;--shadow-sm:0 4px 16px -8px #4c468c59}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);background:radial-gradient(900px 500px at 85% -10%, #e7ecfd 0%, #e7ecfd00 60%), radial-gradient(800px 480px at -5% 10%, var(--bg-3) 0%, #eafaf400 55%), linear-gradient(170deg, var(--bg-1) 0%, var(--bg-2) 100%);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.consent span,.choice-text{overflow-wrap:anywhere;min-width:0}.screen{min-height:100%;padding:28px 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);padding:30px 24px;animation:.45s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.steps{justify-content:center;gap:7px;margin-bottom:22px;display:flex}.steps i{background:var(--line);border-radius:6px;width:26px;height:6px;transition:all .25s}.steps i.on{background:var(--primary);width:34px}.brand{text-align:center;margin-bottom:26px}.brand-emoji{background:linear-gradient(140deg, var(--primary), var(--mint));width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:22px;place-items:center;margin-bottom:16px;font-size:38px;display:inline-grid}.brand-title{letter-spacing:-.03em;font-size:27px;font-weight:800}.brand-sub{color:var(--muted);margin-top:9px;font-size:15.5px}.page-title{letter-spacing:-.03em;text-align:center;font-size:22px;font-weight:800}.page-sub{color:var(--muted);text-align:center;margin-top:8px;font-size:14.5px;line-height:1.55}.notice{background:var(--mint-soft);color:#2f6f63;border:1px solid #d2efe7;border-radius:14px;margin:22px 0 16px;padding:14px 16px;font-size:13.5px;line-height:1.6}.consent{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--primary-soft);border:1.5px solid #0000;border-radius:14px;align-items:flex-start;gap:11px;padding:14px 16px;font-size:14.5px;font-weight:600;transition:all .18s;display:flex}.consent.checked{border-color:var(--primary)}.consent input{width:22px;height:22px;accent-color:var(--primary);cursor:pointer;flex:none;margin-top:1px}.disclaimer{color:var(--muted);text-align:center;margin-top:16px;font-size:12.5px;line-height:1.55}.btn{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:17px 20px;font-family:inherit;font-size:17px;font-weight:800;transition:transform .12s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-deep));color:#fff;box-shadow:0 14px 30px -12px #545bc0b3}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--primary-deep);border:1.5px solid var(--line);background:#fff}.btn-ghost:hover{background:var(--primary-soft)}.actions{flex-direction:column;gap:11px;margin-top:24px;display:flex}.actions-row{gap:11px;display:flex}.actions-row .btn{flex:1}.btn-back{flex:none;width:auto;padding:17px 22px}.choices{flex-direction:column;gap:14px;margin-top:26px;display:flex}.choice{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:16px;width:100%;padding:20px 18px;font-family:inherit;transition:all .18s;display:flex}.choice:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.choice-emoji{background:var(--primary-soft);border-radius:16px;flex:none;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.choice.alt .choice-emoji{background:var(--mint-soft)}.choice-text .t{font-size:18px;font-weight:800}.choice-text .d{color:var(--muted);margin-top:3px;font-size:13.5px}.field{margin-bottom:20px}.field>label{margin-bottom:10px;font-size:15px;font-weight:800;display:block}.seg{gap:9px;display:flex}.seg button{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:13px;flex:1;padding:14px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:all .16s}.seg button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}input.input,select.input{width:100%;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:13px;outline:none;padding:15px;font-family:inherit;font-size:16px;transition:all .16s}input.input:focus,select.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}select.input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237b7894' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}input.input::placeholder{color:#b6b3c8}.foot-note{color:var(--muted);text-align:center;margin-top:18px;font-size:12.5px;line-height:1.55}.progress{background:var(--line);border-radius:9px;height:9px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--primary), var(--mint));border-radius:9px;height:100%;transition:width .3s;display:block}.progress-label{text-align:center;color:var(--muted);margin:9px 0 22px;font-size:13px;font-weight:800}.q-area{color:var(--primary-deep);background:var(--primary-soft);border-radius:999px;margin-bottom:14px;padding:6px 13px;font-size:12px;font-weight:800;display:inline-block}.q-text{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.45}.opts{flex-direction:column;gap:11px;margin-top:24px;display:flex}.opt{text-align:left;border:1.5px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;padding:16px 18px;font-family:inherit;font-size:16px;font-weight:700;transition:all .15s}.opt:hover{border-color:var(--primary);background:var(--primary-soft)}.opt.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}.pq{margin-bottom:24px}.pq-q{margin-bottom:12px;font-size:16px;font-weight:800;line-height:1.45}.pq-opts{flex-wrap:wrap;gap:9px;display:flex}.pq-opts button{border:1.5px solid var(--line);min-width:110px;color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;flex:calc(50% - 9px);padding:13px 10px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .15s}.pq-opts button:hover{border-color:var(--primary)}.pq-opts button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}.rules{flex-direction:column;gap:11px;margin:20px 0 6px;padding:0;list-style:none;display:flex}.rules li{background:var(--primary-soft);color:var(--ink);border-radius:13px;padding:13px 15px 13px 44px;font-size:14.5px;font-weight:600;line-height:1.5;position:relative}.rules li:before{content:counter(r);counter-increment:r;background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid;position:absolute;top:12px;left:13px}.rules{counter-reset:r}.intro-count{text-align:center;color:var(--primary-deep);letter-spacing:-.02em;margin:22px 0 6px;font-size:34px;font-weight:900}.game-stage{justify-content:center;align-items:center;min-height:240px;margin:8px 0;padding:10px;display:flex}.shape-set{flex-direction:column;align-items:center;gap:20px;display:flex}.shape-row{justify-content:center;gap:20px;display:flex}.shape-item{filter:drop-shadow(0 6px 11px #4c468c29);animation:.34s both rise}.shape-probe-shape{filter:drop-shadow(0 11px 18px #4c468c38);animation:.32s cubic-bezier(.2,.8,.2,1) both pop;display:inline-block}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.ready-text{color:var(--muted);font-size:18px;font-weight:800}.game-prompt{text-align:center;letter-spacing:-.02em;margin-top:6px;font-size:18px;font-weight:800}.ox{gap:14px;margin-top:22px;display:flex}.ox button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;flex:1;padding:22px 0;font-family:inherit;font-size:30px;font-weight:900;transition:transform .1s,background .15s,border-color .15s}.ox button:active{transform:translateY(2px)}.ox-o{color:var(--mint)}.ox-o:hover{border-color:var(--mint);background:var(--mint-soft)}.ox-x{color:var(--danger)}.ox-x:hover{border-color:var(--danger);background:#fdeef1}@media (width>=640px){.card{padding:38px 34px}.brand-title{font-size:30px}}