*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.rules-v28{font-family:Arial,Helvetica,sans-serif;background:#061a38;color:#fff;min-height:100dvh}.rules-scene{min-height:100dvh;background:linear-gradient(rgba(4,21,51,.18),rgba(4,21,51,.72)),var(--rule-bg,url('../assets/worlds/sunny.png')) center/cover fixed no-repeat;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.rules-scene.cosmic{--rule-bg:radial-gradient(circle at 22% 12%,#114b9f,transparent 28%),radial-gradient(circle at 78% 18%,#9d1e5f,transparent 27%),linear-gradient(145deg,#020817,#071835 56%,#220921)}.rules-wrap{width:min(1160px,100%);margin:auto}.rules-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rules-top img{width:auto;height:clamp(62px,7vw,92px);border-radius:16px;display:block}.rules-top nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.rules-top a{color:#fff;text-decoration:none;border:1px solid #5088bd;background:#0b315e;padding:9px 12px;border-radius:999px;font-weight:900;font-size:12px}.rule-hero{position:relative;overflow:hidden;border:2px solid #efc45c;border-radius:28px;background:linear-gradient(130deg,rgba(5,37,80,.96),rgba(17,69,116,.88));padding:clamp(18px,3vw,34px);box-shadow:0 18px 55px #0007,inset 0 0 0 2px #ffffff15}.cosmic .rule-hero{background:linear-gradient(130deg,rgba(3,19,54,.97),rgba(66,15,71,.9))}.rule-hero h1{margin:.1em 0;font-size:clamp(38px,6vw,78px);line-height:.92;text-shadow:0 5px #051d47}.rule-hero h1 em{font-style:normal;color:#ffd657}.rule-hero p{margin:.35em 0 0;max-width:760px;font-size:clamp(14px,1.5vw,20px);color:#e6f5ff}.rule-piece-pair{position:absolute;right:2%;bottom:-3%;display:flex;align-items:end}.rule-piece-pair img{width:clamp(92px,13vw,180px);height:clamp(118px,17vw,230px);object-fit:contain;filter:drop-shadow(0 12px 9px #0008)}.rule-piece-pair img+img{margin-left:-35px}.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.fact{border:1px solid #5d92c3;border-radius:17px;background:#071f45e8;padding:11px;text-align:center;box-shadow:inset 0 0 0 1px #ffffff12}.fact b{display:block;color:#ffd65a;font-size:clamp(18px,2.1vw,28px)}.fact small{color:#d9ebff}.rules-panel{border:2px solid #e9bf5b;border-radius:24px;background:linear-gradient(180deg,#fdf7e8,#e8dcc1);color:#0b315d;padding:clamp(14px,2.5vw,26px);box-shadow:0 15px 40px #0005}.rules-panel h2{margin:0 0 12px;color:#0b3264;text-align:center;font-size:clamp(22px,3vw,38px)}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.step{position:relative;min-height:94px;border:2px solid #c49b3a;border-radius:17px;background:#fffaf0;padding:12px 12px 12px 56px;box-shadow:0 5px 13px #4b2d1320}.step>span{position:absolute;left:10px;top:10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#1f69b2,#0b3974);color:#fff;border:3px solid #ffd45e;font-weight:1000}.step b{display:block;font-size:16px;color:#082d60;margin-bottom:3px}.step p{margin:0;font-size:13px;line-height:1.35}.power-strip{display:grid;grid-template-columns:repeat(var(--power-count,3),1fr);gap:9px;margin-top:12px}.power-rule{--c:#8e37d4;text-align:center;border:2px solid #d0a84b;border-radius:18px;background:#071f45;color:#fff;padding:12px;box-shadow:inset 0 0 0 2px #ffffff10}.power-rule .power-orb{width:64px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:radial-gradient(circle at 35% 28%,#fff 0 5%,var(--c) 22%,#401067 65%,#12051e);border:3px solid #ffe28c;box-shadow:0 0 18px var(--c),inset 0 0 14px #ffffff55;font-size:33px;font-weight:1000;color:#fff}.power-rule b{display:block;color:#ffd75d}.power-rule small{display:block;margin-top:3px;color:#dbeeff;line-height:1.3}.power-rule.green{--c:#55e13b}.power-rule.red{--c:#ff6047}.power-rule.cyan{--c:#48d9ff}.rule-callout{margin-top:12px;border:2px solid #ffd65c;border-radius:18px;background:linear-gradient(90deg,#092a5c,#2c1546);color:#fff;padding:14px;text-align:center;font-weight:900}.rule-callout b{color:#ffd65c}.rule-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:13px}.rule-actions a{border-radius:999px;background:linear-gradient(#ffd65c,#d99718);color:#092653;padding:10px 16px;text-decoration:none;font-weight:1000;border:1px solid #fff3ac}.rule-actions a.secondary{background:linear-gradient(#174f88,#0b2d5a);color:#fff;border-color:#6ca8dd}.rules-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.hub-card{position:relative;min-height:260px;overflow:hidden;border:2px solid #f0c55d;border-radius:24px;background:linear-gradient(#0b3a73e8,#061d44f0);padding:18px;color:#fff;text-decoration:none;box-shadow:0 14px 35px #0005}.hub-card:nth-child(2){background:linear-gradient(#3a2267e8,#11113cf0)}.hub-card:nth-child(3){background:linear-gradient(#53183be8,#170d2cf0)}.hub-card img{position:absolute;right:-10px;bottom:-10px;width:145px;height:180px;object-fit:contain;filter:drop-shadow(0 8px 8px #0007)}.hub-card h2{margin:0;color:#ffd761;font-size:clamp(22px,2.5vw,34px);max-width:70%}.hub-card p{max-width:65%;line-height:1.4;color:#e8f3ff}.hub-card span{display:inline-block;margin-top:8px;padding:7px 10px;border-radius:999px;background:#ffd55b;color:#082755;font-weight:1000}.rules-footer{margin:14px 0 0;text-align:center;color:#d8e9ff;font-size:11px}@media(max-width:760px){.rule-piece-pair{opacity:.34;right:-8%}.quick-facts{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.power-strip{grid-template-columns:1fr 1fr}.rules-hub{grid-template-columns:1fr}.hub-card{min-height:200px}.rules-top{align-items:flex-start}.rules-top nav{gap:4px}.rules-top a{padding:7px 9px;font-size:10px}}@media(orientation:landscape) and (max-height:650px){.rules-scene{padding-top:6px}.rule-hero{padding:12px 18px}.rule-hero h1{font-size:clamp(30px,4.6vw,54px)}.quick-facts{margin:8px 0}.fact{padding:7px}.rules-panel{padding:12px}.step{min-height:74px;padding-top:9px;padding-bottom:9px}.rule-piece-pair img{height:150px;width:115px}}

/* V46 rules clarity + universal share */
.rules-top nav button{color:#fff;border:1px solid #5088bd;background:#0b315e;padding:9px 12px;border-radius:999px;font-weight:900;font-size:12px;cursor:pointer;font:inherit}
.rules-top nav button:hover,.rules-top a:hover{filter:brightness(1.12)}
.rule-goal{margin:12px 0;border-color:#f0c75d!important;background:linear-gradient(115deg,rgba(9,42,86,.96),rgba(67,18,72,.9))!important;font-size:clamp(13px,1.35vw,17px)}
.rules-panel>.rule-callout{line-height:1.45}
.share-toast{position:fixed;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 10px));transform:translateX(-50%);z-index:180;background:#071d40;color:#fff;padding:10px 16px;border:1px solid #f0c75d;border-radius:999px;box-shadow:0 8px 30px #0008;opacity:0;pointer-events:none;transition:.18s;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.share-toast.show{opacity:1}
@media(max-width:620px){.rules-top nav{gap:5px}.rules-top a,.rules-top nav button{font-size:10px;padding:8px 9px}.rule-piece-pair{opacity:.38}.rule-hero p{max-width:78%}}