*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071a3a}body.home-v28{font-family:Arial,Helvetica,sans-serif;color:#fff;min-height:100dvh;overflow-x:hidden}.home-v28:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(4,22,54,.12),rgba(4,22,54,.42)),url('../assets/worlds/sunny.png') center/cover no-repeat}.home-v28:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 18%,rgba(255,245,180,.28),transparent 28%),linear-gradient(90deg,rgba(0,84,180,.22),transparent 38%,transparent 62%,rgba(190,25,42,.18));pointer-events:none}.home-shell{width:min(1480px,100%);min-height:100dvh;margin:auto;padding:max(10px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:grid;grid-template-rows:auto auto auto auto auto;gap:clamp(10px,1.6vw,22px)}.home-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 11px;border:2px solid #f4c45a;border-radius:20px;background:linear-gradient(180deg,rgba(7,45,91,.94),rgba(4,24,56,.94));box-shadow:0 12px 35px #0005,inset 0 0 0 2px #2a6da455}.home-brand img{width:auto;height:clamp(58px,7vw,86px);display:block;border-radius:15px}.home-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.home-actions a,.home-actions button{border:1px solid #538ac4;border-radius:999px;background:linear-gradient(#174e8b,#0b2b59);color:#fff;padding:10px 15px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #ffffff3d}.home-actions button:first-child{border-color:#e5ad39;background:linear-gradient(#ffd35d,#d79316);color:#132747}.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:clamp(12px,3vw,40px);padding:clamp(16px,2.5vw,30px);border-radius:28px;border:2px solid #f3c65f;background:linear-gradient(120deg,rgba(6,34,76,.93),rgba(9,48,90,.8) 50%,rgba(87,25,39,.78));box-shadow:0 16px 50px #001b4190,inset 0 0 0 2px #3984c744;overflow:hidden}.eyebrow{font-weight:1000;letter-spacing:.14em;color:#ffd861;font-size:clamp(10px,1.05vw,14px)}.hero-copy h1{margin:.22em 0 .12em;font-size:clamp(40px,6.3vw,88px);line-height:.9;letter-spacing:-.04em;text-shadow:0 5px 0 #03204c,0 9px 20px #0008}.hero-copy h1 em{font-style:normal;color:#ffd04c}.hero-copy>p{margin:0;max-width:720px;font-size:clamp(15px,1.6vw,22px);line-height:1.35;color:#e9f5ff}.rule-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.rule-chips span{padding:7px 11px;border-radius:999px;border:1px solid #7fbce3;background:#031f48cc;font-size:clamp(10px,1vw,13px);font-weight:800}.hero-pieces{position:relative;min-height:clamp(220px,29vw,390px);display:flex;align-items:end;justify-content:center;gap:0}.hero-pieces img{position:relative;width:clamp(110px,16vw,220px);height:clamp(160px,23vw,310px);object-fit:contain;filter:drop-shadow(0 14px 10px #0008)}.hero-pieces .blue-pawn{margin-right:-58px;transform:scale(.78) translateY(17px)}.hero-pieces .red-pawn{margin-left:-58px;transform:scale(.78) translateY(17px)}.hero-pieces .versus{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(54px,6vw,84px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffe270,#d88914 70%,#6b3300);border:4px solid #fff2a1;color:#0b2a56;font-weight:1000;font-size:clamp(16px,2.3vw,31px);box-shadow:0 0 28px #ffd153}.battle-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.5vw,20px)}.battle-card{min-height:180px;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;text-decoration:none;color:#fff;border:2px solid #efc45a;border-radius:24px;padding:clamp(15px,2vw,26px);box-shadow:0 14px 35px #0005,inset 0 0 0 2px #ffffff14;transition:.18s transform,.18s box-shadow}.battle-card:hover,.battle-card:focus-visible{transform:translateY(-3px);box-shadow:0 18px 40px #0007,0 0 28px #48aeff55}.classic-card{background:linear-gradient(120deg,rgba(5,54,115,.95),rgba(16,91,154,.9))}.royale-card{background:radial-gradient(circle at 65% 18%,#9b155277,transparent 28%),linear-gradient(120deg,rgba(6,18,54,.97),rgba(45,14,62,.94))}.battle-card img{width:clamp(92px,12vw,165px);height:clamp(115px,15vw,200px);object-fit:contain;filter:drop-shadow(0 10px 8px #0008)}.card-kicker{font-size:clamp(9px,.9vw,12px);letter-spacing:.12em;color:#ffd864;font-weight:1000}.battle-card h2{margin:.15em 0;font-size:clamp(25px,3vw,45px);line-height:1}.battle-card p{margin:0;color:#e4f4ff;font-size:clamp(12px,1.1vw,16px);line-height:1.32}.shortcut-cta{display:inline-block;margin-top:12px;padding:8px 14px;border-radius:999px;background:#ffd04d;color:#082653;font-weight:1000}.rules-shortcuts{border:2px solid #e6bd55;border-radius:22px;background:linear-gradient(180deg,#082a57e8,#061a3be8);padding:12px}.rules-head{display:flex;align-items:center;justify-content:center;gap:10px;color:#ffd55d}.rules-head h2{margin:0;font-size:clamp(16px,2vw,28px)}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.rules-grid a{display:grid;gap:3px;text-align:center;text-decoration:none;color:#fff;border:1px solid #4c8cc8;border-radius:16px;background:linear-gradient(#123e75,#082652);padding:12px}.rules-grid a:nth-child(2){border-color:#a979f1;background:linear-gradient(#332062,#16143e)}.rules-grid a:nth-child(3){border-color:#d34c65;background:linear-gradient(#4f1837,#22102d)}.rules-grid b{font-size:clamp(13px,1.5vw,20px);color:#ffd96b}.rules-grid small{font-size:clamp(9px,.85vw,12px);color:#d7e9ff}.home-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 6px;font-size:11px;color:#d7e9ff}.home-footer nav{display:flex;gap:12px;flex-wrap:wrap}.home-footer a{color:#fff;text-decoration:none}.share-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;background:#071d40;color:#fff;padding:10px 16px;border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:.2s}.share-toast.show{opacity:1}@media(max-width:820px){.home-shell{gap:9px}.home-topbar{align-items:flex-start}.home-actions{gap:5px}.home-actions a,.home-actions button{font-size:10px;padding:8px 9px}.home-hero{grid-template-columns:1fr}.hero-pieces{min-height:210px}.battle-shortcuts{grid-template-columns:1fr}.battle-card{min-height:150px}.rules-grid{grid-template-columns:1fr}.home-footer{font-size:9px;align-items:flex-start;flex-direction:column}}@media(orientation:landscape) and (max-height:720px){.home-shell{grid-template-rows:auto 1fr auto auto;gap:7px;padding-top:6px;padding-bottom:6px}.home-hero{grid-template-columns:1.12fr .88fr;padding:12px 20px}.hero-copy h1{font-size:clamp(34px,5vw,62px)}.hero-copy>p{font-size:13px}.rule-chips{margin-top:8px}.rule-chips span{padding:5px 8px;font-size:9px}.hero-pieces{min-height:170px}.hero-pieces img{width:clamp(85px,11vw,145px);height:clamp(125px,16vw,200px)}.battle-card{min-height:115px;padding:10px 14px}.battle-card h2{font-size:clamp(20px,2.3vw,31px)}.battle-card p{font-size:10px}.battle-card img{width:90px;height:110px}.shortcut-cta{margin-top:6px;padding:5px 10px;font-size:10px}.rules-shortcuts{padding:7px}.rules-grid{margin-top:6px}.rules-grid a{padding:7px}.home-footer{display:none}}
/* V28.1 — Crown vs Crown is a first-class home shortcut */
.battle-shortcuts{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.crown-card{
  background:
    radial-gradient(circle at 50% 8%,rgba(182,106,255,.36),transparent 34%),
    linear-gradient(120deg,rgba(30,17,76,.97),rgba(71,25,98,.94));
  border-color:#d6a6ff;
}
.crown-card:hover,.crown-card:focus-visible{
  box-shadow:0 18px 40px #0007,0 0 30px rgba(197,132,255,.5);
}
.duel-crowns{
  width:clamp(120px,11vw,175px);
  min-width:110px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:2px;
}
.duel-crowns img{
  width:100%;
  height:clamp(90px,12vw,155px);
  object-fit:contain;
}
.duel-crowns span{
  width:clamp(32px,3vw,42px);
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(#ffd96b,#c87910);
  color:#102650;
  border:2px solid #fff0a5;
  font-size:clamp(10px,1vw,14px);
  font-weight:1000;
  box-shadow:0 0 18px #d68cff88;
}
@media(max-width:1050px){
  .battle-shortcuts{grid-template-columns:1fr 1fr}
  .crown-card{grid-column:1/-1}
}
@media(max-width:820px){
  .battle-shortcuts{grid-template-columns:1fr}
  .crown-card{grid-column:auto}
}
@media(orientation:landscape) and (max-height:720px){
  .battle-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crown-card{grid-column:auto}
  .duel-crowns{width:92px;min-width:82px}
  .duel-crowns img{height:92px}
}


/* V66 — Crown Off Sports first-class home shortcut */
.battle-shortcuts{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.crown-card{grid-column:auto!important}
.sports-card{
  background:
    radial-gradient(circle at 72% 18%,rgba(255,190,54,.25),transparent 34%),
    linear-gradient(120deg,rgba(6,45,88,.97),rgba(13,67,102,.94));
  border-color:#ffd26a;
}
.sports-card:hover,.sports-card:focus-visible{
  box-shadow:0 18px 40px #0007,0 0 30px rgba(255,205,79,.45);
}
.sports-card-icons{
  width:clamp(125px,13vw,190px);
  min-width:116px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
}
.sports-card-icons img{
  width:clamp(58px,5.6vw,84px)!important;
  height:clamp(58px,5.6vw,84px)!important;
  border-radius:16px;
  object-fit:cover!important;
  margin-left:clamp(-18px,-1.4vw,-8px);
  filter:drop-shadow(0 8px 7px #0008)!important;
}
.sports-card-icons img:first-child{margin-left:0}
.rules-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.rules-grid a:nth-child(4){
  border-color:#ffb961;
  background:linear-gradient(#5a3c16,#2a1f12);
}
@media(max-width:1050px){
  .battle-shortcuts{grid-template-columns:1fr 1fr}
  .rules-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .battle-shortcuts{grid-template-columns:1fr}
  .rules-grid{grid-template-columns:1fr}
}
@media(orientation:landscape) and (max-height:720px){
  .battle-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sports-card-icons{width:88px;min-width:80px}
  .sports-card-icons img{width:46px!important;height:46px!important;border-radius:10px}
  .rules-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}