body[data-screen=idle]{background:radial-gradient(ellipse at 78% 40%,#36545b40,transparent 60%),#101b20}
.start-hero{display:grid;grid-template-columns:45% 55%;align-items:center;gap:0;padding:20px 3% 0}.start-copy{z-index:2}.start-copy h1{font:500 clamp(40px,4.5vw,66px)/1.04 Georgia,serif;letter-spacing:-1px;margin:24px 0 21px}.start-copy h1 em{font-style:normal;color:#f0cd7e}.start-lead{color:#ccd8d7;font-size:16px;line-height:1.65;margin-bottom:27px}.start-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.start-actions .primary{display:flex;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#ffe2a0,#dfb768);border:1px solid #ffdf99;box-shadow:0 8px 36px #dcb56824;min-width:214px;min-height:56px;font-size:18px;border-radius:6px}.start-practice{color:#f4f0e5;font-size:14px;text-underline-offset:6px;padding:13px 0}.start-entry{color:#a9dcc5;font-size:11px;line-height:1.6;margin:13px 0}.start-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px;font-size:11px;color:#afc0c3}.start-controls kbd{border:1px solid #ffffff28;border-radius:4px;padding:5px 7px;font:600 10px Arial}.start-touch{display:none}.start-stage{position:relative;height:425px;isolation:isolate;min-width:0}.start-stage:before{content:"";position:absolute;inset:20px -10px;background:radial-gradient(ellipse,#caba7139,#56766329 37%,transparent 72%);z-index:-1}.start-stage:after{content:"";position:absolute;bottom:39px;left:5%;right:3%;height:90px;border:1px solid #dfc87933;border-radius:50%;transform:rotate(-4deg);z-index:-1}.start-champion{position:absolute;width:42%;top:52px}.start-champion svg{width:100%;height:300px;filter:drop-shadow(0 12px 22px #0006)}.start-champion.left{left:0;top:83px;transform:rotate(-7deg)}.start-champion.right{right:0;top:75px;transform:rotate(6deg)}.start-champion.center{left:29%;top:23px;z-index:2;width:44%}.start-champion.center svg{height:345px}.start-champion span{display:block;text-align:center;font-size:10px;letter-spacing:2px;color:#d3e0d6}.start-champion.center span{color:#f0cd7e}.start-stage>p{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;letter-spacing:2px;color:#c1d1cd}.start-below{display:grid;grid-template-columns:1fr 260px;gap:32px;padding:24px 3%;align-items:center}.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.start-steps article{border-top:1px solid #dec68130;padding-top:18px}.start-steps span{font:italic 24px Georgia;color:#f0cd7e}.start-steps h2{font:600 13px Arial;margin:11px 0 8px}.start-steps p{font-size:11px;line-height:1.6;color:#afc0c3;margin:0;max-width:180px}.start-battle{position:relative;border:1px solid #71867c40;border-radius:5px;overflow:hidden;aspect-ratio:1.78;margin:0}.start-battle img{width:100%;height:100%;object-fit:cover;display:block}.start-battle figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 8px;background:linear-gradient(transparent,#07171cee);font-size:9px;letter-spacing:1px}.start-privacy{font-size:10px;color:#92a8ad;padding:0 3%;line-height:1.6}.start-actions :focus-visible{outline:3px solid #80d7ce;outline-offset:5px}
@media(max-width:1000px){.start-stage{height:350px}.start-champion svg{height:230px}.start-champion.center svg{height:270px}.start-champion.left,.start-champion.right{top:60px}.start-below{grid-template-columns:1fr}.start-battle{max-width:430px}.start-copy h1{font-size:44px}.online-game[data-screen=idle] .topbar{height:auto;min-height:77px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}}
@media(max-width:600px){.start-hero{display:flex;flex-direction:column;padding:0}.start-copy{width:100%}.start-copy h1{font-size:clamp(36px,11vw,48px)}.start-lead{font-size:15px}.start-actions{gap:17px}.start-actions .primary{min-width:175px;font-size:16px}.start-stage{height:310px;width:100%;max-width:430px;margin-top:18px}.start-champion svg{height:220px}.start-champion.center svg{height:245px}.start-champion.center{top:0}.start-champion.left,.start-champion.right{top:35px}.start-champion span{font-size:8px;letter-spacing:1px}.start-stage>p{font-size:9px}.start-below{padding:22px 0;gap:22px}.start-steps{gap:13px}.start-steps h2{font-size:12px;line-height:1.5}.start-steps p{font-size:10px}.start-privacy{padding:0}.online-game[data-screen=idle] .top-actions{flex-wrap:wrap}.online-game[data-screen=idle] .account-area{flex-wrap:wrap;max-width:100%}}
@media(pointer:coarse){.start-touch{display:block;flex-basis:100%}}

@media(min-width:768px) and (max-height:600px){.online-game[data-screen=idle] .topbar{min-height:48px;padding-top:6px;padding-bottom:6px}.online-game[data-screen=idle] .shell{padding-top:10px}.start-hero{padding-top:0}.start-stage{height:280px}.start-champion svg{height:180px}.start-champion.center svg{height:210px}.start-champion.left,.start-champion.right{top:55px}.start-copy h1{font-size:38px;margin:12px 0}.start-lead{font-size:13px;margin-bottom:14px}.start-actions .primary{min-height:48px}.start-controls{margin-top:12px}.start-entry{margin:8px 0}.start-below{padding-top:12px}}

@media(max-width:600px){.start-champion.center span{transform:translateY(-18px)}}
@media(min-width:768px) and (max-height:600px){.start-champion.center span{transform:translateY(-18px)}.start-champion span{font-size:8px;letter-spacing:1px}}

.start-actions a.primary{text-decoration:none}
.start-service{padding:12px 3%;border-top:1px solid #ffffff16;font-size:11px;line-height:1.6}.start-service a{color:#afc0c3;overflow-wrap:anywhere}.start-service a:focus-visible{outline:3px solid #80d7ce;outline-offset:4px}