:root{--ink:#123542;--navy:#0d3548;--sea:#1d6372;--cream:#fff5df;--sand:#ebd5a9;--coral:#e57b53;--gold:#f2bb65;--line:#6f928e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#386b70,#102f3e 60%,#092737);color:#f7edd5;font-family:'Noto Sans JP',system-ui,sans-serif}.site-head{max-width:1330px;margin:auto;padding:13px 25px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.08em}.site-logo{color:#f5d392;text-decoration:none;font-size:18px;font-weight:900}.page{max-width:1330px;margin:auto;padding:6px 24px 30px}.page-title{text-align:center;margin:0 0 15px}.eyebrow{font-size:11px;letter-spacing:.3em;color:#f7c27d;font-weight:800}.page-title h1{margin:1px 0 1px;font-size:clamp(24px,3vw,38px);letter-spacing:.12em}.page-title p{margin:0;color:#bcd1d0;font-size:13px}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,.game-screen:focus-visible,.map-node:focus-visible{outline:3px solid #ffce6a;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.game-screen{border:10px solid #d0ab74;border-radius:30px;background:#f5e8c9;color:var(--ink);box-shadow:0 30px 90px #021a25,0 0 0 2px #fce5ae inset;min-height:550px;overflow:hidden}.screen-top{height:64px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#153f4d;color:#fae9c8}.crest{width:210px;color:#f2c271;font-size:21px}.crest span{font-size:10px;letter-spacing:.23em;margin-left:8px}.top-center{text-align:center;display:flex;gap:12px;align-items:baseline}.top-center span{font-size:11px;color:#e3ba80}.top-center strong{font-size:19px;letter-spacing:.08em}.level-pill{width:210px;text-align:right;font-size:13px;font-weight:800;color:#f2d099}.progress-track{height:5px;background:#97a8a0}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#e0875b,#f5d379);transition:width .3s}.intro{display:grid;grid-template-columns:minmax(270px,42%) 1fr;gap:32px;align-items:center;padding:30px 36px 38px;min-height:475px;background:radial-gradient(circle at 10% 10%,#f6e7c2,#e7d4aa)}.intro-art svg{width:100%;filter:drop-shadow(0 16px 20px #8d744b77)}.intro-copy{max-width:630px}.chapter-label{font-size:11px;font-weight:900;letter-spacing:.22em;color:#c06648}.intro h2{font-size:clamp(22px,2.4vw,31px);line-height:1.4;margin:4px 0 9px}.intro p{line-height:1.7}.intro-copy>p:not(.chapter-label):not(.fine){font-size:14px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.how-grid div{border:1px solid #b9ae8f;background:#fff8e9;border-radius:10px;padding:10px}.how-grid b{display:block;color:#9b4f36;font-size:12px;margin-bottom:3px}.how-grid span{font-size:11px;line-height:1.5;display:block}.intro-actions,.result-actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{border-radius:10px;border:2px solid #19485a;min-height:44px;padding:8px 18px;font-weight:900}.primary{background:#e97750;color:white;box-shadow:0 4px 0 #8f4d3b}.secondary{background:#fff4d9;color:#173e4b}.primary:hover{background:#f18a5d}.secondary:hover{background:white}.fine{font-size:11px;color:#596963;margin:10px 0 0}.mission-strip{min-height:57px;display:flex;gap:18px;align-items:center;padding:9px 24px;background:#ecdcba;border-bottom:2px solid #c7ae7b;font-size:12px}.mission-strip label{font-weight:800;white-space:nowrap}.mission-strip select{max-width:230px;background:#fff8e9;color:var(--ink);border:1px solid #8b9a8e;border-radius:7px;padding:5px}.mission-strip span{font-size:12px;color:#5b685d}.play-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);gap:0;min-height:525px}.map-column{padding:14px 17px 17px;background:#d6c69f}.map-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-weight:900}.map-heading small{font-size:11px;font-weight:700;color:#335861}.map{border:6px solid #6f8274;border-radius:17px;overflow:hidden;box-shadow:0 5px 14px #334d4d66;background:#13536b;aspect-ratio:680/560}.map svg{display:block;width:100%;height:100%}.map-node{cursor:pointer}.map-node:hover circle{stroke:#fff;stroke-width:6}.map-node.current{filter:drop-shadow(0 0 8px #ffe0a0)}.map-node.reachable:hover{filter:drop-shadow(0 0 6px #ffdf91)}.neighbor-wrap{margin-top:10px;display:flex;gap:9px;align-items:center}.neighbor-wrap>span{font-size:11px;font-weight:900;white-space:nowrap}#neighbors{display:flex;gap:5px;flex-wrap:wrap}.neighbor{display:flex;align-items:center;gap:5px;border:1px solid #567077;border-radius:8px;background:#f9eed3;color:#204351;font-size:11px;font-weight:800;padding:5px 7px}.neighbor.chosen{background:#ffe0a5;border:2px solid #d36d48}.neighbor small{font-size:10px;color:#5a6c6d}.neighbor-index{display:inline-grid;place-items:center;border-radius:50%;width:18px;height:18px;background:#255669;color:#fff}.no-route{font-size:11px}.manifest{padding:15px 18px 11px;background:#f7ecd1;border-left:4px solid #a0aa91;display:flex;flex-direction:column}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dashboard div{background:#1a4b5a;color:#f8ebd1;border-radius:9px;padding:8px 10px}.dashboard small{display:block;font-size:10px;color:#d7caa7}.dashboard strong{font-size:17px}.manifest-head{display:flex;justify-content:space-between;align-items:baseline;margin:15px 0 7px}.manifest-head span{font-size:16px;font-weight:900}.manifest-head small{font-size:10px;color:#64706b}.orders{display:grid;gap:6px}.order{width:100%;text-align:left;border:2px solid #c6b996;border-radius:9px;background:#fff9e9;padding:6px;display:flex;align-items:center;gap:8px;color:#183b48}.order.loaded{border-color:#d36c46;background:#ffebcb}.order.done{border-color:#69917f;background:#dbead9}.order-num{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#295666;color:white;font-size:13px}.order-copy{min-width:0;flex:1}.order-copy strong,.order-copy small{display:block}.order-copy strong{font-size:12px}.order-copy small{font-size:10px;color:#5c6c6a}.order em{font-style:normal;font-weight:900;font-size:10px;white-space:nowrap;color:#b36240}.order.done em{color:#427959}.status{margin-top:10px;padding:7px 8px;min-height:34px;border-radius:8px;background:#e0e7d3;color:#305b58;font-size:11px;font-weight:700}.status.failed{background:#fae0d0;color:#a24032}.hint-text{min-height:25px;font-size:11px;padding:5px 2px;color:#a15b3c;font-weight:800}.action-row{display:flex;gap:5px;margin-top:auto}.action-row button{flex:1;border:1px solid #68827c;border-radius:8px;background:#e5eccc;color:#1e4b57;font-weight:800;font-size:11px;padding:8px 3px}.action-row button:hover{background:#f8e4ba}.action-row kbd{font-size:10px;background:#fff;border:1px solid #a8aaa2;border-radius:3px;padding:1px 3px}.route-foot{display:flex;justify-content:space-between;gap:4px;color:#63736b;font-size:10px;padding-top:8px}.result{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(circle,#fff5d4,#e7d4aa)}.result[hidden],.intro[hidden],#play[hidden]{display:none}.result-sun{font-size:65px;color:#dd8253;line-height:1}.result h2{font-size:32px;margin:8px}.result p{max-width:570px;line-height:1.8}.result-actions{justify-content:center;margin-top:16px}.under{display:flex;justify-content:space-between;gap:12px;padding:9px 4px;color:#bed0c9;font-size:11px}.under button{color:#e9c889;background:none;border:0;text-decoration:underline;font-size:11px}.back{text-align:center;margin:12px}.back a{color:#f5d19d;font-weight:800;text-decoration:none}@media(max-width:900px){.play-layout{grid-template-columns:1fr}.manifest{border-left:0;border-top:4px solid #a0aa91}.map-column{max-width:680px;width:100%;margin:auto}.intro{grid-template-columns:1fr;gap:8px}.intro-art{display:none}.crest,.level-pill{width:auto}.play-layout{min-height:0}}@media(max-width:600px){.site-head{padding:8px 13px}.site-head span{display:none}.page{padding:3px 7px 20px}.page-title{margin-bottom:7px}.page-title h1{font-size:22px}.page-title p{font-size:11px}.game-screen{border:5px solid #d0ab74;border-radius:17px;min-height:0}.screen-top{height:54px;padding:0 9px}.crest{display:none}.top-center{display:block;text-align:left}.top-center span{display:block;font-size:9px}.top-center strong{font-size:15px}.level-pill{font-size:11px}.intro{padding:18px 16px;min-height:0}.intro h2{font-size:21px}.intro-copy>p:not(.chapter-label):not(.fine){font-size:12px}.how-grid{grid-template-columns:1fr;margin:9px 0}.how-grid div{padding:6px 9px}.how-grid b,.how-grid span{display:inline;font-size:10px}.how-grid b:after{content:'：'}.intro-actions{display:grid}.primary,.secondary{font-size:13px;min-height:40px}.mission-strip{display:block;padding:6px 10px}.mission-strip span{display:block;margin-top:3px;font-size:10px}.map-column{padding:8px}.map-heading{font-size:12px;margin-bottom:5px}.map-heading small{font-size:9px}.map{border-width:4px}.neighbor-wrap{display:block}.neighbor-wrap>span{font-size:10px}#neighbors{margin-top:4px}.manifest{padding:10px}.dashboard strong{font-size:13px}.dashboard div{padding:5px}.manifest-head{margin:9px 0 5px}.orders{gap:4px}.order{padding:4px}.order-copy strong{font-size:11px}.order-copy small{font-size:9px}.status{margin-top:6px}.under{display:block;font-size:10px}.under button{margin-top:5px}.result{min-height:410px}.result h2{font-size:24px}}

@media(max-width:600px){.neighbor{min-height:44px;min-width:96px;justify-content:center;padding:6px 9px}.order{min-height:44px}.order-num{width:29px;height:29px}}