@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:wght@400;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.collapse{visibility:collapse}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}body{color:#ede9e0;background:#07080f;font-family:Noto Sans JP,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0e1020}::-webkit-scrollbar-thumb{background:#8b6914;border-radius:2px}.glass{background:#13162a;border:1px solid #1e2240;border-radius:16px}.glass-gold{background:linear-gradient(135deg,#13162a,#c8922a0a);border:1px solid #8b6914;border-radius:16px}input[type=range]{-webkit-appearance:none;background:linear-gradient(to right, #c8922a var(--val,0%), #1e2240 var(--val,0%));cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e8b96b;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 8px #c8922a}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.tab-btn{color:#7a7d96;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #1e2240;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s}.tab-btn.active{color:#e8b96b;background:#c8922a14;border-color:#8b6914}.tab-btn:hover:not(.active){color:#ede9e0;border-color:#8b6914}.rank-card{background:#13162a;border:1px solid #1e2240;border-radius:12px;transition:all .25s;overflow:hidden}.rank-card:hover{border-color:#8b6914;transform:translateY(-1px)}.rank-card.rank-1{background:linear-gradient(135deg,#13162a,#c8922a0d);border-color:#8b6914}.badge{color:#7a7d96;background:#ffffff0d;border:1px solid #1e2240;border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge-gold{color:#e8b96b;background:#c8922a1f;border-color:#c8922a4d}.badge-green{color:#3db87a;background:#3db87a1f;border-color:#3db87a4d}.badge-red{color:#e05252;background:#e052521a;border-color:#e052524d}.badge-blue{color:#4b89dc;background:#4b89dc1f;border-color:#4b89dc4d}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim{animation:.3s both fadeSlide}.overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#0e1020;border:1px solid #8b6914;border-radius:20px;flex-direction:column;width:100%;max-width:920px;max-height:88vh;display:flex;overflow:hidden}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.mile-tbl{border-collapse:collapse;width:100%;font-size:11px}.mile-tbl th{text-align:left;color:#7a7d96;z-index:1;white-space:nowrap;background:#00000040;border-bottom:2px solid #1e2240;padding:9px 10px;font-weight:600;position:sticky;top:0}.mile-tbl th.r{text-align:right}.mile-tbl td{vertical-align:top;border-bottom:1px solid #1e224021;padding:8px 10px}.mile-tbl td.r{text-align:right;font-family:JetBrains Mono,monospace;font-size:11px}.mile-tbl tr:hover td{background:#ffffff04}.mile-tbl .best-row td{background:#3db87a0f!important}@media (max-width:768px){.main-grid{grid-template-columns:1fr!important;min-height:auto!important}.main-grid>aside{border-bottom:1px solid #1e2240;border-right:none!important;max-height:none!important;position:static!important}.main-grid>main{min-height:auto!important}.main-header{flex-wrap:wrap;gap:8px}.main-header>div:last-child{flex-wrap:wrap;gap:6px!important}.summary-cards{grid-template-columns:1fr!important}.tab-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.detail-grid-2col{grid-template-columns:1fr!important}.main-grid>main{max-height:none!important;overflow-y:visible!important}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.overlay{padding:8px}.modal{max-height:95vh}.footer-bar{text-align:center;gap:4px;flex-direction:column!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}