*{box-sizing:border-box;margin:0;padding:0}html,body{background:#12080a;width:100%;height:100%;overflow:hidden}body{color:#f3e6c8;-webkit-user-select:none;user-select:none;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#screens .screen{z-index:30;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(at 50% 30%,#280c0880,#0a0406d1);flex-direction:column;justify-content:center;align-items:center;gap:3vh;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.logo{letter-spacing:.06em;color:#ffb03c;text-shadow:0 0 24px #ff5a1a8c,0 4px #7a2d10;font-size:clamp(3rem,10vw,6.5rem);font-style:italic;font-weight:900;line-height:.9}.logo span{color:#ff5a1a;letter-spacing:.35em;font-size:.72em;display:block}.logo.small{font-size:clamp(2rem,6vw,3.6rem)}.tag{color:#cfa77a;letter-spacing:.2em;font-size:clamp(.8rem,2vw,1.05rem)}.press{letter-spacing:.3em;color:#ffe9b0;font-size:clamp(1rem,2.6vw,1.4rem)}.blink{animation:1.4s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.screen-title{letter-spacing:.25em;color:#ffb03c;text-shadow:0 0 16px #ff5a1a66;font-size:clamp(1.6rem,4.5vw,2.6rem)}.screen-title.red{color:#ff4030;text-shadow:0 0 22px #ff1e0a99;letter-spacing:.4em}.mi-list{flex-direction:column;gap:1.2vh;min-width:min(320px,80vw);display:flex}.mi-list.slim{margin-top:1vh}.mi{font:inherit;letter-spacing:.18em;color:#e8d5a8;cursor:pointer;background:#3c1c0e8c;border:2px solid #7a4a22;border-radius:4px;min-height:48px;padding:.7em 1.6em;font-size:clamp(1rem,2.4vw,1.3rem);transition:transform 80ms,background .12s,border-color .12s}.mi.focus,.mi:hover{color:#fff3d8;background:#963a14bf;border-color:#ffb03c;transform:scale(1.04)}.mi:disabled{opacity:.35;pointer-events:none}.hint{color:#9a7d58;letter-spacing:.1em;margin-top:1vh;font-size:clamp(.7rem,1.8vw,.9rem)}#menu .menu-studio-links{margin-top:-1.4vh}.howto-body{text-align:left;color:#d8c49a;max-width:min(640px,88vw);max-height:52vh;padding:0 1em;font-size:clamp(.8rem,2vw,1rem);line-height:1.65;overflow-y:auto}.howto-body b{color:#ffce6a}.howto-body h3{color:#ff7a3c;letter-spacing:.2em;margin:.8em 0 .3em;font-size:1em}#hud{z-index:20;pointer-events:none;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 0 calc(58px + env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;gap:clamp(10px,2vw,30px);display:flex;position:fixed;top:0;left:0;right:0}.hp-side{width:37%;max-width:560px}.hp-side.right{text-align:right}.fighter-name{letter-spacing:.2em;color:#ffe9b0;text-shadow:0 2px 4px #000;font-size:clamp(.72rem,min(2.4vw,3.6vh),1.5rem);font-weight:900}.hp-bar{background:#140806cc;border:2px solid #6a3a1a;border-radius:4px;height:clamp(13px,min(2.1vw,3.2vh),26px);margin-top:clamp(3px,.7vh,7px);position:relative;overflow:hidden}.hp-fill,.hp-ghost{transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0}.right .hp-fill,.right .hp-ghost{transform-origin:100%}.hp-fill{background:linear-gradient(#8fe05a,#3f9a2a);transition:transform .12s}.hp-fill.low{background:linear-gradient(#ff8a4a,#c22b18)}.hp-ghost{background:#a92c1a;transition:transform .6s .25s}.sub-row{justify-content:space-between;align-items:center;margin-top:clamp(3px,.7vh,7px);display:flex}.right .sub-row{flex-direction:row}.pips span{background:#00000080;border:2px solid #8a5a2a;border-radius:50%;width:clamp(12px,min(1.5vw,2.4vh),18px);height:clamp(12px,min(1.5vw,2.4vh),18px);margin-right:clamp(5px,.6vw,8px);display:inline-block}.cds{gap:clamp(6px,.7vw,10px);display:flex}.cd{letter-spacing:.12em;color:#7a6244;background:#0006;border:1px solid #6a4a2a;border-radius:3px;padding:clamp(2px,.45vh,5px) clamp(7px,.9vw,12px);font-size:clamp(.62rem,min(1.15vw,1.75vh),.86rem)}.cd.ready{color:#ffce6a;text-shadow:0 0 6px #ff7a26;border-color:#c98a3a}#doom-wrap{text-align:center;flex:1;max-width:360px;margin:0 auto}#doom-label{letter-spacing:.4em;color:#ff7a3c;text-shadow:0 1px 3px #000;font-size:clamp(.6rem,min(1.1vw,1.7vh),.85rem)}#doom-bar{background:#140806cc;border:1px solid #7a3a1a;border-radius:4px;height:clamp(8px,min(1.2vw,1.9vh),14px);margin-top:clamp(3px,.5vh,6px);overflow:hidden}#doom-fill{background:linear-gradient(90deg,#ffce6a,#ff5a1a,#c21810);width:0%;height:100%;transition:width .3s linear}#doom-wrap.tar #doom-label{color:#d8c25a}#doom-wrap.tar #doom-bar{background:#0e0c06d9;border-color:#6a5a22}#doom-wrap.tar #doom-fill{background:linear-gradient(90deg,#e0cc72,#8a6a24,#14100a)}#doom-wrap.sink #doom-label{color:#9fd8cc}#doom-wrap.sink #doom-bar{background:#080e0ed9;border-color:#2f5a52}#doom-wrap.sink #doom-fill{background:linear-gradient(90deg,#d8d2c0,#5aa79a,#071414)}#banner{z-index:34;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#banner h1{letter-spacing:.1em;color:#ffb03c;text-shadow:0 0 30px #ff3c0acc,0 5px #7a2d10;opacity:0;font-size:clamp(3rem,11vw,7rem);font-style:italic;font-weight:900;transform:scale(.3)}#banner h2{letter-spacing:.5em;color:#ff8a4a;text-shadow:0 2px 6px #000;opacity:0;text-align:center;box-sizing:border-box;max-width:100%;padding:0 16px;font-size:clamp(.9rem,2.6vw,1.4rem)}#banner.show h1{animation:.35s cubic-bezier(.2,1.6,.4,1) forwards bannerIn}#banner.show h2{animation:.4s .15s forwards fadeIn}@keyframes bannerIn{to{opacity:1;transform:scale(1)}}@keyframes fadeIn{to{opacity:1}}#sp-call{z-index:26;pointer-events:none;text-align:center;letter-spacing:.14em;--sp:#ffb03c;font-weight:900;line-height:1.15;position:fixed;bottom:12vh;left:50%;transform:translate(-50%)}#sp-call-who{letter-spacing:.34em;color:#ffe9b0;text-shadow:0 2px 5px #000;opacity:.9;font-size:clamp(.6rem,min(1.5vw,2.2vh),.9rem)}#sp-call-name{color:var(--sp);text-shadow:0 0 26px var(--sp), 0 4px 0 #000000a6, 0 2px 12px #000;font-size:clamp(1.3rem,min(4.2vw,6vh),2.9rem);font-style:italic}#sp-call-tag{letter-spacing:.42em;color:var(--sp);opacity:.85;text-shadow:0 2px 5px #000;font-size:clamp(.58rem,min(1.4vw,2.1vh),.86rem)}#sp-call.show #sp-call-name{animation:.3s cubic-bezier(.2,1.7,.4,1) spCallIn}#sp-call.show #sp-call-who{animation:.34s spCallSide}#sp-call.show #sp-call-tag{animation:.34s .1s spCallSide}#sp-call.out{animation:.45s forwards spCallOut}@keyframes spCallIn{0%{transform:scale(.55)skew(-14deg)}to{transform:none}}@keyframes spCallSide{0%{transform:translateY(6px)}to{transform:none}}@keyframes spCallOut{to{opacity:0;transform:translate(-50%)translateY(-10px)}}:root{--chip-fs:clamp(.62rem, 1.7vw, .85rem);--chip-pad-y:5px;--chip-pad-x:9px;--btn-fs:.8rem;--btn-h:36px;--bigbtn-fs:clamp(.72rem, 2vw, .95rem);--panel-w:min(360px, 46vw);--panel-top:50px;--panel-fs:clamp(.72rem, 1.9vw, .88rem);--panel-pad-y:10px;--panel-pad-x:12px;--panel-close:34px;--tip-fs:.7rem;--tip-w:280px;--toast-fs:clamp(.68rem, 1.8vw, .85rem);--thumb:54px;--thumb-sm:34px;--thumb-big:108px;--art-banner-h:76px;--fac-icon:44px;--crest:52px;--tile-w:78px;--tile-thumb:62px;--tile-face:26px;--tile-name-fs:.6rem;--bar-lift:122px}#ranch-hud{z-index:22;padding:calc(6px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 6px calc(56px + env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#100804d9,#10080473 80%,#0000);justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}#ranch-hud>div{pointer-events:auto;align-items:center;gap:8px;display:flex}.chip{font-size:var(--chip-fs);letter-spacing:.1em;color:#d8c49a;padding:var(--chip-pad-y) var(--chip-pad-x);white-space:nowrap;background:#1e0e08bf;border:1px solid #6a4a2a;border-radius:4px}.chip b{color:#ffce6a}.chip.gold b{color:#ffd23c}.chip.honor b{color:#7fd1ff}.chip.strikes{font-size:max(1rem, calc(var(--chip-fs) * 1.18));letter-spacing:.2em;color:#8a6a4a}.chip.strikes.hot{color:#ff4030;text-shadow:0 0 8px #ff2a1a;border-color:#a02818}.chip.upkeep b{color:#ff8a4a}.chip.upkeep.fed b{color:#9be86a}.chip.challenge b{color:#ffce6a}.chip.challenge.hot{color:#ffb0a0;border-color:#a02818}.chip.challenge.hot b{color:#ff4030;text-shadow:0 0 8px #ff2a1a}.chip.event{font:inherit;font-size:var(--chip-fs);letter-spacing:.1em;cursor:pointer;color:#ffe9b0;min-height:var(--btn-h);background:linear-gradient(#8a5a12,#5a3208);border-color:#ffb03c;animation:1.5s ease-in-out infinite evPulse}.chip.event:hover{color:#fff6dd;border-color:#ffe08a}.chip.event .ev-bang{color:#ff6a2a;text-shadow:0 0 8px #ff6a2acc;margin-right:.45em;font-style:normal;font-weight:900}.chip.event.answered .ev-bang{color:#8a6a4a;text-shadow:none}.chip.event.answered{color:#cbb086;background:#321e0acc;border-color:#7a5a2a;animation:none}@keyframes evPulse{0%,to{box-shadow:0 0 #ffb03c00}50%{box-shadow:0 0 12px #ffb03cbf}}.chip.nest{font:inherit;font-size:var(--chip-fs);letter-spacing:.1em;cursor:pointer;color:#cfe6b4;min-height:var(--btn-h);background:linear-gradient(#3a5a24,#23380f);border-color:#86b45a}.chip.nest:hover{color:#f0ffe0;border-color:#cfe6b4}.chip.nest .ev-bang{color:#ffe08a;margin-right:.45em;font-style:normal;font-weight:900}.chip.nest.hot{color:#fff2c0;background:linear-gradient(#8a5a12,#5a3208);border-color:#ffb03c;animation:1.5s ease-in-out infinite evPulse}.ev-lead{color:#d8c49a;margin:2px 0 10px;line-height:1.45}.ev-lead b{color:#ffce6a}.ev-clock{letter-spacing:.08em}.ev-clock.hot{color:#ff8a4a}.ev-choice{border-color:#7a5a2a}.ev-choice .offer-s{margin:5px 0 0}.ev-choice .pbtn.good{border-color:#6aa84a}.speeds{gap:3px;display:flex}.spd-btn{font:inherit;font-size:calc(var(--btn-fs) * .9);color:#b09268;cursor:pointer;min-width:calc(var(--btn-h) - 2px);min-height:calc(var(--btn-h) - 6px);background:#1e0e08bf;border:1px solid #6a4a2a;border-radius:4px;padding:5px 8px}.spd-btn.on{color:#ffe9b0;background:#963a14cc;border-color:#ffb03c}.big-btn{font:inherit;font-weight:900;font-size:var(--bigbtn-fs);letter-spacing:.12em;color:#fff3d8;cursor:pointer;text-shadow:0 1px 2px #000;min-height:var(--btn-h);background:linear-gradient(#a8481e,#7a2d10);border:2px solid #ffb03c;border-radius:5px;padding:7px max(14px,.9em)}.big-btn:hover{filter:brightness(1.2)}.small-btn{font:inherit;font-size:var(--btn-fs);color:#d8c49a;cursor:pointer;min-height:calc(var(--btn-h) - 6px);background:#1e0e08bf;border:1px solid #6a4a2a;border-radius:4px;padding:5px max(10px,.62em)}#tip{z-index:42;pointer-events:none;max-width:var(--tip-w);background:#1c0d07f5;border:1px solid #ffb03c;border-radius:5px;padding:6px 10px;position:fixed;box-shadow:0 4px 16px #0000008c}#tip b{color:#ffce6a;font-size:calc(var(--tip-fs) + .06rem);letter-spacing:.1em;margin-bottom:2px;display:block}#tip b:empty{margin:0;display:none}#tip span{color:#d8c49a;font-size:var(--tip-fs);letter-spacing:.04em;line-height:1.35}.spd-btn:hover{color:#ffe9b0;border-color:#ffb03c}.small-btn:hover,#panel-close:hover{color:#fff3d8;border-color:#ffb03c}.chip[data-tip]:hover{border-color:#c98a3a}#toasts{left:50%;top:calc(var(--panel-top) + 2px + env(safe-area-inset-top));z-index:26;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;transform:translate(-50%)}.toast{font-size:var(--toast-fs);letter-spacing:.06em;color:#ffe9b0;text-align:center;background:#1e0e08eb;border:1px solid #8a5a2a;border-radius:4px;max-width:80vw;padding:6px 14px;animation:.25s ease-out toastIn}.toast.good{color:#b8e89a;border-color:#4a9a3a}.toast.bad{color:#ffb0a0;border-color:#a02818}.toast.out{opacity:0;transition:opacity .5s}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}}#panel{top:calc(var(--panel-top) + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:var(--panel-w);z-index:24;background:#160a06f0;border:2px solid #7a4a22;border-radius:8px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 30px #0009}#panel-head{padding:var(--panel-pad-y) var(--panel-pad-x);background:#5a260e8c;border-bottom:1px solid #7a4a22;justify-content:space-between;align-items:center;display:flex}#panel-title{letter-spacing:.14em;color:#ffb03c;font-weight:900;font-size:max(clamp(.85rem, 2.2vw, 1.05rem), calc(var(--panel-fs) * 1.2))}#panel-close{font:inherit;font-size:calc(var(--panel-close) * .47);color:#d8c49a;width:var(--panel-close);height:var(--panel-close);cursor:pointer;background:0 0;border:1px solid #6a4a2a;border-radius:4px}#panel-body{padding:var(--panel-pad-y) var(--panel-pad-x);font-size:var(--panel-fs);line-height:1.45;overflow-y:auto}#panel-body h4{color:#ff7a3c;letter-spacing:.2em;margin:12px 0 6px;font-size:.78em}.p-sub{color:#a98f68;margin-bottom:6px;font-size:.9em}.p-sub.dim{color:#7c6748;margin-top:-3px;font-size:.84em}.ident{color:#7fd1ff;letter-spacing:.08em}.warn{color:#ff8a4a;margin:6px 0}.honor-line{color:#7fd1ff;letter-spacing:.1em;margin:4px 0;font-size:1.3em}.honor-line b{font-size:1.3em}.maxed{color:#7fd18a;letter-spacing:.15em;font-size:.8em}.stat-row{align-items:center;gap:8px;margin:4px 0;display:flex}.stat-l{color:#d8c49a;letter-spacing:.1em;width:max(72px,5.1em);font-size:.82em}.stat-bar{background:#00000080;border:1px solid #5a3a1a;border-radius:3px;flex:1;height:max(10px,.7em);overflow:hidden}.stat-bar i{background:linear-gradient(90deg,#c98a3a,#ffce6a);height:100%;display:block}.stat-bar.energy i{background:linear-gradient(90deg,#3f9a2a,#8fe05a)}.stat-bar.hunger i{background:linear-gradient(90deg,#a8542e,#ff8a4a)}.stat-bar.bond i{background:linear-gradient(90deg,#3a6aa8,#7fd1ff)}.stat-v{text-align:right;color:#ffe9b0;width:max(52px,3.7em);font-size:.82em}.stat-v em{color:#8a6a4a;font-style:normal}.btn-row{flex-wrap:wrap;gap:5px;display:flex}.pbtn{font:inherit;letter-spacing:.08em;color:#e8d5a8;cursor:pointer;min-height:var(--btn-h);background:#3c1c0eb3;border:1px solid #7a4a22;border-radius:4px;padding:8px 10px;font-size:.78em}.pbtn:hover:not(:disabled){color:#fff3d8;background:#963a14cc;border-color:#ffb03c}.pbtn:disabled{opacity:.4;cursor:default}.pbtn.on{color:#fff3d8;background:#963a14e6;border-color:#ffce6a}.pbtn.gold{background:linear-gradient(#a8481e,#7a2d10);border-color:#ffb03c;width:100%;font-weight:900}.pbtn.danger{color:#ffb0a0;border-color:#a02818}.pbtn.ghost{width:100%;margin-top:8px}.offer{background:#28140a99;border:1px solid #5a3a1a;border-radius:6px;margin:6px 0;padding:8px 10px}.offer.vs{background:#461c0a99;border-color:#a05a2a}.offer-h{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.offer-h b{color:#ffce6a;letter-spacing:.06em}.offer-h span{color:#a98f68;font-size:.82em}.offer-s{color:#c8b088;margin:3px 0 6px;font-size:.85em}.offer .pbtn{width:100%}.pair-box{cursor:pointer;background:#281e0eb3;border:1px solid #7a5a2a;border-radius:6px;margin:4px 0;padding:8px 10px}.pair-box:hover{border-color:#ffce6a}.mini-list{margin-top:6px}.mini-row{border-bottom:1px dashed #7a4a2266;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.mini-row em{color:#8a6a4a;font-size:.85em;font-style:normal}.mini-row .pbtn{min-height:calc(var(--btn-h) - 6px);padding:5px 10px}.thumb{width:var(--thumb);height:var(--thumb);background:radial-gradient(at 50% 62%,#ffce6a21,#0000 70%);border-radius:6px;flex:none;display:block}.thumb.small{width:var(--thumb-sm);height:var(--thumb-sm)}.thumb.big{width:var(--thumb-big);height:var(--thumb-big)}.offer.has-thumb,.pair-box.has-thumb{align-items:flex-start;gap:10px;display:flex}.offer.has-thumb .offer-body,.pair-box.has-thumb .offer-body{flex:1;min-width:0}.offer.has-thumb:hover .thumb{background:radial-gradient(at 50% 62%,#ffce6a42,#0000 72%)}.offer.hurt .thumb{filter:saturate(.55)brightness(.82)}.thumb-pair{flex:none;position:relative}.thumb-pair .thumb.small{background:#160a06e6;border:1px solid #7a4a22;border-radius:50%;position:absolute;bottom:-4px;right:-6px}.portrait{justify-content:center;margin:2px 0 6px;display:flex}.mini-row{justify-content:flex-start}.mini-row>span{flex:1;min-width:0}.p-banner{height:var(--art-banner-h);margin:calc(var(--panel-pad-y) * -1) calc(var(--panel-pad-x) * -1) 8px;background-position:50% 58%;background-size:cover;border-bottom:1px solid #7a4a22;position:relative}.p-banner:after{content:"";background:linear-gradient(#160a060d 30%,#160a06eb 92%);position:absolute;top:0;bottom:0;left:0;right:0}.fac-icon{width:var(--fac-icon);height:var(--fac-icon);background-position:50%;background-size:cover;border:1px solid #5a3a1a;border-radius:5px;flex:none}.offer.has-icon{align-items:flex-start;gap:10px;display:flex}.offer.has-icon .offer-body{flex:1;min-width:0}.offer.vs .crest{width:var(--crest);height:var(--crest);background-position:50%;background-size:cover;border:1px solid #a05a2a;border-radius:5px;flex:none}#dinobar{left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));right:calc(8px + env(safe-area-inset-right));z-index:23;pointer-events:none;touch-action:pan-x;scrollbar-width:thin;align-items:flex-end;gap:max(8px,.6vw);padding:2px;display:flex;position:fixed;overflow:auto hidden}#dinobar>*{pointer-events:auto}.db-tile,.db-slot{font:inherit;width:var(--tile-w);cursor:pointer;text-align:center;color:#d8c49a;background:#160a06e6;border:2px solid #6a4a2a;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:4px 4px 5px;display:flex}.db-tile:hover{background:#38160af0;border-color:#ffb03c}.db-tile.on{border-color:#ffce6a;box-shadow:0 0 12px #ffb03c73}.db-tile.tracking{border-color:#7fd1ff;box-shadow:0 0 12px #7fd1ff80}.db-tile .thumb{width:var(--tile-thumb);height:var(--tile-thumb)}.db-face{position:relative}.db-face .thumb.small{width:var(--tile-face);height:var(--tile-face);background:#160a06eb;border:1px solid #7a4a22;border-radius:50%;position:absolute;bottom:-3px;right:-5px}.db-name{font-size:var(--tile-name-fs);letter-spacing:.06em;color:#ffce6a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:900;overflow:hidden}.db-tag{font-size:calc(var(--tile-name-fs) * .9);letter-spacing:.08em;color:#ff8a4a}.db-tag.sick{color:#9be86a}.db-energy{width:100%;height:max(4px, calc(var(--tile-thumb) * .065));background:#0000008c;border-radius:2px;overflow:hidden}.db-energy i{background:linear-gradient(90deg,#3f9a2a,#8fe05a);height:100%;display:block}.db-energy.low i{background:linear-gradient(90deg,#a8542e,#ff8a4a)}.db-slot{min-height:calc(var(--tile-thumb) + 34px);color:#8a6a4a;font-size:calc(var(--tile-name-fs) * .96);letter-spacing:.08em;cursor:default;border-style:dashed;justify-content:center;line-height:1.5}.db-slot.build{cursor:pointer;color:#d8c49a;border-color:#7a4a22}.db-slot.build:hover:not(:disabled){color:#fff3d8;border-color:#ffb03c}.db-slot.build:disabled{opacity:.45;cursor:default}.db-slot b{color:#ffce6a;font-size:1.5em;line-height:1}body.has-bar #panel,body.has-bar #photo-toggle{bottom:calc(var(--bar-lift) + env(safe-area-inset-bottom))}#fight-speed{pointer-events:auto;min-height:clamp(30px,5.6vh,42px);margin-top:clamp(5px,.9vh,9px);padding:clamp(5px,.8vh,9px) clamp(10px,1.4vw,18px);font-size:clamp(.75rem,min(1.35vw,2vh),1rem)}.cd.down{color:#ff8a4a;text-shadow:0 0 6px #ff5a1a;border-color:#a04818}body.coach-anchored #orders{opacity:.12;pointer-events:none}#orders{z-index:28;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(at 50% 42%,#08030580 30%,#040203e6 100%);flex-direction:column;justify-content:center;align-items:center;gap:2vh;transition:opacity .25s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.orders-header{align-items:center;gap:clamp(10px,3vw,26px);display:flex}.stone-tablet{color:#f0e2c0;text-shadow:0 -1px #000000bf,0 1px #fff0c824;background:linear-gradient(#6e665a,#4c463d 55%,#38332c);border:3px solid #292521;border-radius:7px;padding:.32em 1.1em;box-shadow:inset 0 2px 3px #fff4d638,inset 0 -3px 5px #0000008c,0 6px 22px #000000a6}.sconce{width:20px;height:clamp(44px,min(5vw,9vh),72px);position:relative}.sconce:after{content:"";background:linear-gradient(#4a3a2c,#241a12);border-radius:3px;width:7px;height:62%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sconce i{filter:blur(.6px);transform-origin:50% 95%;background:radial-gradient(closest-side at 50% 78%,#fff7d8,#ffce3c 34%,#ff7a1a 64%,#ff3c0a00 100%);border-radius:50%/62% 62% 38% 38%;width:24px;height:38px;animation:.34s infinite alternate torchFlick;position:absolute;bottom:47%;left:50%;transform:translate(-50%);box-shadow:0 0 26px 6px #ff8c288c}.sconce:last-child i{animation-duration:.29s;animation-delay:.17s}@keyframes torchFlick{0%{opacity:.92;transform:translate(-50%)scale(1)skew(-3deg)}to{opacity:1;transform:translate(-52%)scale(1.08,1.16)skew(4deg)}}.order-row{flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,22px);max-width:min(1180px,94vw);display:flex}.order{aspect-ratio:3/4.25;cursor:pointer;width:clamp(150px,min(19vw,30vh),250px);font:inherit;text-align:center;will-change:transform;background:#180a06;border:2px solid #7a4a22;border-radius:12px;padding:0;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.order:hover{border-color:#ffce6a;outline:none;box-shadow:0 12px 34px #ff6e1e59,0 0 20px #ffb03c73}.order:focus-visible{border-color:#ffce6a;outline:none;box-shadow:0 12px 34px #ff6e1e59,0 0 20px #ffb03c73}.order-inner{opacity:0;animation:.45s cubic-bezier(.2,1.5,.4,1) forwards cardIn;animation-delay:calc(var(--i,0) * 90ms);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(18px)}.order-art{background-position:50%;background-size:cover;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;right:0}.order:hover .order-art{transform:scale(1.08)}.order-shade{background:linear-gradient(#0a040205 42%,#0c0503f0 84%);position:absolute;top:0;bottom:0;left:0;right:0}.order b{letter-spacing:.13em;color:#ffce6a;text-shadow:0 2px 4px #000;padding:0 10px;font-size:clamp(.78rem,2vw,1.02rem);font-weight:900;position:relative}.order .order-desc{color:#cdb088;letter-spacing:.02em;padding:4px 10px 12px;font-size:.66rem;line-height:1.35;position:relative}@keyframes cardIn{to{opacity:1;transform:none}}.runend-stats{color:#d8c49a;letter-spacing:.08em;flex-direction:column;gap:4px;font-size:clamp(.8rem,2.2vw,1rem);display:flex}.runend-stats b{color:#ffce6a}.runend-stats .honor-gain{color:#7fd1ff;font-size:1.15em}#confirm{z-index:44;background:#08030599;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#confirm-box{text-align:center;background:#160a06f5;border:2px solid #ffb03c;border-radius:8px;width:min(420px,88vw);padding:18px 22px;box-shadow:0 8px 30px #000000b3}#confirm-box h3{color:#ffb03c;letter-spacing:.2em;margin-bottom:8px}#confirm-box p{color:#d8c49a;margin-bottom:14px;font-size:.9rem;line-height:1.5}#confirm-box p b{color:#ffce6a}#coach{z-index:38;cursor:pointer;background:#06030473;position:fixed;top:0;bottom:0;left:0;right:0}#coach-ring{pointer-events:none;border:2px solid #ffce6a;border-radius:8px;animation:1.6s infinite coachPulse;position:absolute}@keyframes coachPulse{0%,to{box-shadow:0 0 10px #ffb03c80}50%{box-shadow:0 0 24px #ffb03cf2}}#coach-bubble{background:#1c0d07f5;border:2px solid #ffb03c;border-radius:8px;padding:14px 16px;position:absolute;box-shadow:0 8px 30px #000000b3}#coach-bubble:before{content:"";top:-9px;left:var(--arrow-x,50%);border:8px solid #0000;border-top:none;border-bottom:9px solid #ffb03c;margin-left:-8px;position:absolute}#coach-bubble.center{width:min(440px,86vw);top:50%;left:50%;transform:translate(-50%,-50%)}#coach-bubble.center:before{display:none}#coach-text{color:#e8d5a8;letter-spacing:.03em;font-size:clamp(.8rem,2vw,.95rem);line-height:1.55}#coach-text b{color:#ffce6a}#coach-next{letter-spacing:.22em;color:#b09268;text-align:right;margin-top:10px;font-size:.66rem;animation:1.4s infinite blink}@media (min-width:1200px) and (min-height:620px){:root{--chip-fs:clamp(.85rem, min(.98vw, 1.7vh), 1.05rem);--chip-pad-y:8px;--chip-pad-x:13px;--btn-fs:clamp(.8rem, min(.92vw, 1.6vh), 1rem);--btn-h:clamp(36px, min(3.4vw, 6vh), 46px);--bigbtn-fs:clamp(.95rem, min(1.05vw, 1.85vh), 1.2rem);--panel-w:clamp(360px, min(29vw, 52vh), 520px);--panel-top:clamp(50px, min(4.4vw, 7.8vh), 66px);--panel-fs:clamp(.88rem, min(.92vw, 1.62vh), 1.06rem);--panel-pad-y:14px;--panel-pad-x:18px;--panel-close:clamp(34px, min(2.6vw, 4.6vh), 42px);--tip-fs:clamp(.7rem, min(.78vw, 1.4vh), .86rem);--tip-w:clamp(280px, 26vw, 380px);--toast-fs:clamp(.85rem, min(.95vw, 1.7vh), 1.05rem);--thumb:clamp(54px, min(4.4vw, 7.8vh), 84px);--thumb-sm:clamp(34px, min(2.7vw, 4.8vh), 50px);--thumb-big:clamp(108px, min(10.4vw, 18.4vh), 196px);--art-banner-h:clamp(76px, min(7.4vw, 13vh), 128px);--fac-icon:clamp(44px, min(3.6vw, 6.3vh), 66px);--crest:clamp(52px, min(4.2vw, 7.4vh), 78px);--tile-w:clamp(78px, min(6.5vw, 11.4vh), 118px);--tile-thumb:clamp(62px, min(5.4vw, 9.4vh), 98px);--tile-face:clamp(26px, min(2.2vw, 3.8vh), 40px);--tile-name-fs:clamp(.6rem, min(.72vw, 1.26vh), .82rem);--bar-lift:calc(var(--tile-thumb) + 68px)}}@media (max-height:520px),(max-width:760px){#panel{width:min(340px,62vw);top:calc(46px + env(safe-area-inset-top))}#banner h2{letter-spacing:.26em}.rh-mid .chip.day{display:none}.chip{padding:4px 6px}.chip.event .ev-label{display:none}.chip.event .ev-bang{margin-right:0}.chip.saved,.chip.nest{display:none}}@media (max-width:700px){.hp-side{width:34%}#hud{padding-right:calc(10px + env(safe-area-inset-right))}}#ranch-hud .big-btn,#ranch-hud .chip{white-space:nowrap;flex-shrink:0}#ranch-hud.fit-1,#ranch-hud.fit-1>div{gap:4px}#ranch-hud.fit-1 .chip{letter-spacing:.06em;padding-left:7px;padding-right:7px}#ranch-hud.fit-1 .spd-btn{padding-left:5px;padding-right:5px}#ranch-hud.fit-1 .big-btn{letter-spacing:.06em;padding-left:10px;padding-right:10px}#ranch-hud.fit-2 .chip.event .ev-label,#ranch-hud.fit-2 .chip.nest .nest-label,#ranch-hud.fit-2 .chip.saved .sv-label{display:none}#ranch-hud.fit-2 .chip.event .ev-bang,#ranch-hud.fit-2 .chip.nest .ev-bang,#ranch-hud.fit-2 .chip.saved .sv-tick{margin-right:0}#ranch-hud.fit-3 .chip.saved,#ranch-hud.fit-3 .rh-mid .chip.day,#ranch-hud.fit-4 .chip.upkeep,#ranch-hud.fit-4 .chip.honor{display:none}#photo-toggle{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));z-index:46;color:#d8c49a;cursor:pointer;opacity:.55;background:#140a06a6;border:1px solid #6a4a2a;border-radius:50%;width:38px;height:38px;font-size:1.1rem;line-height:1;transition:opacity .15s,border-color .15s;position:fixed}#photo-toggle:hover{opacity:1;border-color:#ffb03c}body.photo-mode #photo-toggle{opacity:1;color:#ffce6a;border-color:#ffce6a}#photo-hint{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:46;max-width:min(94vw,900px);font-size:var(--btn-fs);letter-spacing:.02em;color:#ffe9b0;background:#120805e0;border:1px solid #ffb03c;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 22px #00000080}body.photo-mode #ranch-hud,body.photo-mode #dinobar,body.photo-mode #panel,body.photo-mode #hud,body.photo-mode #orders,body.photo-mode #tip,body.photo-mode #coach,body.photo-mode #banner{display:none!important}.chip.saved .sv-tick{margin-right:.35em;font-style:normal}.chip.saved .sv-label{letter-spacing:.1em}.chip.saved{color:#9fd68a;opacity:.4;background:#142210b3;border-color:#3d6630;transition:opacity .9s ease-out,text-shadow .9s ease-out}.chip.saved.on{opacity:1;text-shadow:0 0 8px #6adf4a;transition:opacity 80ms ease-in,text-shadow 80ms ease-in}.mi .mi-sub{letter-spacing:.14em;color:#c9a86a;text-transform:none;margin-top:.35em;font-size:.56em;font-style:normal;display:block}.mi.focus .mi-sub,.mi:hover .mi-sub{color:#ffe9b0}:root{--bronze-hi:#ffd88a;--bronze:#d99a3e;--bronze-lo:#7a4a1c;--molten:#ff7a26;--obsidian:#120a08db;--obsidian-hi:#301a10e6}.logo{background:linear-gradient(#fff1c4 0%,#ffc34e 34%,#ff8a26 58%,#c4400f 80%,#6a1a06 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 4px #3a1204)drop-shadow(0 0 22px #ff60148c);-webkit-background-clip:text;background-clip:text}.logo span{background:linear-gradient(#ffd27a 0%,#ff6a1a 45%,#b8260a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}body.fx-high .logo{animation:3.2s ease-in-out infinite logoHeat}@keyframes logoHeat{0%,to{filter:drop-shadow(0 4px #3a1204)drop-shadow(0 0 20px #ff601480)}50%{filter:drop-shadow(0 4px #3a1204)drop-shadow(0 0 30px #ff781ebf)}}.screen-title{background:linear-gradient(#ffe7a8 0%,#ffb03c 55%,#c8561a 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 2px #3a1204)drop-shadow(0 0 14px #ff5a1a73);-webkit-background-clip:text;background-clip:text}.screen-title.red{background:linear-gradient(#ffb09a 0%,#ff4030 50%,#8a0e06 100%);filter:drop-shadow(0 2px #2a0402)drop-shadow(0 0 20px #ff1e0a99);-webkit-background-clip:text;background-clip:text}.screen-title.stone-tablet{filter:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.tag{text-shadow:0 2px 6px #000c}#screens .screen{background:radial-gradient(70% 60% at 50% 42%,#1e0a061f,#0a04069e 70%,#060203e6 100%)}#screens .screen.overlay{background:radial-gradient(at 50% 45%,#14080673,#060203db)}#splash .splash-art{z-index:0;pointer-events:none;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:26s ease-in-out infinite alternate kenBurns;position:absolute;top:-3%;bottom:-3%;left:-3%;right:-3%}#splash>:not(.splash-art){z-index:1;position:relative}@keyframes kenBurns{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.08)translate(-.6%,-1.2%)}}.press{color:#ffe2a0;text-shadow:0 0 14px #ff781eb3,0 2px 4px #000}.mi{color:#f0dcb0;background:linear-gradient(180deg, #ffdca012, #ffdca000 45%), linear-gradient(180deg, var(--obsidian-hi), var(--obsidian));border-color:var(--bronze-lo);text-shadow:0 2px 3px #000c;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffd88a38,inset 0 -2px #00000080,0 4px 14px #0000008c}.mi.focus,.mi:hover{color:#fff6de;border-color:var(--bronze-hi);background:linear-gradient(#ffe6aa2e,#ffe6aa00 50%),linear-gradient(#a8481e,#6a220a);box-shadow:inset 0 1px #ffecbe80,inset 0 -2px #00000073,0 0 18px #ff7a268c,0 6px 18px #0009}body.fx-high .mi.focus:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff0c838,#0000);width:40%;animation:2.8s ease-in-out infinite plaqueShine;position:absolute;top:0;bottom:0;left:-60%}@keyframes plaqueShine{0%{left:-60%}55%,to{left:130%}}.fighter-name{color:#fff0c8;text-shadow:0 0 10px #ff8c3259,0 2px 4px #000,0 0 2px #000}.hp-bar{background:linear-gradient(#080302eb,#1c0a06e6);border-color:#8a5424;box-shadow:0 0 0 1px #000000b3,inset 0 2px 5px #000c,0 3px 10px #0000008c}.hp-bar:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff47,#ffffff0a);height:48%;position:absolute;top:0;left:0;right:0}.hp-fill{background:linear-gradient(#b6f27a 0%,#6cc83e 45%,#2f7a1c 100%)}.hp-fill.low{background:linear-gradient(#ffb07a 0%,#ff5a2a 45%,#a01c0c 100%);animation:.9s ease-in-out infinite hpLow}@keyframes hpLow{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.hp-ghost{background:linear-gradient(#ffd0a0,#c8401e)}.pips span.on{background:radial-gradient(circle at 40% 35%,#fff0b0,#ffb03c 45%,#c8601a);box-shadow:0 0 10px #ff7a26}#doom-bar{position:relative;box-shadow:inset 0 2px 4px #000c,0 2px 8px #00000080}#doom-fill{box-shadow:0 0 12px #ff6a1ab3}#doom-label{text-shadow:0 0 8px #ff6a2a80,0 1px 3px #000}#ranch-hud{background:linear-gradient(#0c0603e0,#0c060380 72%,#0000)}.chip{background:linear-gradient(#ffdca012,#ffdca000 55%),linear-gradient(#28140adb,#140a06db);border-color:#7a5230;box-shadow:inset 0 1px #ffd88a24,0 2px 8px #00000073}.chip.gold b{text-shadow:0 0 8px #ffbe2873}.chip.honor b{text-shadow:0 0 8px #78c8ff73}.spd-btn{background:linear-gradient(#28140adb,#140a06db);box-shadow:inset 0 1px #ffd88a1f}.spd-btn.on{background:linear-gradient(#b8521e,#7a2a0c);box-shadow:inset 0 1px #ffecbe66,0 0 10px #ff7a2673}.big-btn{border-color:var(--bronze-hi);background:linear-gradient(#ffecbe40,#ffecbe00 50%),linear-gradient(#c4561e,#7a2a0c);box-shadow:inset 0 -2px #00000059,0 0 14px #ff6e1e73,0 3px 10px #00000080}body.fx-high #rh-fight{animation:2.4s ease-in-out infinite fightGlow}@keyframes fightGlow{0%,to{box-shadow:inset 0 -2px #00000059,0 0 12px #ff6e1e66,0 3px 10px #00000080}50%{box-shadow:inset 0 -2px #00000059,0 0 22px #ff8228bf,0 3px 10px #00000080}}#panel{background:linear-gradient(#1e0e08f2,#0e0704f2);border-color:#8a5a2a;box-shadow:0 0 0 1px #0009,inset 0 1px #ffd88a29,0 12px 36px #000000a6}body.fx-high #panel{-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);background:linear-gradient(#1e0e08d6,#0e0704e6)}#panel-head{background:linear-gradient(#8c3e1699,#461c0a8c);box-shadow:inset 0 1px #ffd88a33}#panel-title{text-shadow:0 0 10px #ff8c2866,0 2px 3px #000}.pbtn{background:linear-gradient(#ffdca00f,#ffdca000 55%),linear-gradient(#401e0ed9,#241008d9);box-shadow:inset 0 1px #ffd88a1f}.pbtn.gold{background:linear-gradient(#ffecbe38,#ffecbe00 50%),linear-gradient(#c4561e,#7a2a0c);box-shadow:inset 0 -2px #0000004d,0 0 10px #ff6e1e59}.stat-bar{box-shadow:inset 0 1px 3px #000000b3}.stat-bar i{box-shadow:inset 0 1px #ffffff59}#tip{box-shadow:0 0 0 1px #0009,0 0 14px #ff8c2840,0 6px 18px #0009}.toast{box-shadow:0 4px 14px #0000008c,inset 0 1px #ffd88a1f}.db-tile{box-shadow:inset 0 1px #ffd88a24,0 4px 12px #00000080}#banner h1{background:linear-gradient(#fff3c8 0%,#ffc04a 40%,#ff6a1a 70%,#8a220a 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 5px #3a1204)drop-shadow(0 0 26px #ff460abf);-webkit-background-clip:text;background-clip:text}#gfx-embers{z-index:31;pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}:root{--team-you:#4cc8ff;--team-foe:#ff4a3c}.screen-title.stone-tablet{color:#ffd98e;-webkit-text-fill-color:#ffd98e;background:radial-gradient(60% 120% at 50% 0,#ffdca01f,#ffdca000 70%),linear-gradient(#3a3029,#241d18 55%,#17120f);text-shadow:0 -1px #000000e6,0 1px #ffc87840,0 0 16px #ff8c2873;filter:none;-webkit-background-clip:border-box;background-clip:border-box;border:2px solid #6e4a26;box-shadow:inset 0 1px #ffe2aa40,inset 0 -3px 6px #0009,0 0 0 1px #000000b3,0 8px 26px #000000b3,0 0 30px #ff6e1e2e}.orders-header{position:relative}#screens .screen:not(.hidden)>.mi-list .mi{animation:.42s cubic-bezier(.2,1.1,.3,1) gfxRise}#screens .screen:not(.hidden)>.mi-list .mi:nth-child(2){animation-duration:.5s}#screens .screen:not(.hidden)>.mi-list .mi:nth-child(3){animation-duration:.58s}#screens .screen:not(.hidden)>.mi-list .mi:nth-child(4){animation-duration:.66s}#screens .screen:not(.hidden)>.mi-list .mi:nth-child(5){animation-duration:.74s}#screens .screen:not(.hidden)>.screen-title,#screens .screen:not(.hidden)>.logo{animation:.5s cubic-bezier(.2,1.2,.3,1) gfxDrop}@keyframes gfxRise{0%{transform:translateY(14px)scale(.97)}to{transform:none}}@keyframes gfxDrop{0%{transform:translateY(-10px)scale(1.06)}to{transform:none}}body.fx-off #screens .screen .mi,body.fx-off #screens .screen>.screen-title,body.fx-off #screens .screen>.logo{animation:none!important}#screens .screen>h2.screen-title{padding-bottom:.5em;position:relative}#screens .screen>h2.screen-title:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0.5 L9.5 5 L5 9.5 L0.5 5Z' fill='%23f0b454' stroke='%23fff0c0' stroke-width='0.6'/%3E%3C/svg%3E") 50%/10px 10px no-repeat,linear-gradient(90deg,#d99a3e00,#d99a3ee6 42%,#d99a3e00 42.5% 57.5%,#d99a3ee6 58%,#d99a3e00) 50%/100% 2px no-repeat;-webkit-text-fill-color:initial;-webkit-background-clip:border-box;background-clip:border-box;width:min(260px,60vw);height:10px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#opt-mute-v,#opt-quality-v,#opt-effects-v{color:#ffd06a;text-shadow:0 0 10px #ffa02873,0 2px 3px #000c;font-weight:700}#options .mi[data-act=opt-reset]{color:#ffb4a4;background:linear-gradient(#ffa08c14,#ffa08c00 45%),linear-gradient(#400e0ae6,#1e0605e6);border-color:#7a2a1c;margin-top:1.2vh}#options .mi[data-act=opt-reset].focus,#options .mi[data-act=opt-reset]:hover{color:#fff0ea;background:linear-gradient(#ffc8b433,#ffc8b400 50%),linear-gradient(#a3261a,#5a0e08);border-color:#ff8a6a;box-shadow:inset 0 1px #ffdcc866,0 0 18px #ff3c1e80,0 6px 18px #0009}.howto-body{scrollbar-width:thin;scrollbar-color:#8a5a2a #0000004d;background:linear-gradient(#ffdca00d,#ffdca000 30%),linear-gradient(#180c07e6,#0c0604eb);border:1px solid #6e4a26;border-radius:8px;padding:.4em 1.4em 1.2em;box-shadow:inset 0 1px #ffd88a29,0 0 0 1px #0009,0 12px 34px #0009;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 26px),#00000059 100%);mask-image:linear-gradient(#000 0 calc(100% - 26px),#00000059 100%)}.howto-body::-webkit-scrollbar{width:8px}.howto-body::-webkit-scrollbar-thumb{background:linear-gradient(#b87a34,#6e4a26);border-radius:4px}.howto-body::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.howto-body h3{color:#ffb24a;text-shadow:0 0 10px #ff781e59;border-bottom:1px solid #d99a3e59;padding-bottom:.2em}.runend-stats{background:linear-gradient(#180c07d1,#0c0604db);border:1px solid #6e4a26;border-radius:8px;max-width:min(720px,92vw);padding:.9em 1.6em;box-shadow:inset 0 1px #ffd88a24,0 10px 28px #0000008c}.runend-stats:empty{display:none}#runend .tag,#champion .tag{color:#e6c998}#champion:before{content:"";aspect-ratio:1.6;clip-path:polygon(0 100%,0 22%,22% 58%,36% 8%,50% 50%,64% 8%,78% 58%,100% 22%,100% 100%);filter:drop-shadow(0 0 14px #ffbe3cb3);background:linear-gradient(100deg,#fff0 30%,#fffadcbf 45%,#fff0 60%) -120% 0/200% 100% no-repeat,linear-gradient(#fff2b8,#ffc444 45%,#b86a12);width:clamp(54px,7vw,86px);margin-bottom:-1vh}body.fx-high #champion:before{animation:3.4s ease-in-out infinite crownShine}@keyframes crownShine{0%,40%{background-position:-120% 0,0 0}70%,to{background-position:220% 0,0 0}}#banner:before{content:"";left:0;right:0;top:var(--band-mid,50%);height:max(clamp(120px, 24vh, 220px), var(--band-h,0px));pointer-events:none;background:linear-gradient(90deg,#08030200,#080302b8 22% 78%,#08030200),linear-gradient(#0000,#0003);border-top:1px solid #d99a3e59;border-bottom:1px solid #d99a3e59;position:absolute;transform:translateY(-50%)}#banner.show:before{animation:.28s cubic-bezier(.2,1,.3,1) bandIn}@keyframes bandIn{0%{transform:translateY(-50%)scaleY(.2)}to{transform:translateY(-50%)}}#banner h1,#banner h2{position:relative}#banner.defeat h1{background:linear-gradient(#ffd0c0 0%,#ff5a3c 45%,#8a0e06 100%);color:#0000;filter:drop-shadow(0 5px #2a0402)drop-shadow(0 0 26px #ff1e0abf);-webkit-background-clip:text;background-clip:text}#banner.defeat h2{color:#ff9a86}#banner.victory h1{background:linear-gradient(#fffbe0 0%,#ffe07a 38%,#ffae2a 70%,#9a5a0a 100%);color:#0000;filter:drop-shadow(0 5px #3a2204)drop-shadow(0 0 30px #ffc83ccc);-webkit-background-clip:text;background-clip:text}#banner.victory h2{color:#ffe29a}.hp-side .fighter-name{position:relative}.hp-side.left .fighter-name:before,.hp-side.right .fighter-name:after{content:"";border-radius:1px;width:.5em;height:.5em;display:inline-block;transform:rotate(45deg)translateY(-.1em)}.hp-side.left .fighter-name:before{background:var(--team-you);box-shadow:0 0 10px var(--team-you), 0 0 0 1px #0009;margin-right:.55em}.hp-side.right .fighter-name:after{background:var(--team-foe);box-shadow:0 0 10px var(--team-foe), 0 0 0 1px #0009;margin-left:.55em}.hp-side.left .hp-bar{box-shadow:0 0 0 1px #000000b3,0 0 12px #4cc8ff40,inset 0 2px 5px #000c,0 3px 10px #0000008c}.hp-side.right .hp-bar{box-shadow:0 0 0 1px #000000b3,0 0 12px #ff4a3c40,inset 0 2px 5px #000c,0 3px 10px #0000008c}#coach-bubble,#confirm-box{background:linear-gradient(#ffdca00f,#ffdca000 40%),linear-gradient(#221009f7,#100805f7);border-color:#c8863a;box-shadow:inset 0 1px #ffd88a33,0 0 0 1px #0009,0 0 22px #ff781e33,0 10px 32px #000000b3}#confirm-box h3{text-shadow:0 0 12px #ff822873,0 2px 3px #000}#gfx-wipe{z-index:29;pointer-events:none;opacity:0;background:radial-gradient(#120806,#050202);position:fixed;top:0;bottom:0;left:0;right:0}#gfx-wipe.on{animation:.5s ease-out gfxWipe}@keyframes gfxWipe{0%{opacity:1}to{opacity:0}}#banner.cine{padding-top:calc(max(74px, 10.5vh) + env(safe-area-inset-top));justify-content:flex-start}#banner.cine h1{font-size:clamp(2.1rem,min(6.2vw,9vh),4.4rem)}#banner.cine h2{font-size:clamp(.72rem,1.9vw,1.05rem)}#pops{z-index:19;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#pops .pop{white-space:nowrap;opacity:0;will-change:transform, opacity;letter-spacing:.02em;-webkit-text-stroke:1px #140602d9;paint-order:stroke fill;font-size:clamp(18px,min(2.1vw,3.5vh),34px);font-style:italic;font-weight:900;line-height:1;position:absolute;top:0;left:0}#pops .pop.dmg.theirs{color:#fff4dc;text-shadow:0 2px #3a1204,0 0 10px #ffaa3c8c}#pops .pop.dmg.mine{color:#ff6a52;text-shadow:0 2px #2a0402,0 0 10px #ff281480}#pops .pop.dmg.heavy.theirs{color:#ffd25a;text-shadow:0 3px #3a1204,0 0 16px #ff8c1ed9,0 0 2px #fff}#pops .pop.dmg.heavy.mine{color:#ff3a26;text-shadow:0 3px #2a0402,0 0 16px #ff1e0acc}#pops .pop.dmg.block{color:#b9c4cc;text-shadow:0 2px #10161a;font-style:normal}#pops .pop.dmg.block:before{content:"BLOCK ";letter-spacing:.14em;vertical-align:.15em;font-size:.62em}#pops .pop.stat,#pops .pop.bond{letter-spacing:.1em;-webkit-text-stroke:0;background:linear-gradient(#301a10eb,#120a08e6);border:1px solid #ffd88a8c;border-radius:999px;padding:.32em .62em .28em;font-size:clamp(13px,min(1.4vw,2.4vh),20px);font-style:normal;box-shadow:0 3px 10px #00000073,inset 0 1px #ffe6aa40}#pops .pop.stat b{font-weight:900}#pops .pop.stat.str{color:#ff9a5a;border-color:#ff8c50b3}#pops .pop.stat.spd{color:#7fe0ff;border-color:#78dcffb3}#pops .pop.stat.spc{color:#d69aff;border-color:#d296ffb3}#pops .pop.bond{color:#ffc2d0;border-color:#ffaabeb3}#ranch-hud .chip.gold,#ranch-hud .chip.honor{position:relative}#ranch-hud .chip.flash-up{animation:.7s ease-out chipUp}#ranch-hud .chip.flash-down{animation:.6s ease-out chipDown}@keyframes chipUp{0%{transform:scale(1);box-shadow:0 0 #78ff8c00}18%{transform:scale(1.12);box-shadow:0 0 18px 3px #8cff78bf}to{transform:scale(1);box-shadow:0 0 #78ff8c00}}@keyframes chipDown{0%{transform:scale(1);box-shadow:0 0 #ff503c00}18%{transform:scale(.94);box-shadow:0 0 14px 2px #ff503cb3}to{transform:scale(1);box-shadow:0 0 #ff503c00}}#ranch-hud .chip-fly{pointer-events:none;letter-spacing:.06em;white-space:nowrap;opacity:0;font-size:.95em;font-weight:900;animation:1.25s cubic-bezier(.2,.8,.3,1) forwards chipFly;position:absolute;top:100%;left:50%;transform:translate(-50%)}#ranch-hud .chip-fly.up{color:#8dff7a;text-shadow:0 2px #0e2a08,0 0 10px #78ff6499}#ranch-hud .chip-fly.down{color:#ff7a5e;text-shadow:0 2px #2a0402;animation-duration:1s}#ranch-hud .chip-fly.honor{color:#9fdcff;text-shadow:0 2px #06202e,0 0 10px #78c8ff99}@keyframes chipFly{0%{opacity:0;transform:translate(-50%,-6px)scale(.6)}12%{opacity:1;transform:translate(-50%,4px)scale(1.25)}30%{transform:translate(-50%,8px)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,26px)scale(1)}}body.fx-off #ranch-hud .chip.flash-up,body.fx-off #ranch-hud .chip.flash-down{animation:none}body:not(.fx-off) #panel:not(.hidden){animation:.3s cubic-bezier(.2,1.05,.3,1) panelIn}@keyframes panelIn{0%{transform:translate(calc(100% + 28px))}to{transform:translate(0)}}#pops{transition:opacity .15s ease-out}#pops.cine{opacity:0}body:not(.fx-off) #screens #splash>.logo{animation:.62s linear .18s backwards splashSlam}body:not(.fx-off) #screens #splash>.tag{animation:.5s ease-out .62s backwards splashUp}body:not(.fx-off) #screens #splash>.press{animation:.5s ease-out .95s backwards splashUp,1.4s 1.45s infinite blink}body:not(.fx-off) #screens #splash .splash-art{animation:26s ease-in-out infinite alternate kenBurns,.36s linear .42s splashShake}@keyframes splashSlam{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(2.6)}38%{opacity:1;animation-timing-function:ease-out;transform:scale(.94)}62%{animation-timing-function:ease-in-out;transform:scale(1.03)}to{transform:scale(1)}}@keyframes splashUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes splashShake{0%{translate:0}15%{translate:-9px 6px}30%{translate:8px -5px}48%{translate:-5px 3px}66%{translate:3px -2px}to{translate:0}}#splash-exit{pointer-events:none;animation:.7s cubic-bezier(.5,0,.75,.4) forwards splashOut;z-index:32!important}#splash-exit .splash-art{z-index:0;pointer-events:none;transform-origin:50% 58%;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:-3%;bottom:-3%;left:-3%;right:-3%;animation:.7s cubic-bezier(.55,0,.8,.5) forwards jawsIn!important}#splash-exit>:not(.splash-art){z-index:1;position:relative}#splash-exit>.logo{animation:.42s cubic-bezier(.5,0,.8,.5) forwards exitLogo!important}#splash-exit>.tag,#splash-exit>.press{animation:.22s linear forwards exitFade!important}#splash-exit:after{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(50% 42% at 50% 58%,#ffaa46bf,#ff5a1440 45%,#0000 75%);animation:.7s ease-out forwards jawsFlash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes splashOut{0%,30%{opacity:1}to{opacity:0}}@keyframes jawsIn{0%{transform:scale(1.04)}to{transform:scale(2.1)}}@keyframes exitLogo{to{opacity:0;transform:scale(1.7)}}@keyframes exitFade{to{opacity:0}}@keyframes jawsFlash{0%{opacity:0}35%{opacity:.85}to{opacity:0}}#menu.from-splash>.logo{animation:.6s linear menuStamp!important}@keyframes menuStamp{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(1.9)}45%{animation-timing-function:ease-out;transform:scale(.94)}70%{animation-timing-function:ease-in-out;transform:scale(1.03)}to{transform:none}}body.fx-off #splash-exit{display:none}#banner h2 .bn-part{animation:.42s cubic-bezier(.2,1.7,.4,1) backwards partPop;display:inline-block}#banner h2 .bn-sep{letter-spacing:0;opacity:.6;padding:0 .85em 0 .35em;font-style:normal;display:inline-block}@keyframes partPop{0%{opacity:0;transform:translateY(10px)scale(.4)}to{opacity:1;transform:none}}body.fx-off #banner h2 .bn-part{animation:none}body.result-win:not(.fx-off) #banner.victory.show h1{animation:.55s linear forwards winStamp}@keyframes winStamp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(2.4)}40%{opacity:1;animation-timing-function:ease-out;transform:scale(.93)}65%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}body.result-win:not(.fx-off) #banner.victory:after{content:"";aspect-ratio:1;opacity:0;pointer-events:none;border:3px solid #ffd66ee6;border-radius:50%;width:clamp(160px,30vw,420px);margin:0;animation:.75s cubic-bezier(.1,.8,.3,1) .18s forwards winRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 24px #ffbe3cb3,inset 0 0 18px #ffbe3c80}@keyframes winRing{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}body.result-loss:not(.fx-off) #banner.defeat.show h1{animation:.6s cubic-bezier(.55,0,.85,.35) forwards lossDrop,.4s ease-out .6s lossLand}@keyframes lossDrop{0%{opacity:0;transform:translateY(-38vh)scale(1.05)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes lossLand{0%{transform:translateY(0)scaleY(.86)scaleX(1.05)}40%{transform:translateY(-6px)scaleY(1.03)}to{transform:none}}body.result-loss:not(.fx-off) #banner.defeat.show:before{animation:.28s cubic-bezier(.2,1,.3,1) bandIn,.36s linear .58s lossJolt}@keyframes lossJolt{0%,to{translate:0}20%{translate:0 7px}45%{translate:0 -4px}70%{translate:0 2px}}#dawn-card{z-index:21;pointer-events:none;background:linear-gradient(90deg,#0e060300,#0e06039e 22% 78%,#0e060300);border-top:1px solid #ffd28259;border-bottom:1px solid #ffd28259;flex-direction:column;align-items:center;gap:.2em;padding:.5em 2.2em .6em;display:flex;position:fixed;top:24vh;left:50%;transform:translate(-50%)}#dawn-card .dc-sun{z-index:0;background:radial-gradient(circle, #fff6d8 0 18%, #ffcf6a 30%, #ff96328c 46%, #ff782800 70%), repeating-conic-gradient(from 0deg, #ffd2786b 0 6deg, #ffd27800 6deg 22deg);border-radius:50%;width:7.2em;height:7.2em;margin-left:-3.6em;font-size:clamp(16px,min(2.2vw,3.6vh),30px);position:absolute;top:-1.4em;left:50%;-webkit-mask:radial-gradient(circle,#000 40%,#0000 71%);mask:radial-gradient(circle,#000 40%,#0000 71%)}#dawn-card .dc-day,#dawn-card .dc-sub{z-index:1;position:relative}#dawn-card .dc-day{letter-spacing:.12em;background:linear-gradient(#fff3c8 0%,#ffc04a 45%,#ff7a1a 75%,#9a2c0a 100%);color:#0000;filter:drop-shadow(0 3px #3a1204)drop-shadow(0 0 18px #ff9628a6);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,min(6.4vw,10vh),84px);font-style:italic;font-weight:900;line-height:1}#dawn-card .dc-sub{letter-spacing:.45em;color:#ffe2a8;text-shadow:0 2px 4px #000;font-size:clamp(11px,min(1.35vw,2.3vh),18px)}#dawn-card.go{animation:3.6s ease-out forwards dawnIn}#dawn-card.go .dc-sun{animation:3.6s cubic-bezier(.2,.8,.3,1) forwards sunRise}#dawn-card.go .dc-day{animation:.55s cubic-bezier(.25,1.5,.4,1) .12s backwards dawnStamp}@keyframes dawnIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)translateY(-14px)}}@keyframes sunRise{0%{opacity:0;transform:translateY(1.6em)scale(.5)rotate(0)}30%{opacity:1}to{opacity:1;transform:translateY(-1.2em)scale(1.15)rotate(40deg)}}@keyframes dawnStamp{0%{opacity:0;transform:scale(1.9)}to{opacity:1;transform:none}}body.fx-off #dawn-card.go,body.fx-off #dawn-card.go .dc-sun,body.fx-off #dawn-card.go .dc-day{animation:none}#dawn-wash{z-index:18;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(70% 60% at 85% 0,#ffc46e8c,#ff963c2e 45%,#ff8c3200 75%);position:fixed;top:0;bottom:0;left:0;right:0}#dawn-wash.go{animation:3.2s ease-out dawnWash}@keyframes dawnWash{0%{opacity:0}25%{opacity:1}to{opacity:0}}#ranch-hud .chip.day.day-turn{animation:.7s cubic-bezier(.3,1.4,.5,1) dayTurn}@keyframes dayTurn{0%{transform:rotateX(0)}35%{transform:rotateX(90deg);box-shadow:0 0 14px #ffc86e99}to{transform:rotateX(0)}}body.fx-off #ranch-hud .chip.day.day-turn{animation:none}
