.history{margin-top:0;padding-top:2px;border-top:0}.qa{padding:8px 0;border-top:1px solid #f0f0f0;min-height:44px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px}.qa-idx{width:24px;text-align:center;color:#8c97a3;font-weight:700}.q{font-weight:600}.qa-placeholder{grid-column:1/-1;height:32px;background:#e7eaee;border-radius:8px;opacity:.7}.a{color:inherit;padding:8px 14px;border-radius:12px;font-weight:800;min-width:70px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.a:hover{transform:translateY(-2px) scale(1.05)}.a--yes{background:linear-gradient(135deg,#10b981,#34d399);color:#ffffff;border:2px solid #059669}.a--no{background:linear-gradient(135deg,#f43f5e,#fb7185);color:#ffffff;border:2px solid #e11d48}.a--maybe{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#ffffff;border:2px solid #d97706}.a--na{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#ffffff;border:2px solid #4b5563}.reason{grid-column:2/-1;color:var(--muted);font-size:14px}.placeholder{color:#c0c0c0;font-style:italic}.history .qa:last-child{border-bottom:1px solid #f0f0f0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;animation:modal-fade-in .2s ease-out;z-index:1001}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:linear-gradient(135deg,rgba(45,27,61,.98),rgba(42,21,44,.98));border-radius:20px;max-width:380px;width:100%;padding:24px;max-height:calc(100vh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 50px rgba(234,88,12,.4),0 10px 20px rgba(139,92,246,.3),0 0 30px rgba(234,88,12,.2),inset 0 1px 0 rgba(234,88,12,.3);border:3px solid rgba(234,88,12,.5);animation:modal-card-bounce .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modal-card-bounce{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:16px;background:linear-gradient(135deg,rgba(61,43,77,.9),rgba(74,53,87,.9));border:2px solid rgba(234,88,12,.4);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.modal-close:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px rgba(234,88,12,.4),0 0 15px rgba(139,92,246,.3)}.modal-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-title.ok{background:linear-gradient(135deg,#16a34a,#22c55e);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(22,163,74,.4))}.modal-title.bad,.modal-title.ok{-webkit-text-fill-color:transparent}.modal-title.bad{background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(220,38,38,.4))}.modal-text{text-align:center;margin:0 0 12px;font-size:17px;line-height:1.5;color:var(--fg);font-weight:500}.modal .btn-group{justify-content:center;gap:10px;margin-top:12px}.modal .btn-group .btn{min-width:120px;height:36px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--fg);display:inline-flex;align-items:center;justify-content:center}.modal .btn-group .btn:hover{background:var(--surface-hover)}.modal .btn-group .btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal .btn-group .btn-success{background:var(--yes-bg);border-color:var(--yes-filled);color:var(--yes-fg)}.modal .btn-group .btn-success:hover{filter:brightness(.98)}.modal .btn-group .btn-success:active{filter:brightness(.96)}.modal .btn-group .btn-danger{background:var(--no-bg);border-color:var(--no-filled);color:var(--no-fg)}.modal .btn-group .btn-danger:hover{filter:brightness(.98)}.modal .btn-group .btn-danger:active{filter:brightness(.96)}.modal .btn-group .btn-primary{background:var(--primary-50);border-color:var(--primary);color:var(--primary-900)}.modal-card .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 4px}.modal-card .stat-grid>div{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.modal-card .stat-grid .muted{font-size:12px}.modal-card .stat-grid strong{display:block;margin-top:2px;font-size:18px;letter-spacing:-.01em}.welcome-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#1a0b2e,#2d1b3d 50%,#1f1029);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.welcome-overlay--visible{opacity:1;visibility:visible}.welcome-content{text-align:center;max-width:420px;padding:40px 28px;background:linear-gradient(135deg,rgba(45,27,61,.95),rgba(42,21,44,.95));border-radius:24px;box-shadow:0 20px 60px rgba(234,88,12,.4),0 10px 30px rgba(139,92,246,.3),0 0 30px rgba(234,88,12,.2),inset 0 1px 0 rgba(234,88,12,.3);border:3px solid rgba(234,88,12,.5);animation:welcome-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes welcome-bounce{0%{transform:scale(.8) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.welcome-icon{width:96px;height:110px;margin:0 auto 28px;background:linear-gradient(135deg,#ea580c,#8b5cf6);border-radius:48px 48px 0 0;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(234,88,12,.5),0 4px 12px rgba(139,92,246,.4),0 0 20px rgba(234,88,12,.3);animation:welcome-icon-pulse 3s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative;padding-bottom:14px}.welcome-icon:before{right:0;background:linear-gradient(135deg,#ea580c,#8b5cf6);border-radius:0 0 50% 50%}.welcome-icon:after,.welcome-icon:before{content:"";position:absolute;bottom:0;left:0;height:14px}.welcome-icon:after{width:100%;background:radial-gradient(circle at 16px 0,transparent 14px,#f97316 0),radial-gradient(circle at 48px 0,transparent 14px,#a855f7 0),radial-gradient(circle at 80px 0,transparent 14px,#c026d3 0);background-size:32px 14px;background-position:0 0,32px 0,64px 0;background-repeat:no-repeat}@keyframes welcome-icon-pulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(2deg)}}.welcome-icon-text{font-size:56px;font-weight:800;color:white;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.2)}.welcome-title{font-size:52px;font-weight:800;background:linear-gradient(135deg,#ea580c,#fb923c 50%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-.02em;filter:drop-shadow(0 0 10px rgba(234,88,12,.5))}.welcome-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 28px}.welcome-dot{width:14px;height:14px;border-radius:50%;animation:welcome-dot-rainbow-bounce 2s cubic-bezier(.68,-.6,.32,1.6) infinite;box-shadow:0 2px 8px rgba(0,0,0,.2)}.welcome-dot:first-child{background:linear-gradient(135deg,#ea580c,#fb923c);animation-delay:0s}.welcome-dot:nth-child(2){background:linear-gradient(135deg,#f59e0b,#fbbf24);animation-delay:.15s}.welcome-dot:nth-child(3){background:linear-gradient(135deg,#8b5cf6,#a78bfa);animation-delay:.3s}.welcome-dot:nth-child(4){background:linear-gradient(135deg,#7c3aed,#a855f7);animation-delay:.45s}.welcome-dot:nth-child(5){background:linear-gradient(135deg,#c026d3,#d946ef);animation-delay:.6s}.welcome-dot:nth-child(6){background:linear-gradient(135deg,#dc2626,#ef4444);animation-delay:.75s}@keyframes welcome-dot-rainbow-bounce{0%,60%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.3)}}.welcome-subtitle{font-size:19px;color:var(--muted);margin:0 0 36px;line-height:1.5;font-weight:600}.welcome-no-wrap{white-space:nowrap}.welcome-error{margin:24px 0;padding:16px 20px;background:rgba(220,38,38,.15);border:2px solid rgba(220,38,38,.4);border-radius:12px;text-align:center}.welcome-error-message{color:#fca5a5;font-size:15px;font-weight:600;margin:0 0 12px;line-height:1.5}.welcome-button--retry{padding:10px 24px;border-radius:10px;border:2px solid #dc2626;background:linear-gradient(135deg,#dc2626,#991b1b);color:white;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.welcome-button--retry:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,38,38,.4);background:linear-gradient(135deg,#ef4444,#dc2626)}.welcome-loading{margin:24px 0;padding:16px 20px;background:rgba(139,92,246,.15);border:2px solid rgba(139,92,246,.3);border-radius:12px;text-align:center}.welcome-loading-message{color:#c4b5fd;font-size:15px;font-weight:600;margin:0;animation:pulse 2s ease-in-out infinite}.welcome-button-container{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.welcome-button{padding:16px 28px;border-radius:16px;border:3px solid transparent;font-size:18px;font-weight:800;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;min-height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.1)}.welcome-button--primary{background:linear-gradient(135deg,#ea580c,#8b5cf6);color:white;border-color:#dc2626;text-shadow:0 2px 4px rgba(0,0,0,.3)}.welcome-button--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px rgba(234,88,12,.5),0 4px 12px rgba(139,92,246,.4),0 0 20px rgba(234,88,12,.3)}.welcome-button--primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px rgba(234,88,12,.4)}.welcome-button--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.welcome-button--primary:disabled:hover{transform:none;box-shadow:0 6px 16px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.1)}.welcome-button--secondary{background:linear-gradient(135deg,rgba(61,43,77,.8),rgba(74,53,87,.9));color:var(--fg);border:3px solid rgba(234,88,12,.4)}.welcome-button--secondary:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,rgba(74,53,87,.9),rgba(88,63,100,1));border-color:rgba(234,88,12,.6);box-shadow:0 6px 18px rgba(234,88,12,.3),0 0 15px rgba(139,92,246,.2)}.welcome-date-container{border-top:1px solid var(--border);padding-top:24px}.welcome-date{font-size:16px;font-weight:600;color:var(--fg);margin:0 0 8px}.welcome-meta{font-size:14px;color:var(--muted);margin:4px 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:480px){.welcome-content{padding:24px 16px}.welcome-title{font-size:36px}.welcome-subtitle{font-size:16px}.welcome-icon{width:64px;height:74px;margin-bottom:20px;padding-bottom:10px}.welcome-icon:before{height:10px}.welcome-icon:after{height:10px;background:radial-gradient(circle at 11px 0,transparent 10px,#b964f5 0),radial-gradient(circle at 32px 0,transparent 10px,#d84fa5 0),radial-gradient(circle at 53px 0,transparent 10px,#e84f9d 0);background-size:21px 10px;background-position:0 0,21px 0,43px 0}.welcome-icon-text{font-size:36px}.welcome-button-container{margin-bottom:24px}}.game-error-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:32px}.game-error-message{text-align:center;padding:24px 32px;background:rgba(220,38,38,.15);border:2px solid rgba(220,38,38,.4);border-radius:16px;max-width:400px}.game-error-message p{color:#fca5a5;font-size:16px;font-weight:600;margin:0 0 16px;line-height:1.6}.btn-retry{padding:12px 28px;border-radius:12px;border:2px solid #dc2626;background:linear-gradient(135deg,#dc2626,#991b1b);color:white;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,38,38,.4);background:linear-gradient(135deg,#ef4444,#dc2626)}.game-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.game-loading-message{color:#c4b5fd;font-size:16px;font-weight:600;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}