*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0d0d1a;justify-content:center;align-items:center;min-height:100vh;font-family:Helvetica Neue,sans-serif;display:flex;overflow:hidden}#title{text-align:center;flex-direction:column;align-items:center;padding:30px;display:flex}#title h1{background:linear-gradient(135deg,#f39c12,#e74c3c);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;margin-bottom:8px;font-size:2.8em}#title .subtitle{color:#a8b2d8;margin-bottom:24px;font-size:1.1em}.info-box{color:#ccd6f6;background:#ffffff12;border-radius:16px;margin-bottom:28px;padding:18px 32px;font-size:1em;line-height:2.4}.info-box strong{color:gold}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f39c12,#e74c3c);border:none;border-radius:50px;padding:15px 60px;font-size:1.3em;transition:all .3s;box-shadow:0 0 30px #f39c1280}.start-btn:hover{transform:scale(1.07);box-shadow:0 0 45px #f39c12cc}#game{flex-direction:column;align-items:center;width:100vw;height:100vh;padding:16px;display:none}.top-bar{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:10px;display:flex}.q-num{color:#a8b2d8;font-size:1.05em}.score-disp{color:gold;font-size:1.2em;font-weight:700}.timer-wrap{background:#ffffff1a;border-radius:8px;width:100%;max-width:600px;height:10px;margin-bottom:14px;overflow:hidden}#timer-bar{background:linear-gradient(90deg,#27ae60,#f1c40f);border-radius:8px;width:100%;height:100%;transition:width .1s linear}#timer-bar.danger{background:linear-gradient(90deg,#e74c3c,#f39c12)}.photo-wrap{aspect-ratio:1;background:#1a1a2e;border-radius:18px;width:100%;max-width:520px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 8px 40px #0009}#question-img{object-fit:cover;width:100%;height:100%;transition:opacity .15s}.overlay{opacity:0;pointer-events:none;border-radius:18px;justify-content:center;align-items:center;font-size:5em;transition:opacity .15s;display:flex;position:absolute;inset:0}.overlay.correct{background:#27ae6080}.overlay.wrong{background:#e74c3c80}.btn-wrap{gap:16px;width:100%;max-width:520px;display:flex}.ans-btn{cursor:pointer;border:none;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:18px;font-size:1.3em;font-weight:700;transition:all .2s;display:flex}#btn-fujii{color:#fff;background:linear-gradient(135deg,#2980b9,#1abc9c);box-shadow:0 4px 20px #2980b966}#btn-fujii:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2980b999}#btn-chan{color:#fff;background:linear-gradient(135deg,#8e44ad,#e74c3c);box-shadow:0 4px 20px #8e44ad66}#btn-chan:hover{transform:translateY(-3px);box-shadow:0 8px 28px #8e44ad99}.btn-label{opacity:.8;font-size:.75em;font-weight:400}.ans-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#result{text-align:center;flex-direction:column;align-items:center;padding:30px;display:none}#result h1{margin-bottom:8px;font-size:2.6em}.result-score{color:gold;margin:12px 0;font-size:4em;font-weight:700}.result-msg{color:#ccd6f6;margin-bottom:10px;font-size:1.2em;line-height:1.8}.ident-rate{color:#74b9ff;margin:10px 0 20px;font-size:1.5em;font-weight:700}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f39c12,#e74c3c);border:none;border-radius:50px;padding:12px 44px;font-size:1.1em;transition:all .3s}.retry-btn:hover{transform:scale(1.05)}.stage-badge{color:#f39c12;background:#f39c1226;border:1px solid #f39c124d;border-radius:20px;padding:3px 12px;font-size:.85em}