.iom{--iom-ink:#10082e;--iom-gold:#ffd84a}.iom-wrap{padding-top:calc(max(.75rem, env(safe-area-inset-top)) + 4.25rem)}.iom-title{font-family:var(--font-display);color:var(--iom-gold);-webkit-text-stroke:.12em var(--iom-ink);paint-order:stroke fill;text-shadow:0 .1em 0 var(--iom-ink);line-height:1.05}.iom-kicker{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.14em var(--iom-ink);paint-order:stroke fill;letter-spacing:.12em}.iom-chip{font-family:var(--font-display);color:#fff;box-shadow:0 0 0 2px var(--iom-ink), inset 0 1.5px 0 #fff3;white-space:nowrap;background:linear-gradient(#2a1d6e,#1a1150);border-radius:999px;align-items:center;gap:.3em;padding:.28em .75em;font-size:12px;line-height:1;display:inline-flex}.iom-chip--live{background:linear-gradient(#ff5a63,#d81f2b)}.iom-live-dot{background:#fff;border-radius:50%;width:.55em;height:.55em;animation:1.2s ease-in-out infinite iom-blink}@keyframes iom-blink{50%{opacity:.25;transform:scale(.7)}}.iom-banner{isolation:isolate;text-align:start;color:#fff;width:100%;box-shadow:0 0 0 3px var(--iom-ink), 0 7px 0 3px var(--iom-ink), 0 26px 40px -18px #140c32a6;border-radius:28px;padding:14px 16px 16px;transition:transform .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.iom-banner:active{box-shadow:0 0 0 3px var(--iom-ink), 0 3px 0 3px var(--iom-ink), 0 18px 30px -18px #140c32a6;transform:translateY(4px)}.iom-banner--classic{background:repeating-linear-gradient(-28deg,#ffffff14 0 22px,#0000 22px 52px),radial-gradient(130% 100% at 85% 0,#9ff3ff 0%,#45bcff 38%,#1f66e0 100%)}.iom-banner--aon{background:repeating-linear-gradient(-28deg,#ffffff17 0 22px,#0000 22px 52px),radial-gradient(130% 100% at 85% 0,#fff08a 0%,#ffa23a 40%,#e2283a 100%)}.iom-banner:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff61,#0000);width:22%;animation:6s ease-in-out infinite iom-glint;position:absolute;inset:-30% auto -30% 0;transform:translate(-160%)skew(-18deg)}.iom-banner--aon:after{animation-delay:3s}@keyframes iom-glint{0%,62%{transform:translate(-160%)skew(-18deg)}to{transform:translate(560%)skew(-18deg)}}.iom-banner-title{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.12em var(--iom-ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--iom-ink);font-size:clamp(28px,8vw,40px);line-height:1}.iom-banner-sub{color:#fff;text-shadow:0 1.5px #10082e8c;margin-top:4px;font-size:13px;font-weight:900}.iom-fan{height:clamp(120px,34vw,170px);margin:2px 0 10px;position:relative}.iom-fan-card{aspect-ratio:1;width:clamp(96px,27vw,136px);box-shadow:0 0 0 2.5px var(--iom-ink), 0 5px 0 2.5px var(--iom-ink);background:#fff;border:3px solid #fff;border-radius:18px;position:absolute;bottom:0;overflow:hidden}.iom-fan-card:first-child{z-index:1;inset-inline-end:6%;transform:rotate(9deg)}.iom-fan-card:nth-child(2){inset-inline-end:27%;z-index:2;bottom:10px;transform:rotate(-5deg)}.iom-fan-card:nth-child(3){z-index:1;inset-inline-end:48%;transform:rotate(7deg)}.iom-fan-badges{top:0;z-index:4;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;inset-inline-start:0}.iom-go{z-index:4;bottom:16px;width:54px;height:54px;color:var(--iom-ink);background:linear-gradient(#fff3a6, var(--iom-gold) 55%, #f2b51c);box-shadow:0 0 0 3px var(--iom-ink), 0 4px 0 3px var(--iom-ink), inset 0 2px 0 #ffffffb3;border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute;inset-inline-end:16px}.iom-flip{display:inline-block}[dir=rtl] .iom-go,[dir=rtl] .iom-flip{transform:scaleX(-1)}.iom-progress{height:12px;box-shadow:0 0 0 2px var(--iom-ink);background:#10082e61;border-radius:999px;max-width:calc(100% - 76px);margin-top:10px;overflow:hidden}.iom-progress>i{background:linear-gradient(#fff3a6, var(--iom-gold) 60%, #f2b51c);border-radius:999px;height:100%;display:block}.iom-playnow{text-align:center;color:#fff;width:100%;box-shadow:0 0 0 3px var(--iom-ink), 0 7px 0 3px var(--iom-ink), inset 0 3px 0 #ffffff73;background:linear-gradient(#8ff07a,#3cc24c 55%,#23963a);border-radius:24px;padding:14px 16px;transition:transform .12s,box-shadow .12s;display:block;position:relative}.iom-playnow:active{box-shadow:0 0 0 3px var(--iom-ink), 0 3px 0 3px var(--iom-ink), inset 0 3px 0 #ffffff73;transform:translateY(4px)}.iom-playnow:before{content:"";opacity:0;pointer-events:none;border:3px solid #8ff07a;border-radius:30px;animation:2.4s ease-out infinite iom-ring;position:absolute;inset:-6px}@keyframes iom-ring{0%{opacity:.85;transform:scale(.97)}70%,to{opacity:0;transform:scale(1.06,1.25)}}.iom-playnow-title{font-family:var(--font-display);-webkit-text-stroke:.12em var(--iom-ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--iom-ink);font-size:clamp(30px,9vw,42px);line-height:1}.iom-section{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.14em var(--iom-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--iom-ink);margin:22px 0 10px;font-size:18px}.iom-tile{text-align:start;width:100%;box-shadow:0 0 0 3px var(--iom-ink), 0 5px 0 3px var(--iom-ink);background:linear-gradient(#5cc0ff,#2f8fe6);border-radius:22px;padding:6px 6px 10px;transition:transform .12s,box-shadow .12s;display:block;position:relative}.iom-tile:not(:disabled):active{box-shadow:0 0 0 3px var(--iom-ink), 0 2px 0 3px var(--iom-ink);transform:translateY(3px)}.iom-tile--premium{background:linear-gradient(#c58bff,#7d4be0)}.iom-tile--stars{background:linear-gradient(#b9c3d6,#7f8aa3)}.iom-tile-map{aspect-ratio:1;box-shadow:0 0 0 2.5px var(--iom-ink);border-radius:16px;position:relative;overflow:hidden}.iom-tile-name{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.12em var(--iom-ink);paint-order:stroke fill;margin-top:6px;padding:0 4px;font-size:16px;line-height:1.1}.iom-tile-tag{top:6px;position:absolute;inset-inline-start:6px}.iom-lock{color:#fff;text-align:center;background:#10082e6b;align-content:center;place-items:center;gap:4px;padding:6px;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}.iom-quick-dock{z-index:20;top:calc(env(safe-area-inset-top,0px) + 60px);position:sticky}.iom-quick{text-align:start;color:#fff;width:100%;box-shadow:0 0 0 3px var(--iom-ink), 0 6px 0 3px var(--iom-ink), inset 0 3px 0 #fff6;background:linear-gradient(#ffb340,#f0611f);border-radius:22px;align-items:center;gap:12px;padding:10px 14px;transition:transform .12s,box-shadow .12s;display:flex}.iom-quick:active{box-shadow:0 0 0 3px var(--iom-ink), 0 3px 0 3px var(--iom-ink), inset 0 3px 0 #fff6;transform:translateY(3px)}.iom-quick-title{font-family:var(--font-display);-webkit-text-stroke:.12em var(--iom-ink);paint-order:stroke fill;font-size:24px;line-height:1}.iom-journey{max-width:460px;margin:18px auto 0;position:relative}.iom-journey svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.iom-node{text-align:center;flex-direction:column;align-items:center;width:160px;display:flex;position:absolute;transform:translate(-50%)}.iom-node-btn{width:120px;height:120px;box-shadow:0 0 0 3px var(--iom-ink), 0 5px 0 3px var(--iom-ink);background:#fff;border:4px solid #fff;border-radius:50%;transition:transform .12s;display:block;position:relative}.iom-node-btn:not(:disabled):active{transform:translateY(3px)}.iom-node-btn>.iom-node-map{border-radius:50%;position:absolute;inset:0;overflow:hidden}.iom-node--next .iom-node-btn{border-color:var(--iom-gold);width:140px;height:140px}.iom-node--next .iom-node-btn:after{content:"";border:4px solid var(--iom-gold);pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite iom-ring;position:absolute;inset:-12px}.iom-node--won .iom-node-btn{border-color:#ffe27a}.iom-node-stage{z-index:2;top:-8px;min-width:34px;height:34px;font-family:var(--font-display);color:#fff;box-shadow:0 0 0 2.5px var(--iom-ink);background:linear-gradient(#ff5a63,#d81f2b);border-radius:999px;place-items:center;padding:0 7px;font-size:17px;display:grid;position:absolute;inset-inline-start:-8px}.iom-node--locked .iom-node-stage{background:linear-gradient(#9aa3b5,#6b7489)}.iom-node-lock{z-index:2;color:#fff;filter:drop-shadow(0 2px #10082eb3);background:#10082e38;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.iom-node-name{max-width:160px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.13em var(--iom-ink);paint-order:stroke fill;margin-top:7px;font-size:18px;line-height:1.05}.iom-winner{z-index:3;color:#3d2400;background:linear-gradient(#fff3a6, var(--iom-gold));max-width:170px;box-shadow:0 0 0 2px var(--iom-ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:3px;padding:4px 11px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;bottom:calc(100% + 10px);overflow:hidden}.iom-node-play{z-index:3;font-family:var(--font-display);color:#fff;box-shadow:0 0 0 2.5px var(--iom-ink), 0 4px 0 2.5px var(--iom-ink);-webkit-text-stroke:.1em var(--iom-ink);paint-order:stroke fill;background:linear-gradient(#8ff07a,#3cc24c 55%,#23963a);border-radius:999px;margin-top:-22px;padding:6px 18px;font-size:16px;position:relative}.iom-next-label{font-family:var(--font-display);letter-spacing:.06em;color:var(--iom-ink);background:var(--iom-gold);box-shadow:0 0 0 2px var(--iom-ink);border-radius:999px;margin-bottom:4px;padding:3px 10px;font-size:11px}@media (prefers-reduced-motion:reduce){.iom-banner:after,.iom-playnow:before,.iom-node--next .iom-node-btn:after,.iom-live-dot{animation:none}.iom-banner:after{display:none}}.iom-node-lock svg,.iom-lock svg{flex:none;width:26px;height:26px}.iom-node-lock svg{margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;right:auto}@media (orientation:landscape) and (height<=560px){.iom-wrap{max-width:980px;height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(64px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(64px, env(safe-area-inset-left));flex-direction:column;display:flex}.iom-head{justify-content:center;align-items:baseline;gap:12px;display:flex}.iom-head .iom-kicker{font-size:13px}.iom-head .iom-title{margin-top:0;font-size:40px}.iom-modes{flex:1;grid-template-columns:1fr 1fr;gap:22px;min-height:0;margin-top:10px;display:grid}.iom-modes>*+*{margin-top:0}.iom-banner{flex-direction:column;height:calc(100% - 8px);min-height:0;padding:12px 16px 14px;display:flex}.iom-fan{flex:1;height:auto;min-height:0;margin:0 0 6px}.iom-fan-card{width:min(42%,30vh)}.iom-banner-title{font-size:clamp(24px,7vh,34px)}.iom-banner-sub{margin-top:2px;font-size:12px}.iom-progress{height:10px;margin-top:6px}.iom-go{width:48px;height:48px;bottom:14px}}@media not ((orientation:landscape) and (height<=560px)){.iom-head .iom-kicker{display:none}.iom-wrap{padding-top:calc(max(.75rem, env(safe-area-inset-top)) + .1rem)}.iom-head .iom-title{margin-top:0;font-size:44px;line-height:1}.iom-modes{margin-top:1rem}}.iom-banner-hook{font-family:var(--font-display);color:var(--iom-gold);-webkit-text-stroke:.16em var(--iom-ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--iom-ink);margin:2px 0 1px;font-size:17px;line-height:1.15}
