.ranking-page .puzzle-game{max-width:460px;margin:auto}.ranking-page .puzzle-intro h1{font-size:42px}.ranking-reference{font-size:12px;color:#657568;margin:12px 0 5px}#ranking-title{font:700 22px/1.2 system-ui;margin:0}.ranking-direction{font-size:15px;font-weight:750;color:#285d3a;margin:7px 0 3px}#ranking-instruction{font-size:12px;color:#657568;line-height:1.35;margin:0 0 12px}#ranking-list,#ranking-answer{list-style:none;display:grid;gap:6px;padding:0;margin:0 0 12px}#ranking-list li{display:grid;grid-template-columns:23px minmax(0,1fr) 44px 44px;align-items:center;gap:6px;padding:5px 7px;border:1px solid #d9e3d3;border-radius:12px;background:white;min-height:56px}.rank-number{font-weight:700;color:#667c67;text-align:center;font-size:14px}.rank-name{font-size:15px;font-weight:650;line-height:1.2;overflow-wrap:anywhere}.rank-name small{display:block;font-size:11px;font-weight:400;color:#657568;margin-top:3px}#ranking-list button{width:44px;height:44px;border:0;border-radius:9px;background:#eaf0e4;color:#245a37;font-size:23px;touch-action:manipulation}#ranking-list button:disabled{opacity:.25;cursor:default}#lock-ranking,#ranking-rewards{width:100%;min-height:48px;background:#245a37}#ranking-answer li{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #dce4d7;border-radius:10px;background:#fff;padding:10px 8px;min-height:54px}#ranking-answer strong{display:block;font-size:15px}#ranking-answer small{display:block;font-size:13px;margin-top:3px;color:#586b59}.rank-verdict{font-size:12px;white-space:nowrap}.rank-correct .rank-verdict{color:#236239;font-weight:700}.rank-missed .rank-verdict{color:#805326}#ranking-score{font-size:19px;margin:10px 0;outline:none}.ranking-source{font-size:12px;margin-top:14px;color:#576856}.ranking-source summary{cursor:pointer;padding:10px 0}.ranking-source p{line-height:1.5}.ranking-source a{display:block;margin:7px 0}.ranking-page #message:empty{display:none}.ranking-page #finish-actions #next-practice,.ranking-page #finish-actions #result-button,.ranking-page #game:has(#ranking-review:not([hidden]))+.more-games{display:none}@media(max-width:900px){.ranking-page .puzzle-intro h1{font-size:29px}.ranking-page .puzzle-intro{margin-bottom:8px}.ranking-page .puzzle-intro .lede{display:none}.ranking-page .puzzle-meta{margin:8px 0}}@media(max-width:350px){#ranking-list li{grid-template-columns:18px minmax(0,1fr) 44px 44px;gap:4px;padding:4px}.rank-name{font-size:14px}}
@media(max-width:900px) and (max-height:760px){#ranking-list{gap:4px;margin-bottom:8px}#ranking-list li{min-height:52px;padding-top:3px;padding-bottom:3px}.ranking-reference{margin-top:6px}.ranking-page .puzzle-intro{margin-bottom:4px}}
