@font-face{font-family:Dela Gothic One;font-style:normal;font-weight:400;font-display:swap;src:url(./japanese-0-DVSHONP4.woff2) format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:500;font-display:swap;src:url(./japanese-1-DXqLBNuH.woff2) format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:800;font-display:swap;src:url(./japanese-2-BpyKhpd3.woff2) format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:900;font-display:swap;src:url(./japanese-3-CxOq6jGH.woff2) format("woff2")}:root{--bg:#070f1d;--panel:#0c192b;--line:rgba(168,199,225,.16);--text:#edf4fb;--muted:#92a9bf;--accent:#f0ce82;--hot:#ff6a85;--cool:#81c6ff;--good:#74dfba;--font:"M PLUS Rounded 1c","Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;--fx:"Dela Gothic One","Hiragino Sans",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#070f1d;color:var(--text);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:auto}body{background:radial-gradient(ellipse at 30% 25%,#1c3550,#0a1626,#060c17 80%)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #ffdf94;outline-offset:4px}#app{display:flex;width:100%;height:100%;height:100dvh}#stage{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}#game{display:block;touch-action:none;border-radius:12px;box-shadow:0 0 0 1px #ac8c454d,0 0 75px #62a7d619,0 24px 70px #0009}#panel{width:340px;flex:none;height:100%;overflow-y:auto;padding:22px 20px 28px;background:linear-gradient(160deg,#13253a,#0a1526 60%);border-left:1px solid var(--line);touch-action:pan-y;-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:#395065 transparent}.panel-brand{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.panel-brand .eyebrow{font-size:10px;color:var(--accent);letter-spacing:.24em}.panel-brand strong{display:block;font-size:24px;margin:3px 0}.panel-brand small{font-size:11px;color:var(--muted)}#panel h2{font-weight:800;font-size:13px;margin:22px 0 11px;color:#d7e3ef;letter-spacing:.08em}#panel h2:first-child{margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cell{background:#07132488;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.cell .k{font-size:10px;color:var(--muted)}.cell .v{font-size:23px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.45}.cell.wide{grid-column:span 2;background:linear-gradient(120deg,#173043,#101f33)}.v.hot{color:var(--hot)}.v.gold{color:var(--accent)}.v.good{color:var(--good)}.v.cool{color:var(--cool)}#slump{width:100%;height:115px;background:#07132488;border:1px solid var(--line);border-radius:10px;display:block}#history{list-style:none;padding:0;margin:0;font-size:11px}#history li{display:flex;justify-content:space-between;gap:6px;padding:9px 4px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}#history li .tag{font-weight:900;padding:1px 6px;border-radius:4px;font-size:10px}.tag.k{background:#a7425c;color:#fff}.tag.n{background:#2b5980;color:#deefff}.btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}button.ui{font-family:var(--font);font-weight:800;font-size:12px;color:var(--text);background:linear-gradient(180deg,#254764,#172c44);border:1px solid #6989a94d;border-radius:9px;padding:12px 7px;touch-action:manipulation;min-height:44px}button.ui:hover{filter:brightness(1.16)}button.ui.gold{background:linear-gradient(180deg,#f3d48f,#c8a358);color:#1c2632;border-color:#f1cd81}button.ui.red{background:linear-gradient(180deg,#b64261,#6f2540)}.note{font-size:10px;color:var(--muted);line-height:1.8}#drawerBtn{display:none;position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px;z-index:20;font-weight:800;font-size:12px;color:var(--text);background:#132940e8;border:1px solid #7993ad66;border-radius:999px;padding:10px 15px;touch-action:manipulation;min-height:40px}#panelClose,#scrim{display:none}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#030b16db;backdrop-filter:blur(5px);padding:18px}.overlay.hidden{display:none}.card{width:min(510px,100%);max-height:88vh;max-height:88dvh;overflow-y:auto;background:linear-gradient(160deg,#1b3049,#0b192c);border:1px solid #8ca9c355;border-radius:16px;padding:22px;box-shadow:0 24px 80px #0008;touch-action:pan-y;-webkit-user-select:text;user-select:text}.card h3{font-size:21px;font-weight:900;margin:0 0 14px;color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.row select{max-width:52%;background:#0b1a2f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:12px}.row input[type=range]{width:40%;accent-color:var(--accent)}.row input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent)}.zk{display:grid;grid-template-columns:1fr auto;gap:9px 12px;font-size:12px}.zk .lock{color:#75879a}.zk .rel{font-weight:900;text-align:right}.tests{display:grid;grid-template-columns:1fr 1fr;gap:8px}#title{padding:20px;flex-direction:column;text-align:center;background:radial-gradient(ellipse at 50% 40%,#28405a,#111f34 42%,#060c17 85%);overflow-y:auto;touch-action:pan-y}.intro{width:min(820px,100%);margin:auto;position:relative}.intro .eyebrow{font-size:11px;color:#ddc68b;letter-spacing:.32em;font-weight:800}.logo{font-family:var(--fx);font-size:clamp(46px,10vw,96px);line-height:1.3;margin-top:8px;color:#f9dfaa;text-shadow:0 3px 0 #4a352c,0 0 45px #ffd16a38;letter-spacing:-.04em}.logo .p{font-family:var(--font);font-size:.33em;vertical-align:middle;margin-right:.18em;color:#b8d4ee}.sub{font-size:clamp(16px,3vw,25px);font-weight:800;color:#bacbdd;letter-spacing:.22em;margin-top:0}.hero-art{margin:14px auto 0;width:min(720px,100%);position:relative;overflow:hidden;border-radius:16px;border-top:1px solid #c7a96980;background:#091425;box-shadow:0 15px 40px #0002}.hero-art canvas{display:block;width:100%;height:auto}.hero-art:after{content:"";position:absolute;inset:0;border:1px solid #adcbe122;border-radius:16px;pointer-events:none}.intro .headline{font-size:clamp(14px,2vw,20px);font-weight:800;color:#e3edf6;margin:12px 0 18px;letter-spacing:.09em}.start-button{font-weight:900;font-size:17px;letter-spacing:.08em;border:1px solid #ffe6b0;background:linear-gradient(120deg,#ecd49e,#cfab60);color:#16283b;padding:15px 35px;border-radius:10px;box-shadow:0 0 30px #f2cb6c18;touch-action:manipulation}.start-button:hover{filter:brightness(1.1)}.start-button span{display:inline-block;margin-left:22px}.intro .tip{font-size:11px;color:var(--muted);line-height:1.8;margin:13px 0}.race-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:15px}.race-chips span{border:1px solid #6f87a644;border-radius:5px;padding:5px 10px;color:#a8bed2;font-size:10px;letter-spacing:.08em}.intro .warn{font-size:9px;color:#8297ae;line-height:1.7;max-width:580px;margin:17px auto 0}.loading{font-size:10px;color:var(--muted);min-height:10px;margin-top:6px}#toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;max-width:90vw;background:#061122eb;border:1px solid var(--line);border-radius:10px;padding:11px 16px;font-weight:800;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}.horse-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.horse-card{border:1px solid var(--line);border-radius:10px;background:#081729;padding:10px;text-align:center}.horse-card canvas{width:94px;height:94px;display:block;margin:auto}.horse-card strong{display:block;font-size:11px}.horse-card small{font-size:10px;color:var(--muted)}.guide{font-size:13px;line-height:1.9;color:#c3d4e6}.guide ol{padding-left:23px}.guide li{margin-bottom:12px}.guide b{color:var(--accent)}@media(max-width:899px){#panel{position:fixed;right:0;top:0;bottom:0;z-index:30;transform:translate(105%);transition:transform .25s;width:min(350px,92vw);padding:calc(12px + env(safe-area-inset-top)) 16px 22px}#panel.open{transform:none}#drawerBtn{display:block}#panelClose{display:block;position:sticky;top:0;z-index:1;width:100%;margin-bottom:18px;background:#18324c}#scrim{position:fixed;inset:0;z-index:25;background:#0008}#scrim.open{display:block}#game{border-radius:8px}.hero-art{margin-top:18px}.intro .eyebrow{font-size:9px;letter-spacing:.18em}.intro .headline{margin:14px 0 18px}.start-button{width:min(330px,100%);font-size:15px}.logo{font-size:clamp(40px,12.5vw,75px)}.sub{letter-spacing:.14em}.card{padding:18px}.intro .warn{font-size:9px}.race-chips{gap:5px}.race-chips span{padding:4px 7px;font-size:9px}}@media(max-height:650px){#title{padding:14px}.hero-art{max-width:430px;margin-top:8px}.logo{font-size:44px}.sub{font-size:15px}.intro .headline{margin:8px 0 12px}.race-chips,.intro .warn{margin-top:8px}.intro .tip{margin:8px 0}.start-button{padding:11px 25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
