.race-bg{background:linear-gradient(#b88450 0%,#a07848 50%,#8e6840 100%);position:absolute;inset:0}.race-lanes{flex-direction:column;display:flex;position:absolute;left:0;right:0}.race-lane{border-bottom:2px dashed #78461e8c;flex:1 1 0;position:relative}.race-lane:first-child{border-top:2px dashed #78461e8c}.race-lane__index{left:calc(6px * var(--u,1));top:calc(4px * var(--u,1));font-size:calc(12px * var(--u,1));color:#ffffffa6;text-shadow:0 1px 2px #00000080;pointer-events:none;font-weight:700;position:absolute}.race-startline,.race-goalline{width:calc(4px * var(--u,1));pointer-events:none;position:absolute;top:0;bottom:0}.race-startline{opacity:.85;background:#fff}.race-goalline{background:repeating-linear-gradient(#fff 0 12px,#222 12px 24px)}.race-goalline__label{top:calc(6px * var(--u,1));left:calc(8px * var(--u,1));color:#5a3300;font-weight:700;font-size:calc(13px * var(--u-text,1));padding:calc(2px * var(--u-text,1)) calc(8px * var(--u-text,1));border-radius:calc(6px * var(--u-text,1));white-space:nowrap;background:#ffeb3b;position:absolute;box-shadow:0 2px 4px #00000059}.race-runner{will-change:transform;pointer-events:none;z-index:2;width:56px;height:50px;position:absolute;top:0;left:0;transform:translate(0,0)}.race-runner__inner{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.race-runner svg{width:100%;height:100%;display:block}.race-runner.is-running .race-runner__inner{animation:.38s ease-in-out infinite race-bounce}.race-runner.is-shaking .race-runner__inner{animation:.12s linear infinite race-shake}.race-runner.is-fallen .race-runner__inner{animation:none;transform:rotate(-90deg)}.race-runner__name{top:calc(-16px * var(--u-text,1));font-size:calc(14px * var(--u-text,1));color:#fff;text-shadow:0 1px 2px #000000d9,0 0 3px #000000b3;white-space:nowrap;pointer-events:none;letter-spacing:.5px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.race-runner.is-predicted .race-runner__name{color:#ffeb3b;text-shadow:0 1px 2px #000000e6,0 0 4px #f80,0 0 8px #f80}@keyframes race-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes race-shake{0%{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px,2px)}to{transform:translate(0)}}.race-effect{pointer-events:none;font-size:calc(22px * var(--u,1));-webkit-user-select:none;user-select:none;z-index:3;position:absolute}.race-effect--zzz{font-size:calc(26px * var(--u,1));animation:1.2s ease-out infinite race-zzz}@keyframes race-zzz{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(14px,-22px)}}.race-effect--sweat{font-size:calc(20px * var(--u,1));animation:.9s ease-out infinite race-sweat}@keyframes race-sweat{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(18px,14px)}}.race-effect--sweat-big{font-size:calc(28px * var(--u,1))}.race-effect--surprise{font-size:calc(30px * var(--u,1));animation:.5s ease-out infinite race-surprise}@keyframes race-surprise{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.race-effect--legs{font-size:calc(22px * var(--u,1));animation:.18s linear infinite race-legs}.race-effect--legs.is-fallen{animation:none;transform:translate(-32px)rotate(-90deg)}@keyframes race-legs{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}.race-effect--legs-right{font-size:calc(22px * var(--u,1));animation:.18s linear infinite race-legs-right}.race-effect--legs-right.is-fallen{animation:none;transform:translate(-32px)rotate(-90deg)}@keyframes race-legs-right{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}.race-effect--toilet{color:#5a3300;font-weight:700;font-size:calc(14px * var(--u-text,1));padding:calc(4px * var(--u-text,1)) calc(10px * var(--u-text,1));border-radius:calc(8px * var(--u-text,1));border:calc(2px * var(--u-text,1)) solid #8b6914;white-space:nowrap;background:#ffffffeb}.race-effect--drop{width:calc(32px * var(--u,1));height:calc(32px * var(--u,1));z-index:1}.race-effect--dog{font-size:calc(48px * var(--u,1));z-index:5}.race-effect--wind{z-index:6;opacity:.85;filter:drop-shadow(0 0 4px #c8e6ff99)}.race-effect--fall{font-size:calc(26px * var(--u,1));animation:.4s linear infinite race-spin}@keyframes race-spin{to{transform:rotate(360deg)}}.race-rank-watermark{font-size:calc(64px * var(--u,1));color:#ffffff6b;text-shadow:0 2px 8px #00000059;pointer-events:none;z-index:4;letter-spacing:calc(-2px * var(--u,1));justify-content:center;align-items:center;font-family:GenJyuuGothic,Hiragino Maru Gothic Pro,sans-serif;font-weight:900;display:flex;position:absolute}.race-goal-label{color:#5a3300;font-weight:700;font-size:calc(18px * var(--u-text,1));padding:calc(4px * var(--u-text,1)) calc(12px * var(--u-text,1));border-radius:calc(12px * var(--u-text,1));border:calc(3px * var(--u-text,1)) solid #8b6914;white-space:nowrap;pointer-events:none;z-index:50;background:#ffeb3b;position:absolute;box-shadow:0 3px 6px #00000073}.race-ticker{height:calc(52px * var(--u-text,1));border-top:calc(2px * var(--u-text,1)) solid #ffd54f;border-bottom:calc(2px * var(--u-text,1)) solid #ffd54f;color:#ffeb3b;z-index:100;background:#1e1108;font-family:GenJyuuGothic,Hiragino Maru Gothic Pro,sans-serif;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 2px 6px #00000080}.race-ticker__track{white-space:nowrap;height:50%;font-size:calc(18px * var(--u-text,1));padding:0 calc(18px * var(--u-text,1));text-shadow:0 2px 4px #000000d9,0 0 8px #ff8c0099;background-color:#1e1108;align-items:center;font-weight:500;display:flex;position:absolute}.race-ticker__track--top{top:0}.race-ticker__track--bottom{bottom:0}.race-startcue{z-index:300;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.race-startcue__text{font-size:calc(64px * var(--u,1));color:#ffeb3b;text-shadow:0 4px 8px #0009,0 0 20px #f80;font-weight:900;animation:1s ease-out forwards race-cue}@keyframes race-cue{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.race-modal{z-index:400;padding:calc(52px * var(--u,1)) calc(8px * var(--u,1)) calc(8px * var(--u,1));--base:calc(9px * var(--u-text,1));background:#000000a6;justify-content:center;align-items:center;font-family:GenJyuuGothic,Hiragino Maru Gothic Pro,sans-serif;display:flex;position:absolute;inset:0}.race-modal__panel{padding:calc(var(--base) * 1.4) calc(var(--base) * 1.6);gap:calc(var(--base) * 1.2);background:#fff8e1;border:3px solid #8b6914;border-radius:14px;flex-direction:column;width:auto;max-width:96%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 6px 20px #0006}.race-modal__title{font-size:calc(var(--base) * 3.4);color:#5a3300;text-align:center;flex:none;margin:0;font-weight:700}.race-modal__subtitle{text-align:center;font-size:calc(var(--base) * 1.8);color:#8b6914;margin-top:calc(var(--base) * -.6);margin-bottom:calc(var(--base) * .4);font-weight:500}.race-lineup{gap:calc(var(--base) * 1);flex:auto;grid-template-columns:repeat(2,1fr);min-height:0;display:grid}.race-lineup__cell{padding:calc(var(--base) * .6) calc(var(--base) * .8);justify-content:flex-start;align-items:center;gap:calc(var(--base) * 1);text-align:left;cursor:default;background:#fff;border:2px solid #d6b870;border-radius:6px;flex-direction:row;min-height:0;transition:background .15s,border-color .15s,transform .1s;display:flex;overflow:hidden}.race-lineup__cell--selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.race-lineup__cell--selectable:hover{background:#fffbe6;border-color:#f0c020}.race-lineup__cell--selectable:active{transform:scale(.98)}.race-lineup__cell--selected{background:#fff7c2;border-color:#f0c020;box-shadow:0 0 0 2px #f0c02059}.race-lineup__cell--selected:hover{background:#fff7c2}.race-lineup__lane{font-size:calc(var(--base) * 1.6);color:#8b6914;flex:none;font-weight:500;line-height:1}.race-lineup__icon{width:calc(var(--base) * 6);height:calc(var(--base) * 6);flex:none}.race-lineup__icon svg{width:100%;height:100%;display:block}.race-lineup__body{gap:calc(var(--base) * .3);flex-direction:column;flex:auto;min-width:0;display:flex}.race-lineup__name{font-size:calc(var(--base) * 2);color:#5a3300;font-weight:500;line-height:1.1}.race-lineup__comment{font-size:calc(var(--base) * 1.6);color:#6b5828;word-break:break-word;font-weight:500;line-height:1.2}.race-result{column-gap:calc(var(--base) * 1.2);row-gap:calc(var(--base) * .6);flex:auto;grid-template-columns:repeat(2,1fr);min-height:0;display:grid;overflow:hidden}.race-result__row{align-items:center;gap:calc(var(--base) * 1.4);padding:calc(var(--base) * .5) calc(var(--base) * 1.2);background:#fff;border:2px solid #d6b870;border-radius:8px;flex:none;display:flex}.race-result__lane{font-size:calc(var(--base) * 1.8);color:#8b6914;width:calc(var(--base) * 5);flex:none;font-weight:500}.race-result__icon{width:calc(var(--base) * 5);height:calc(var(--base) * 4.5);flex:none}.race-result__icon svg{width:100%;height:100%;display:block}.race-result__name{font-size:calc(var(--base) * 2.2);color:#333;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:500;overflow:hidden}.race-result__rank{font-size:calc(var(--base) * 2.8);color:#5a3300;text-align:right;flex:none;font-weight:700}.race-result__row--selected{background:#fff7c2;border-color:#f0c020}.race-modal__button{color:#fff;padding:calc(var(--base) * 1.4) calc(var(--base) * 5);font-size:calc(var(--base) * 2.6);cursor:pointer;background:#8b6914;border:none;border-radius:10px;flex:none;align-self:center;font-family:inherit;font-weight:500;box-shadow:0 3px 6px #0000004d}.race-modal__button:active{transform:scale(.97)}.race-modal__button:disabled{color:#eee;cursor:not-allowed;box-shadow:none;opacity:.7;background:#c7b68a}.race-modal__button:disabled:active{transform:none}.race-result__prediction{text-align:center;font-size:calc(var(--base) * 2);color:#5a3300;margin-top:calc(var(--base) * -.6);flex:none;font-weight:500}.race-result__predcard{justify-content:center;align-items:center;gap:calc(var(--base) * 1.2);margin-top:calc(var(--base) * -.4);margin-bottom:calc(var(--base) * .2);flex:none;display:flex}.race-result__predcard-icon{width:calc(var(--base) * 6);height:calc(var(--base) * 5.5);flex:none}.race-result__predcard-icon svg{width:100%;height:100%;display:block}.race-result__predcard-bubble{border-radius:calc(var(--base) * 1.4);padding:calc(var(--base) * .8) calc(var(--base) * 1.4);font-size:calc(var(--base) * 2);color:#5a3300;white-space:nowrap;background:#fff;border:2px solid #f0c020;font-weight:500;line-height:1.3;position:relative;box-shadow:0 2px 4px #0000002e}.race-result__predcard-bubble:before{content:"";left:calc(var(--base) * -1);border-style:solid;border-width:calc(var(--base) * .7) calc(var(--base) * 1) calc(var(--base) * .7) 0;border-color:#0000 #f0c020 #0000 #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.race-result__predcard-bubble:after{content:"";left:calc(var(--base) * -.7);border-style:solid;border-width:calc(var(--base) * .55) calc(var(--base) * .8) calc(var(--base) * .55) 0;border-color:#0000 #fff #0000 #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.race-debug-ff{color:#fff;border:calc(2px * var(--u-text,1)) solid #ffd250b3;border-radius:calc(8px * var(--u-text,1));padding:calc(4px * var(--u-text,1)) calc(12px * var(--u-text,1));font-size:calc(13px * var(--u-text,1));cursor:pointer;margin-left:calc(8px * var(--u-text,1));background:#ffb41e4d;margin-right:auto;font-family:inherit;font-weight:700}.race-debug-ff.is-on{color:#3b2100;box-shadow:0 0 calc(8px * var(--u-text,1)) #ffd250cc;background:#ffb74d;border-color:#fff}.race-debug-global-wrap{gap:calc(4px * var(--u-text,1));margin-left:calc(6px * var(--u-text,1));margin-right:auto;display:flex}.race-debug-global-btn{color:#fff;border:calc(2px * var(--u-text,1)) solid #d282ffb3;border-radius:calc(8px * var(--u-text,1));padding:calc(4px * var(--u-text,1)) calc(10px * var(--u-text,1));font-size:calc(12px * var(--u-text,1));cursor:pointer;background:#b464ff4d;font-family:inherit;font-weight:700}.race-debug-global-btn:disabled{opacity:.35;cursor:not-allowed}.race-debug-happening-overlay{pointer-events:none;z-index:250;position:absolute;inset:0}.race-debug-runner-wrap{align-content:center;gap:calc(2px * var(--u,1));padding:calc(2px * var(--u,1)) calc(2px * var(--u,1)) calc(2px * var(--u,1)) calc(22px * var(--u,1));pointer-events:auto;box-sizing:border-box;flex-flow:wrap;display:flex;position:absolute}.race-debug-runner-btn{width:calc(22px * var(--u,1));height:calc(22px * var(--u,1));border-radius:calc(4px * var(--u,1));color:#fff;font-size:calc(12px * var(--u,1));cursor:pointer;background:#ff646459;border:1px solid #ff6464b3;justify-content:center;align-items:center;padding:0;font-family:inherit;line-height:1;display:flex}.race-debug-runner-btn:disabled{opacity:.3;cursor:not-allowed}.ugc-howto__content .chara-list{padding-left:0;list-style:none}.ugc-howto__content .chara-list li{background:#fff7e0;border-radius:6px;align-items:center;gap:12px;margin-bottom:6px;padding:6px 10px;display:flex}.ugc-howto__content .chara-icon{flex-shrink:0;width:38px;height:38px}.ugc-howto__content .chara-text{flex:1}.ugc-howto__content .chara-name{color:#8b6914;font-weight:700}.ugc-howto__content .chara-msg{font-size:14px}body.is-mobile .ugc-howto__content .chara-list li{gap:10px;padding:5px 8px}body.is-mobile .ugc-howto__content .chara-icon{width:32px;height:32px}body.is-mobile .ugc-howto__content .chara-msg{font-size:13px}