.exact-roll{width:100%;padding:34px 0}.exact-roll header{display:flex;justify-content:space-between;padding:0 4vw 18px;color:#8d9ab2;font-size:9px;font-weight:900;letter-spacing:.1em}.exact-roll header b{color:#b5f337}.exact-lanes{display:grid;gap:10px}.exact-lane{position:relative;width:100%;height:172px;overflow:hidden;border-block:1px solid #273145;background:radial-gradient(circle at 50%,#94ff4720,transparent 18%),#0b1019}.exact-track{position:absolute;display:flex;gap:10px;left:0;top:10px;will-change:transform;transform:translateX(0)}.exact-track.rolling{animation:exactSpin 5.1s cubic-bezier(.08,.66,.12,1) forwards}.exact-reel-item{flex:0 0 142px;height:148px;display:grid;grid-template-columns:1fr;place-items:center;align-content:center;border:1px solid color-mix(in srgb,var(--pet) 75%,#263044);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--pet) 10%,#121925),#0c1119);box-shadow:inset 0 0 25px color-mix(in srgb,var(--pet) 11%,transparent)}.exact-reel-item .pet-model{width:78px;height:78px;border:0;background:transparent;box-shadow:none}.exact-reel-item small{font-size:7px;color:var(--pet)}.exact-reel-item b{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.exact-reel-item strong{font-size:7px;color:#aef53a}.exact-marker{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;background:#b4f53a;box-shadow:0 0 18px #b4f53a;pointer-events:none}.exact-marker:before,.exact-marker:after{content:"";position:absolute;left:-7px;border:8px solid transparent}.exact-marker:before{top:0;border-top-color:#b4f53a}.exact-marker:after{bottom:0;border-bottom-color:#b4f53a}.exact-winner.landed{animation:landedV12 .6s ease;box-shadow:0 0 35px color-mix(in srgb,var(--pet) 45%,transparent)}.exact-status{text-align:center;padding:15px;color:#7c89a1;font-size:9px;font-weight:900}.exact-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b4f53a;box-shadow:0 0 9px #b4f53a}.exact-roll-2 .exact-lane{height:155px}.exact-roll-2 .exact-reel-item{height:131px}.exact-roll-3 .exact-lane,.exact-roll-4 .exact-lane,.exact-roll-5 .exact-lane{height:125px}.exact-roll-3 .exact-reel-item,.exact-roll-4 .exact-reel-item,.exact-roll-5 .exact-reel-item{height:103px;flex-basis:122px}.exact-roll-3 .pet-model,.exact-roll-4 .pet-model,.exact-roll-5 .pet-model{width:53px;height:53px}.exact-results{padding:45px;text-align:center}.exact-results>span{color:#b4f53a;font-size:9px}.exact-results h2{font-size:30px}.exact-win-grid{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px 0}.exact-win-grid article{width:160px;padding:13px;border:1px solid var(--pet);border-radius:10px;background:#111824}.exact-win-grid .pet-model{width:125px;height:125px}.exact-win-grid small,.exact-win-grid b,.exact-win-grid strong{display:block}.exact-win-grid small{color:var(--pet)}.exact-win-grid strong{color:#b4f53a}.exact-win-grid img{width:16px}.egg-contents-v12{padding:28px}.egg-contents-v12 header{display:flex;align-items:center;gap:20px}.egg-contents-v12 header .custom-egg{width:75px;height:92px}.egg-contents-v12 header span,.egg-contents-v12 h3{color:#ff5d5d;font-size:9px}.egg-contents-v12 header b{display:flex;align-items:center;gap:6px}.egg-contents-v12 header img,.contents-grid em img{width:18px}.contents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.contents-grid article{position:relative;min-height:175px;padding:12px;border-top:3px solid var(--pet);background:linear-gradient(160deg,color-mix(in srgb,var(--pet) 17%,#111821),#0d131b)}.contents-grid .pet-model{width:105px;height:105px;margin:auto;border:0;background:transparent;box-shadow:none}.contents-grid strong{position:absolute;right:8px;top:8px;font-size:8px}.contents-grid small,.contents-grid b,.contents-grid em{display:block}.contents-grid small,.contents-grid b{color:var(--pet)}.contents-grid em{font-style:normal;font-size:9px;font-weight:900}.battle-page-v12{min-height:100vh;background:#080c14}.battle-page-head{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid #222b3a}.battle-page-head>div:nth-child(2){text-align:center}.battle-page-head button{justify-self:start;padding:11px 14px}.battle-page-head .egg-balance{justify-self:end}.battle-create-v12{display:grid;grid-template-columns:1fr 330px;gap:24px;padding:30px 5vw}.battle-step{display:flex;gap:12px;align-items:center;margin:14px 0}.battle-step>span{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#b4f53a;color:#0a0e14;font-weight:900}.battle-step h3,.battle-step p{margin:0}.battle-step p{color:#77839a;font-size:9px}.battle-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.battle-modes button{padding:15px;text-align:left;border:1px solid #2c3546;border-radius:9px;background:#101621;color:#fff}.battle-modes button.selected{border-color:#b4f53a;background:#b4f53a10}.battle-modes b,.battle-modes small{display:block}.battle-modes small{color:#758197;font-size:7px}.battle-lineup-v12{min-height:120px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:9px;border:1px dashed #343e50;border-radius:10px}.battle-lineup-v12>div{grid-column:1/-1;display:grid;place-items:center;color:#687489;font-size:9px}.battle-lineup-v12 button,.battle-picker-v12 button{border:1px solid #30394a;border-radius:8px;background:#101620;color:#fff}.battle-lineup-v12 .custom-egg{width:60px;height:72px}.battle-lineup-v12 b,.battle-lineup-v12 small{display:block;font-size:7px}.battle-picker-v12{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:13px}.battle-picker-v12 button{padding:9px}.battle-picker-v12 .custom-egg{width:55px;height:68px}.battle-picker-v12 span,.battle-picker-v12 b,.battle-picker-v12 small{display:block;font-size:7px}.battle-picker-v12 b{color:#b4f53a}.battle-picker-v12 small{color:#657084;margin-top:3px}.battle-create-v12 aside{position:sticky;top:25px;height:max-content;padding:22px;border:1px solid #30394a;border-radius:13px;background:#111722}.battle-create-v12 aside>span{color:#b4f53a;font-size:8px}.battle-versus-v12{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:25px 0}.battle-versus-v12>div,.battle-versus-v12>button{height:145px;display:grid;place-items:center;align-content:center;border:1px solid #354052;border-radius:10px;background:#0c1119;color:#fff}.battle-versus-v12 .pet-model{width:105px;height:105px;border:0;background:transparent}.battle-versus-v12 button>b{font-size:35px}.battle-versus-v12 button.called{border-color:#b4f53a}.battle-versus-v12 button span{font-size:7px;font-weight:900}.battle-create-v12 dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #293242}.battle-create-v12 dt,.battle-create-v12 dd{font-size:9px}.battle-create-v12 dd{font-weight:900}.battle-create-v12 aside>button{width:100%;padding:14px;border:0;border-radius:7px;background:#b4f53a;font-weight:900}.battle-create-v12 aside>button:disabled{background:#262e3b;color:#6c7789}.battle-create-v12 aside>p{text-align:center;color:#6f7a8d;font-size:7px}.battle-play-v12{min-height:100vh;padding-bottom:30px;background:#080c14}.battle-play-v12>header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #253043}.battle-score-v12{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;max-width:620px;margin:20px auto}.battle-score-v12 div{text-align:center;padding:12px;border:1px solid #313c4e;border-radius:9px}.battle-score-v12 span,.battle-score-v12 b{display:block}.battle-score-v12 b{font-size:24px}.battle-finish-v12{min-height:100vh;display:grid;place-items:center;align-content:center;gap:15px;text-align:center}.battle-finish-v12>span{color:#b4f53a}.battle-finish-v12.lose>span{color:#ff657e}.battle-finish-v12 button{min-width:320px;padding:14px;border:0;border-radius:8px;background:#b4f53a;font-weight:900}@keyframes exactSpin{0%{transform:translateX(0)}100%{transform:translateX(var(--travel))}}@keyframes landedV12{50%{transform:scale(1.05);filter:brightness(1.5)}}@media(max-width:850px){.battle-create-v12{grid-template-columns:1fr}.battle-modes{grid-template-columns:repeat(2,1fr)}.battle-picker-v12{grid-template-columns:repeat(3,1fr)}.contents-grid{grid-template-columns:repeat(2,1fr)}}