:root{color-scheme:light;--paper:#f6f8f7;--ink:#203139;--muted:#839298;--line:#d6dedd;--green:#3d7760}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:32px 34px}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:baseline;gap:0;color:var(--ink);font-family:Georgia,serif;font-size:46px;letter-spacing:-3px;text-decoration:none}.brand span{font-weight:700}.brand i{font-weight:400}.brand small{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--muted);margin-left:18px}button{background:var(--ink);color:white;border:1px solid var(--ink);border-radius:7px;padding:15px 23px;cursor:pointer;font:inherit;font-weight:600;transition:background .18s,transform .18s}button:hover{background:#354d57}button:disabled{opacity:.5;cursor:wait}button span{display:block;font-size:10px;font-weight:400;opacity:.7;margin-top:3px}.quiet{background:transparent;border:1px solid var(--line);color:var(--ink);font-size:13px;padding:9px 14px}.quiet:hover{background:#e9efed}header .quiet{border-radius:50%;width:37px;height:37px;padding:0;font:22px Georgia,serif}.intro{text-align:center;margin:36px 0 48px}h1{font-size:22px;font-weight:400;letter-spacing:3px;margin:0 0 10px}.intro p{font:italic 18px Georgia,serif;color:var(--muted);margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;gap:8px}.toolbar small{font-size:10px;color:var(--muted);letter-spacing:1px;margin-right:6px}select{font:inherit;color:var(--ink);border:0;background:transparent;max-width:240px}#total{font-variant-numeric:tabular-nums;font-size:17px}.roundline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:23px}.steps{display:flex;gap:6px;margin:14px auto 0;width:96px}.step{height:4px;flex:1;background:#dfe7e4;border-radius:4px}.step.done{background:#729e8a}.step.current{background:#253e48}.clues{position:relative;height:280px;margin:5px 0 20px}.clues.triple{height:390px}.chain-art{position:absolute;inset:0}.chain-art svg{display:block;width:100%;height:100%;overflow:visible}.chain-node{position:absolute;transform:translate(-50%,-50%);width:23%;min-height:92px;border:1px solid var(--line);border-radius:8px;background:#ffffffc9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px 12px;box-shadow:0 8px 14px #20313904}.chain-node strong{font-size:clamp(20px,2.8vw,31px);line-height:1.4;word-break:normal;overflow-wrap:anywhere;font-weight:600}.chain-node small{display:block;color:var(--muted);font:italic 16px Georgia,serif;margin-top:6px}.chain-hub{width:20%;min-height:84px;background:var(--paper);border-color:transparent;box-shadow:none}.chain-hub.waiting{color:#c5d0d1;font:italic 32px Georgia,serif}.chain-hub.answered{background:#eef4ef;border:1px solid #bdcec2;box-shadow:0 5px 18px #38634808}.chain-hub.answered strong{font-size:clamp(18px,2.4vw,27px)}.chain-hub .chosen{font-size:8px;font-weight:400;letter-spacing:1px;color:#7e9787;margin-bottom:5px}.chain-piece{animation:forge .34s both;transform-box:fill-box;transform-origin:center}@keyframes forge{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}form{max-width:510px;margin:0 auto;text-align:center}.inputrow{display:flex;gap:12px;justify-content:center}input{font:inherit;font-size:17px;background:#f0f3f1;border:1px solid #ccd6d3;border-radius:7px;padding:18px;min-width:0;width:100%;text-align:center;color:var(--ink)}input::placeholder{color:#91a0a5;font-size:15px}input:focus{outline:2px solid #8aa99a;outline-offset:3px}#submit{white-space:nowrap;min-width:104px}.hint{font-size:10px;line-height:1.8;color:var(--muted);margin:16px 0}#status{text-align:center;font-size:13px;line-height:1.8;max-width:640px;margin:25px auto 0}#status.error{color:#a84630;background:#fff3ec;border:1px solid #eddcd0;padding:15px;border-radius:8px}.score{font-size:45px;line-height:1.2;font-weight:600;letter-spacing:-2px;margin-bottom:10px}.score span{font-size:16px;letter-spacing:0;font-weight:400;color:var(--muted)}.result-label{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.candidate-details{margin-top:14px;font-size:11px;color:var(--muted)}#best{max-width:480px;margin:25px auto 0;padding:20px 24px;background:#edf3ed;border:1px solid #d0dfd2;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;animation:reveal .5s both}.best-label{font-size:9px;letter-spacing:1px;color:#758e7c;margin-bottom:9px}.best-word{font-family:Georgia,serif;font-size:29px;line-height:1.2}.best-ja{font-size:12px;color:#728879;margin-top:5px}.best-points{color:var(--green);font-size:21px;font-weight:600;white-space:nowrap}.best-points small{display:block;font-size:9px;font-weight:400;letter-spacing:1px;text-align:right;margin-top:5px}#next{display:block;margin:26px auto 0;min-width:185px}#finish{text-align:center;margin:22px auto}.completion-title{font:italic 34px Georgia,serif;margin-bottom:12px}#history{max-width:660px;margin:40px auto 0}.result{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:15px}.result small{display:block;font-size:11px;line-height:1.9;color:var(--muted);margin-top:5px}.result>strong{font-size:18px}.bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0}#notice{font-size:10px;color:var(--muted);line-height:1.8;text-align:right}details{max-width:660px;margin:22px auto;color:#6d8186;font-size:12px;line-height:1.9}summary{cursor:pointer}footer{text-align:center;padding:26px 0;font-size:10px;line-height:2;color:var(--muted)}a{color:inherit}#meaning{max-width:510px;margin:18px auto;padding:16px;background:#edf3ed;border-radius:8px}#meaning label{display:block;font-size:12px;margin-bottom:10px}#spelling{width:100%;max-width:none;font-size:18px;padding:10px;border:1px solid var(--line);border-radius:5px;background:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){main{padding:23px 16px}.brand{font-size:38px}.brand small{margin-left:12px}.intro{margin:32px 0}h1{font-size:18px;letter-spacing:1px}.intro p{font-size:15px}.toolbar{font-size:10px}select{max-width:175px}.toolbar small{display:none}#total{font-size:14px}.clues{height:240px;margin-top:10px}.clues.triple{height:345px}.chain-node{width:25%;padding:11px 4px;min-height:86px}.chain-node strong{font-size:16px;line-height:1.6}.chain-node small{font-size:12px}.chain-hub{width:23%;min-height:76px}.chain-hub.answered strong{font-size:17px}.chain-hub .chosen{font-size:7px;letter-spacing:0}.roundline{font-size:9px;letter-spacing:.7px}.inputrow{gap:8px}input{padding:16px 10px;font-size:16px}#submit{padding:12px 17px;min-width:83px}.score{font-size:39px}.best-word{font-size:26px}#best{padding:17px}.bottom-actions{align-items:flex-start}.result{font-size:13px}#notice{max-width:210px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#distribution{max-width:760px;margin:38px auto 30px;text-align:center} .distribution-art svg{width:100%;height:auto;display:block}.distribution-caption{font:24px Georgia,serif;line-height:1.5}.distribution-note{font-size:12px;color:#72828a;line-height:1.7}#stats-import{max-width:760px;margin:22px auto;font-size:13px;color:#65757c;line-height:1.6}#stats-import input{max-width:100%}.toolbar{gap:12px}.toolbar label{min-width:0}.toolbar select{max-width:100%}@media(max-width:600px){.toolbar{flex-wrap:wrap}.toolbar label{flex:1}.toolbar>span{width:100%;text-align:right}.distribution-caption{font-size:19px}}