:root{--green:#2d6a4f;--green-light:#74c69d;--blue:#1d5c8a;--blue-light:#5fa8d3;--gold:#c8960a;--gold-light:#f2c14e;--paper:#f3f8f5;--card:#ffffff;--ink:#1e2f28;--muted:#6f8579;--line:#dde8e1;--good:#2d9d5f;--bad:#d1495b;--shadow:rgba(20,40,32,.16)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:Noto Sans JP,sans-serif;color:var(--ink);background:linear-gradient(150deg,var(--blue),var(--green));background-attachment:fixed}.app{max-width:520px;margin:0 auto;padding:24px 16px 60px}.screen{display:none}.screen.active{display:block;animation:fadeUp .4s cubic-bezier(.22,1,.36,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.card{background:var(--card);border-radius:22px;padding:28px 24px;box-shadow:0 14px 40px var(--shadow);position:relative}.title-chara{position:relative;display:inline-block;width:100%;text-align:center}.t-icon{text-align:center;margin-bottom:2px;position:relative;z-index:1}.t-icon img{width:110px;height:auto;animation:iconBounce 2.2s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(20,40,32,.25))}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}.floating-numbers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.float-num{position:absolute;font-size:1.2rem;opacity:0;animation:floatUp var(--dur) ease-in-out var(--delay) infinite;-webkit-user-select:none;user-select:none}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(.7) rotate(var(--rot))}15%{opacity:.85}70%{opacity:.6}to{opacity:0;transform:translateY(-90px) scale(1.1) rotate(var(--rot2))}}.t-main{font-family:Shippori Mincho,serif;font-size:1.7rem;font-weight:800;text-align:center;margin-bottom:4px;letter-spacing:.03em}.t-sub{font-size:.85rem;color:var(--muted);text-align:center;font-weight:700;margin-bottom:18px}.t-rules{background:var(--paper);border-radius:14px;padding:16px 18px;margin-top:14px;margin-bottom:20px;font-size:.85rem;line-height:1.9;color:var(--ink)}.t-rules b{color:var(--blue)}.btn{width:100%;padding:15px;border:none;border-radius:14px;font-family:Noto Sans JP,sans-serif;font-size:1.02rem;font-weight:700;cursor:pointer;transition:all .15s}.bp{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;box-shadow:0 6px 16px #1d5c8a66}.bp:hover{transform:translateY(-2px);box-shadow:0 9px 20px #1d5c8a73}.bp:active{transform:translateY(0)}.bg{background:var(--paper);color:var(--ink)}.bg:hover{background:#e6f0ea}.brow{display:flex;gap:10px;margin-top:10px}.brow .btn{flex:1}.mt12{margin-top:12px}.mt8{margin-top:8px}.n-title{font-family:Shippori Mincho,serif;font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:2px}.n-sub{font-size:.75rem;color:var(--muted);text-align:center;font-weight:700;margin-bottom:20px}.lbl{font-size:.7rem;font-weight:800;color:var(--muted);letter-spacing:2px;display:block;margin-bottom:8px}.inp{width:100%;padding:14px 16px;border:2px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-family:Noto Sans JP,sans-serif;font-size:1.05rem;font-weight:700;outline:none;transition:border-color .2s;margin-bottom:18px}.inp:focus{border-color:var(--blue)}.g-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.g-qnum{font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:700;color:var(--muted)}.g-timer{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:700;color:var(--blue);min-width:56px;text-align:right}.dots{display:flex;gap:6px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:all .3s}.dot.c{background:var(--good)}.dot.w{background:var(--bad)}.dot.cur{background:var(--gold);box-shadow:0 0 0 4px #c8960a4d}.q-wrap{background:var(--paper);border-radius:14px;padding:16px 18px;margin-bottom:16px}.q-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:800;letter-spacing:1px;border-radius:99px;padding:4px 12px;margin-bottom:10px}.q-badge.culture{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#5c3d00}.q-badge.nature{background:linear-gradient(135deg,var(--green),var(--green-light));color:#fff}.q-text{font-size:.95rem;line-height:1.85;color:var(--ink)}.grp{margin-bottom:14px}.grp-lbl{font-size:.72rem;font-weight:800;color:var(--muted);letter-spacing:2px;display:block;margin-bottom:8px}.choice-btn{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:2px solid var(--line);background:#fff;border-radius:12px;padding:11px 14px;margin-bottom:8px;cursor:pointer;transition:all .15s;font-family:Noto Sans JP,sans-serif;font-size:.88rem;font-weight:700;color:var(--ink)}.choice-btn:last-child{margin-bottom:0}.choice-btn:hover:not(.disabled){border-color:var(--blue);transform:translateY(-1px)}.choice-btn .num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--muted)}.choice-btn.sel{border-color:var(--blue);background:#eaf4fb}.choice-btn.sel .num{background:var(--blue);color:#fff}.choice-btn.correct{border-color:var(--good);background:#2d9d5f1f}.choice-btn.correct .num{background:var(--good);color:#fff}.choice-btn.wrong{border-color:var(--bad);background:#d1495b1f}.choice-btn.wrong .num{background:var(--bad);color:#fff}.choice-btn.disabled{cursor:default}.choice-btn.disabled:hover{transform:none}.dontknow-row{margin-bottom:6px}.dontknow-btn{width:100%;padding:11px;border:2px dashed var(--line);border-radius:12px;background:transparent;color:var(--muted);font-family:Noto Sans JP,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s}.dontknow-btn:hover{border-color:var(--blue);color:var(--blue)}.feedback{text-align:center;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:800;margin:10px 0 4px}.feedback.ok{color:var(--good)}.feedback.ng{color:var(--bad)}.feedback.skip{color:var(--muted)}.explain{background:#eef6f1;border-left:4px solid var(--green);border-radius:8px;padding:14px 16px;margin:10px 0 16px;font-size:.85rem;line-height:1.8;color:var(--ink);display:none}.explain.show{display:block;animation:fadeUp .3s}.explain b{color:var(--blue)}.r-emoji{font-size:3.2rem;text-align:center;margin-bottom:6px}.r-title{font-family:Shippori Mincho,serif;font-size:1.35rem;font-weight:800;text-align:center;margin-bottom:2px}.r-sub{font-size:.8rem;color:var(--muted);text-align:center;font-weight:700;margin-bottom:16px}.r-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.r-stat{background:var(--paper);border-radius:14px;padding:14px;text-align:center}.r-slabel{display:block;font-size:.68rem;color:var(--muted);font-weight:800;letter-spacing:1px;margin-bottom:4px}.r-sval{font-family:Noto Sans JP,sans-serif;font-size:1.4rem;font-weight:700;color:var(--ink)}.r-log{max-height:260px;overflow-y:auto;margin-bottom:16px;border-top:1px solid var(--line);padding-top:8px}.log-row{padding:8px 2px;font-size:.8rem;border-bottom:1px solid var(--paper)}.log-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}.log-mark{font-size:.9rem}.log-name{flex:1;font-weight:700;color:var(--ink)}.log-mark.ok{color:var(--good)}.log-mark.ng{color:var(--bad)}.rk-title{font-family:Shippori Mincho,serif;font-size:1.25rem;font-weight:800;text-align:center;margin-bottom:16px}.rk-list{margin-bottom:16px}.rk-row{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;margin-bottom:6px;background:var(--paper);animation:fadeUp .3s both}.rk-row.r1{background:linear-gradient(90deg,#fff7e0,#fff);border:1px solid #ffe08a}.rk-row.r2{background:linear-gradient(90deg,#f2f2f2,#fff);border:1px solid #ddd}.rk-row.r3{background:linear-gradient(90deg,#fbe9dd,#fff);border:1px solid #f0c9a8}.rk-num{font-family:Noto Sans JP,sans-serif;font-weight:700;width:26px;text-align:center;color:var(--muted)}.rk-name{font-weight:800;font-size:.9rem}.rk-row>div:nth-child(2){flex:1}.rk-sc{text-align:right}.rk-cor{font-family:Noto Sans JP,sans-serif;font-weight:700;color:var(--blue)}.rk-t{font-size:.7rem;color:var(--muted)}.rk-empty{text-align:center;color:var(--muted);font-size:.85rem;padding:30px 0;font-weight:700}