:root{--bg:#efe9da;--surface:#f6f1e4;--fg:#26221c;--muted:#7a7263;--line-weak:#d9d0ba;--ai:#1a4e73;--shu:#b23a26;--anchor:#8a8377;--danger:#8e1e12;--danger-weak:#ecdcd2;--info-weak:#e2e6d9;--serif:"Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-radius:0!important}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);overscroll-behavior:none;background-image:radial-gradient(60px 40px at 20% 30%,#78643c0b,#0000),radial-gradient(80px 50px at 70% 60%,#78643c0a,#0000),radial-gradient(50px 70px at 45% 85%,#78643c09,#0000)}h1,h2,h3,.page-title,.big-number,.rank-no,.rank-score{font-family:var(--serif)}.page{max-width:480px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.page-header{border-bottom:2px solid var(--fg);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.page-title{letter-spacing:.2em;margin:0;font-size:20px;font-weight:700}.back-link{color:var(--ai);padding:8px 8px 8px 0;font-size:14px;text-decoration:none}.hero{border:3px double var(--fg);text-align:center;background:var(--surface);padding:28px 16px}.hero-title{font-family:var(--serif);letter-spacing:.18em;margin:0;font-size:40px;font-weight:900}.hero-sub{font-family:var(--serif);color:var(--muted);letter-spacing:.12em;margin:10px 0 0;font-size:14px}.btn{width:100%;font-size:17px;font-weight:700;font-family:var(--serif);letter-spacing:.14em;border:2px solid var(--fg);background:var(--surface);color:var(--fg);text-align:center;cursor:pointer;padding:15px;text-decoration:none;display:block}.btn:active{background:var(--fg);color:var(--bg)}.btn-primary{background:var(--shu);border-color:var(--shu);color:#fdf9ee}.btn-primary:active{color:#fdf9ee;background:#8e2d1c;border-color:#8e2d1c}.btn-danger{color:var(--danger);font-weight:600;font-family:var(--serif);letter-spacing:.1em;background:0 0;border:none}.btn:disabled{opacity:.35;pointer-events:none}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}.card{background:var(--surface);border:1px solid var(--fg);padding:16px}.banner{border-left:4px solid;padding:10px 12px;font-size:14px;font-weight:600}.banner-warn{background:var(--danger-weak);color:var(--danger);border-color:var(--danger)}.banner-info{background:var(--info-weak);color:var(--ai);border-color:var(--ai)}.ad-banner{border-top:1px solid var(--line-weak);border-bottom:1px solid var(--line-weak);background:#f6f1e48c;width:100%;min-height:90px;margin-top:12px;display:block;overflow:hidden}.input{border:2px solid var(--fg);background:var(--surface);width:100%;color:var(--fg);padding:13px;font-size:17px}.input:focus{outline:2px solid var(--ai);outline-offset:-2px}.label{font-size:13px;font-weight:700;font-family:var(--serif);letter-spacing:.2em;color:var(--muted);margin-bottom:6px;display:block}.muted{color:var(--muted);font-size:14px;line-height:1.9}.route-canvas{aspect-ratio:1;background-color:var(--surface);border:2px solid var(--fg);touch-action:none;width:100%;position:relative;overflow:hidden}.north-badge{font-family:var(--serif);color:var(--shu);border:1.5px solid var(--shu);pointer-events:none;background:var(--surface);padding:2px 5px;font-size:14px;font-weight:700;line-height:1;position:absolute;top:8px;right:8px}.inset-canvas{aspect-ratio:1;background:var(--surface);border:2px solid var(--fg);pointer-events:none;width:44%;position:absolute;bottom:8px;right:8px;overflow:hidden}.inset-label{font-family:var(--serif);color:var(--muted);border:1px solid var(--muted);background:var(--surface);z-index:1;padding:1px 4px;font-size:10px;line-height:1;position:absolute;top:4px;left:4px}.scale-badge{font-family:var(--serif);color:var(--muted);border:1px solid var(--muted);pointer-events:none;background:var(--surface);padding:2px 5px;font-size:11px;line-height:1;position:absolute;bottom:8px;left:8px}.big-number{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.06em;margin:8px 0;font-size:64px;font-weight:700}.rank-list{border-top:2px solid var(--fg);margin:0;padding:0;list-style:none}.rank-list li{border-bottom:1px solid var(--line-weak);font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;padding:12px 4px;display:flex}.rank-no{width:2.2em;color:var(--muted);font-size:18px;font-weight:700}.rank-score{margin-left:auto;font-size:19px;font-weight:700}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:10px;font-size:12px;display:flex}.site-map-list{margin:0;padding:0;list-style:none}.site-map-list li+li{border-top:1px solid var(--line-weak)}.site-map-list a{padding:12px 0;display:block}.contact-mail{word-break:break-all;font-size:20px;font-weight:700}.stack{flex-direction:column;gap:12px;display:flex}.spacer{flex:1}.center{text-align:center}a{color:var(--ai)}