.ring-pilot{color-scheme:light;--ink:#1d2932;--line:#d6dce0;--blue:#236b8a;--orange:#ed7047}
.ring-pilot *{box-sizing:border-box}
.ring-pilot{margin:0;background:#e9eded;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;word-break:keep-all}
.ring-pilot .top{background:#182832;color:#f6f7f5;padding:25px max(18px,calc((100vw - 900px)/2));line-height:1.55}
.ring-pilot .top a{color:#aedbed}
.ring-pilot .top small{color:#b6d3da;font-weight:800;letter-spacing:.08em}
.ring-pilot .top h1{margin:8px 0;font-size:clamp(27px,5vw,40px)}
.ring-pilot .top p{margin:0;color:#d8e3e6}
.ring-pilot .top nav{display:flex;gap:17px;flex-wrap:wrap;margin-top:14px;font-size:14px}
.ring-pilot .reader{width:min(100%,540px);margin:auto;background:#fff;box-shadow:0 8px 35px #0d27321b}
.ring-pilot .panel{position:relative;margin:0;overflow:hidden;background:#f8faf9}
.ring-pilot .panel img{display:block;width:100%;height:auto}
.ring-pilot .intro{padding:100px 27px 85px;text-align:center;background:#f2f6f6}
.ring-pilot .intro .kicker{font-size:13px;letter-spacing:.18em;font-weight:800;color:#587682}
.ring-pilot .intro h2{font-size:35px;margin:11px 0 5px}
.ring-pilot .intro p{margin:0;color:#698089}
.ring-pilot .gap{height:82px;background:#fff}
.ring-pilot .gap.short{height:44px}
.ring-pilot .beat{padding:34px 23px;font-size:19px;line-height:1.6;background:#fff}
.ring-pilot .beat strong{color:#135f84}
.ring-pilot .dialogue{margin:0;padding:26px 22px;background:#fff;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.ring-pilot .bubble{display:inline-block;border:2px solid #22313b;border-radius:25px;background:white;padding:10px 16px;font-size:18px;font-weight:700;line-height:1.48;box-shadow:3px 4px 0 #1e2c3515}
.ring-pilot .bubble.dami{border-color:#466750}
.ring-pilot .bubble.harin{border-color:#2e6893}
.ring-pilot .bubble.small{font-size:16px}
.ring-pilot .bubble.right{margin-left:auto}
.ring-pilot .sound{padding:13px 24px;background:white;text-align:center;font-size:24px;letter-spacing:.2em;font-weight:900}
.ring-pilot .status{margin:0;background:#182831;color:#e7f4f4;padding:16px 24px;display:flex;justify-content:space-between;gap:10px;font-size:15px;font-weight:800}
.ring-pilot .status b{color:#f5a280}
.ring-pilot .reaction{height:420px}
.ring-pilot .reaction img{height:100%;object-fit:cover;object-position:top}
.ring-pilot .record{background:#f0f4f5;padding:48px 27px 50px;min-height:390px}
.ring-pilot .record h3{font-size:15px;color:#59717c;margin:0 0 14px}
.ring-pilot .record .screen{border:8px solid #273b44;border-radius:19px;background:#dce8e8;padding:24px 19px;box-shadow:0 14px 20px #1e33351c;transform:rotate(-3deg)}
.ring-pilot .map{height:172px;position:relative;border:2px solid #a4b6b8;background:linear-gradient(90deg,#f3f9f8 0 88%,#f8c8ad 88%);overflow:hidden}
.ring-pilot .map:before{content:'';position:absolute;top:30%;left:11%;height:53%;width:70%;border-left:5px solid #e9804d;border-bottom:5px solid #e9804d;border-radius:0 0 0 70px;transform:skew(-13deg)}
.ring-pilot .map .a,.ring-pilot .map .b{position:absolute;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-weight:800;background:#fff;border:3px solid #789098}
.ring-pilot .map .a{top:53%;left:13%}
.ring-pilot .map .b{top:17%;right:16%}
.ring-pilot .map .edge{position:absolute;bottom:0;right:2%;height:100%;border-left:3px dashed #e2815f}
.ring-pilot .record .save{font-size:19px;font-weight:800;margin:18px 0 0}
.ring-pilot .ending{padding:70px 26px 90px;text-align:center;background:#eaf0ef}
.ring-pilot .ending p{line-height:1.6}
.ring-pilot .ending .next{border-top:1px solid #b5c7c8;padding-top:19px;font-size:13px;color:#617782}
.ring-pilot .disclaimer{max-width:600px;margin:0 auto;padding:24px 20px 60px;font-size:13px;line-height:1.6;color:#53656d}
@media(max-width:420px){.ring-pilot .dialogue{padding:21px 17px}
.ring-pilot .bubble{font-size:16px}
.ring-pilot .reaction{height:340px}}
.ring-pilot .premise,.ring-pilot .mission,.ring-pilot .rules,.ring-pilot .hazard,.ring-pilot .verdict,.ring-pilot .notice-sheet{padding:30px 24px;line-height:1.65}
.ring-pilot .premise{background:#f4f7f5;font-size:18px}
.ring-pilot .premise p{margin:0 0 12px}
.ring-pilot .premise strong,.ring-pilot .mission b{color:#1f6581}
.ring-pilot .mission,.ring-pilot .score-detail{background:#eaf2f0}
.ring-pilot .mission h3,.ring-pilot .rules h3,.ring-pilot .hazard h3{margin:0 0 12px;font-size:21px}
.ring-pilot .mission p{margin:8px 0;font-size:16px}
.ring-pilot .rules{background:#f3f6f4}
.ring-pilot .rules>small{font-weight:800;color:#526f76}
.ring-pilot .rules p{margin:5px 0 15px}
.ring-pilot .arena-board{width:min(100%,330px);aspect-ratio:1;position:relative;margin:0 auto 25px;border:8px solid #ef8356;border-radius:12px;background:#e7edeb;box-shadow:0 0 0 9px #ccd8d4}
.ring-pilot .spot{position:absolute;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:3px solid #85999b;background:#fff;font-size:21px;font-weight:900}
.ring-pilot .spot.a{top:43%;left:44%}
.ring-pilot .spot.b{top:55%;right:11%}
.ring-pilot .spot.c{top:55%;left:11%}
.ring-pilot .wall{position:absolute;width:43px;height:23px;background:#b8c7c8;border:2px solid #8fa0a3;border-radius:3px}
.ring-pilot .wall.left{top:36%;left:25%;transform:rotate(20deg)}
.ring-pilot .wall.right{top:36%;right:25%;transform:rotate(-20deg)}
.ring-pilot .start{position:absolute;background:white;border-radius:7px;padding:3px 7px;font-size:12px;font-weight:800}
.ring-pilot .start.dami{top:5%;left:37%;color:#47735a}
.ring-pilot .start.harin{bottom:5%;left:36%;color:#276c90}
.ring-pilot .rule{display:flex;gap:12px;margin-top:11px;padding:14px;background:#fff;border:1px solid #d2dddd;border-radius:10px;font-size:16px}
.ring-pilot .rule .num{font-weight:900;color:#e0754a}
.ring-pilot .rule b{display:block;color:#1d667f}
.ring-pilot .score-detail{padding:19px 24px;font-size:16px;line-height:1.55}
.ring-pilot .score-detail strong{font-size:20px;color:#1b627b}
.ring-pilot .score-detail p{margin:5px 0 0}
.ring-pilot .hazard{background:#f8f4ee}
.ring-pilot .hazard-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}
.ring-pilot .hazard-row span{border-radius:8px;padding:12px 3px;background:#fff;font-size:13px;font-weight:800}
.ring-pilot .hazard-row .edge{background:#f4c9b4;color:#754326}
.ring-pilot .hazard p{margin:13px 0 0;font-size:16px}
.ring-pilot .verdict{background:#1d3038;color:#f5f7f6}
.ring-pilot .verdict strong{color:#ffbd98;font-size:20px}
.ring-pilot .verdict p{font-size:15px;margin:7px 0 0}
.ring-pilot .notice-sheet{background:#e8eeea}
.ring-pilot .notice-sheet .paper{background:#fffdf4;border:1px solid #bdc5bc;box-shadow:6px 8px 0 #c7d6d0;padding:22px;transform:rotate(-2deg)}
.ring-pilot .notice-sheet small{font-weight:900;color:#648176}
.ring-pilot .notice-sheet h3{margin:5px 0;font-size:20px}
.ring-pilot .notice-sheet p{margin:0;font-size:16px}
.ring-pilot .notice-sheet b{color:#14627c}
@media(max-width:420px){.ring-pilot .premise{font-size:17px}
.ring-pilot .arena-board{width:min(100%,295px)}
.ring-pilot .rule{font-size:15px}
.ring-pilot .spot{width:38px;height:38px;font-size:18px}}
.ring-pilot .reader,.ring-pilot .top{overflow-wrap:anywhere}
.ring-pilot .dialogue{display:grid;grid-template-columns:minmax(0,1fr)}
.ring-pilot .dialogue .bubble{justify-self:start;min-width:0;max-width:95%;width:fit-content;overflow-wrap:anywhere}
.ring-pilot .dialogue .bubble.right{justify-self:end;margin-left:0}
.ring-pilot .status{flex-wrap:wrap;overflow-wrap:anywhere}
.ring-pilot .rule>div{min-width:0;overflow-wrap:anywhere}
.ring-pilot .premise,.ring-pilot .mission,.ring-pilot .rules,.ring-pilot .hazard,.ring-pilot .verdict,.ring-pilot .notice-sheet,.ring-pilot .score-detail{overflow-wrap:anywhere}
.ring-pilot .character-gallery{max-width:540px;margin:20px auto;padding:16px}.ring-pilot .character-gallery img{display:block;width:100%;height:auto}.ring-pilot .character-gallery figure{margin:16px 0}.ring-pilot .character-gallery summary{cursor:pointer;font-weight:700}