:root{--bg:#f0f7ff;--card:#fff;--navy:#1a3a5c;--blue:#2d6ea8;--sky:#5ba3d9;--accent:#e8a020;--green:#27ae60;--red:#e74c3c;--text:#1a2a3a;--muted:#7a96b2;--border:#d0e4f4;--shadow:rgba(26,58,92,.12)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Zen Maru Gothic,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 15% 15%,rgba(93,163,217,.18) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(26,58,92,.1) 0%,transparent 50%)}.app{max-width:520px;margin:0 auto;padding:16px}.screen{display:none}.screen.active{display:block;animation:pop .4s cubic-bezier(.34,1.4,.64,1)}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:none}}.card{background:var(--card);border-radius:24px;padding:28px 24px;box-shadow:0 6px 28px var(--shadow),0 1px 4px #0000000d}.t-wrap{text-align:center;margin-bottom:28px}.t-icon{margin-bottom:8px}.t-icon img{width:108px;height:auto;display:block;margin:0 auto}.t-main{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:3px;margin-bottom:4px}.t-sub{font-size:2rem;font-weight:900;color:var(--navy)}.t-desc{font-size:.85rem;color:var(--muted);margin-top:12px;line-height:1.6}.n-title{font-size:1.3rem;font-weight:900;color:var(--navy);text-align:center;margin-bottom:4px}.n-sub{font-size:.8rem;color:var(--muted);font-weight:700;text-align:center;margin-bottom:24px}.lbl{font-size:.7rem;font-weight:700;color:var(--muted);letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:8px}.inp{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:14px;font-family:Zen Maru Gothic,sans-serif;font-size:1.1rem;font-weight:700;outline:none;transition:border-color .2s;color:var(--text);margin-bottom:20px}.inp:focus{border-color:var(--blue)}.g-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.g-qnum{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:2px}.g-timer{font-family:DotGothic16,monospace;font-size:1.5rem;color:var(--blue);min-width:75px;text-align:right}.prog-wrap{flex:1;margin:0 12px;height:6px;background:var(--border);border-radius:99px;overflow:hidden}.prog-bar{height:100%;background:linear-gradient(90deg,var(--sky),var(--accent));border-radius:99px;transition:width .4s}.dots{display:flex;gap:5px;justify-content:center;margin-bottom:16px}.dot{width:9px;height:9px;border-radius:50%;background:var(--border);transition:all .3s}.dot.c{background:var(--green)}.dot.w{background:var(--red)}.dot.cur{background:var(--accent);animation:db .8s ease-in-out infinite}@keyframes db{0%,to{transform:scale(1)}50%{transform:scale(1.55)}}.shape-wrap{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4ff,#d8ecf8);border-radius:20px;padding:12px;margin-bottom:16px;border:2px solid var(--border);min-height:240px;position:relative;overflow:hidden}.shape-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(255,255,255,.2) 18px,rgba(255,255,255,.2) 19px);pointer-events:none}#shape-svg{display:block;position:relative;z-index:1;max-width:280px;max-height:220px}#shape-svg path{fill:#2d6ea8;stroke:#1a3a5c;stroke-width:1.5;stroke-linejoin:round;transition:fill .4s}#shape-svg.ok path{fill:#27ae60;stroke:#1a6640}#shape-svg.ng path{fill:#e74c3c;stroke:#a01c1c}#shape-svg.ok{animation:shapePop .4s cubic-bezier(.34,1.6,.64,1)}@keyframes shapePop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.cbtn{padding:14px 10px;border:2px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font-family:Zen Maru Gothic,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .18s;text-align:center}.cbtn:hover:not(:disabled){border-color:var(--blue);background:#f0f7ff;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.cbtn.ok{border-color:var(--green)!important;background:#f0fff6!important;color:var(--green)!important}.cbtn.ng{border-color:var(--red)!important;background:#fff5f5!important;color:var(--red)!important;animation:shake .4s}.cbtn:disabled{cursor:default}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.fb{display:none;text-align:center;padding:11px 16px;border-radius:12px;font-size:.9rem;font-weight:700;margin-bottom:10px;animation:pop .3s}.fb.show{display:block}.fb.ok{background:#f0fff6;border:2px solid var(--green);color:var(--green)}.fb.ng{background:#fff5f5;border:2px solid var(--red);color:var(--red)}.r-top{text-align:center;margin-bottom:20px}.r-emoji{font-size:3.5rem;margin-bottom:8px}.r-title{font-size:1.6rem;font-weight:900;color:var(--navy)}.r-sub{font-size:.8rem;color:var(--muted);font-weight:700;letter-spacing:2px;margin-top:4px}.r-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.r-stat{background:var(--bg);border-radius:14px;padding:16px;text-align:center;border:1.5px solid var(--border)}.r-slabel{font-size:.65rem;font-weight:700;color:var(--muted);letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:6px}.r-sval{font-size:1.9rem;font-weight:900;color:var(--blue)}.r-log{background:#fafcff;border-radius:14px;padding:12px 16px;margin-bottom:18px;max-height:210px;overflow-y:auto;border:1.5px solid var(--border)}.log-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:700}.log-row:last-child{border-bottom:none}.log-mark{font-size:1rem;min-width:22px}.log-pref{flex:1}.log-wrong{color:var(--muted);font-size:.8rem}.log-right{color:var(--green);font-weight:900}.rk-title{font-size:1.5rem;font-weight:900;text-align:center;color:var(--navy);margin-bottom:20px}.rk-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-height:160px}.rk-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:var(--bg);border:1.5px solid var(--border);animation:pop .3s ease both}.rk-row.r1{background:linear-gradient(135deg,#fffde7,#fff8cc);border-color:#f0c020}.rk-row.r2{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-color:#b0b0b0}.rk-row.r3{background:linear-gradient(135deg,#fff3ee,#ffe0d0);border-color:#c87040}.rk-num{font-size:1.1rem;font-weight:900;min-width:28px;text-align:center;color:var(--muted)}.rk-row.r1 .rk-num{color:#c8a000}.rk-row.r2 .rk-num{color:#909090}.rk-row.r3 .rk-num{color:#c07040}.rk-name{flex:1;font-weight:800}.rk-sc{text-align:right}.rk-cor{font-size:1rem;font-weight:900;color:var(--blue)}.rk-t{font-size:.75rem;color:var(--muted);font-weight:700}.rk-empty{text-align:center;color:var(--muted);padding:40px;font-weight:700;font-size:.9rem}.btn{width:100%;padding:15px;border:none;border-radius:14px;cursor:pointer;font-family:Zen Maru Gothic,sans-serif;font-size:1rem;font-weight:800;transition:all .18s}.bp{background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff}.bp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a3a5c4d}.bg{background:var(--bg);color:var(--blue);border:2px solid var(--border)}.bg:hover{border-color:var(--blue);background:#e8f0f8}.brow{display:flex;gap:10px}.brow .btn{flex:1}.mt10{margin-top:10px}.hint-area{margin-bottom:10px}.hint-btn{width:100%;padding:10px 16px;border:2px dashed var(--accent);border-radius:12px;background:#fffbf0;color:var(--accent);font-family:Zen Maru Gothic,sans-serif;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px}.hint-btn:hover{background:#fff3d0;transform:translateY(-1px)}.hint-btn:disabled{opacity:.5;cursor:default;transform:none}.hint-box{display:none;background:#fffbf0;border:2px solid var(--accent);border-radius:12px;padding:12px 14px;animation:pop .3s}.hint-box.show{display:block}.hint-row{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:.85rem;font-weight:700;border-bottom:1px solid #ffe8a0}.hint-row:last-child{border-bottom:none}.hint-icon{font-size:1rem;min-width:22px;margin-top:1px}.hint-label{color:var(--muted);font-size:.7rem;font-weight:700;display:block;letter-spacing:1px}.hint-val{color:var(--text)}