*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}nav{height:62px;background:#15213a;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2));position:sticky;top:0;z-index:5}nav b{font-size:20px}nav a{color:#dbe7ff;text-decoration:none;margin-left:18px}main{max-width:1100px;margin:30px auto;padding:0 18px}.hero{background:linear-gradient(135deg,#17233f,#304c85);color:white;padding:34px;border-radius:22px}.hero h1{font-size:38px;margin:0 0 8px}.stats{margin-top:22px;font-weight:700}.map{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.stage{background:white;border:1px solid #e1e6ef;border-radius:16px;padding:18px;text-decoration:none;color:#182033;box-shadow:0 4px 14px #2233550c;display:flex;flex-direction:column;gap:8px}.stage:hover{transform:translateY(-2px)}.stage small{color:#667}.stage strong{font-size:18px}.stage em{font-style:normal;color:#4b6cb7}.locked{opacity:.55}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.layout{display:grid;grid-template-columns:1.6fr .8fr;gap:18px}.card{background:white;border:1px solid #e0e5ed;border-radius:16px;padding:20px}.rule{background:#eef4ff;padding:12px;border-radius:10px;margin-bottom:15px}.code{background:#101827;color:#e8eefc;padding:15px;border-radius:12px;overflow:auto}.line{display:flex;gap:18px;min-height:30px;align-items:flex-start}.line code{white-space:pre;min-width:46%}.hint{color:#ffd166;font-size:13px}.hidden{display:none}.opt{display:block;width:100%;text-align:left;padding:13px;margin:9px 0;border:1px solid #d9dfeb;background:white;border-radius:10px;font-size:16px}.opt.chosen{border:2px solid #315fc4;background:#eef4ff}button{border:0;background:#315fc4;color:white;padding:10px 15px;border-radius:9px;cursor:pointer}textarea{width:100%;height:240px;border:1px solid #ccd4e2;border-radius:10px;padding:12px;font-family:monospace;font-size:16px}.good{background:#eaf8ef;padding:13px;border-radius:10px;color:#176638}.bad{background:#fff0f0;padding:13px;border-radius:10px;color:#a72c2c}pre{white-space:pre-wrap;background:#f5f6f8;padding:12px;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e6e8ee}.cbtbar{background:#243c6a;color:white;padding:14px;border-radius:8px}.qgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:20px 0}.qgrid a{background:#edf1f7;text-align:center;padding:10px;text-decoration:none;color:#223}.muted{color:#737b89}input[type=file]{display:block;margin:15px 0}@media(max-width:760px){.layout{grid-template-columns:1fr}.topline{align-items:flex-start;gap:10px;flex-direction:column}.hero h1{font-size:30px}nav span{font-size:12px}nav a{margin-left:8px}.qgrid{grid-template-columns:repeat(5,1fr)}}
.progress{height:8px;background:#e9edf4;border-radius:9px;margin:8px 0 16px;overflow:hidden}.progress i{display:block;height:100%;background:#111}.locked{opacity:.45;filter:grayscale(1);pointer-events:none}.nextbtn{display:inline-block;padding:12px 22px;background:#111;color:white;border-radius:10px;text-decoration:none;margin-top:12px}.celebrate{position:fixed;inset:0;background:rgba(0,0,0,.82);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:48px;font-weight:800;z-index:50;text-align:center}.celebrate small{font-size:22px}.hidden{display:none!important}.exam-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:12px 0}.exam-grid button{padding:9px}.exam-grid .marked{outline:3px solid #f0ad4e}.exam-grid .answered{background:#dff0d8}
.official-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;align-items:start}.pdfbox iframe{width:100%;height:76vh;border:1px solid #d8dee9;border-radius:12px;background:white}.trainer{position:sticky;top:12px}.kana{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.choice,.qdot{padding:10px;border:1px solid #ccd4df;background:white;border-radius:10px;cursor:pointer}.choice.picked,.qdot.active{outline:3px solid #7c8cff}.qnav{display:flex;flex-wrap:wrap;gap:5px}.qdot{padding:6px 8px}.result{margin:14px 0;padding:12px;border-radius:12px;background:#f6f7fb;min-height:20px}.row{display:flex;gap:8px;justify-content:space-between}.muted{opacity:.72}@media(max-width:850px){.official-grid{grid-template-columns:1fr}.pdfbox iframe{height:55vh}.trainer{position:static}}
.coach-toolbar{margin:16px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.coach-toolbar .secondary{background:#667085}.coach{margin:12px 0}.speed{background:#fff5d6;border:1px solid #f1d57a;border-radius:12px;padding:12px}.speed p,.examsteps p{margin:6px 0}.examsteps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.examsteps>div{background:#eef4ff;border-radius:10px;padding:10px}.coach details{margin:8px 0;border:1px solid #e1e6ef;border-radius:10px;padding:10px}.coach summary{cursor:pointer;font-weight:700}.linecoach{margin-top:10px}.coachline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:8px;border-top:1px solid #edf0f4}.coachline code{white-space:pre-wrap;background:#101827;color:#e8eefc;padding:7px;border-radius:7px}.coachline span{font-size:13px}.coachline button{padding:6px 8px}.coachnote{padding:10px;background:#f6f7fb;border-radius:10px}@media(max-width:700px){.examsteps{grid-template-columns:1fr}.coachline{grid-template-columns:1fr auto}.coachline span{grid-column:1/-1}}