@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#10120f;--panel:#1a1d17;--line:#30352a;--text:#f2f4e9;--muted:#a8afa0;--lime:#ceff62;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 48px;gap:30px;max-width:1536px;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1;font-size:20px;letter-spacing:1.5px}.brand-icon{color:var(--lime);font-size:65px;font-family:Arial;line-height:.8;letter-spacing:-5px;margin-right:5px}.brand-sub{display:block;font-size:10px;letter-spacing:7px;margin-top:7px}.header nav{display:flex;gap:34px;font-size:13px;color:var(--muted)}.header nav a{position:relative;padding:12px 0}.header nav a:hover,.header nav a.active{color:var(--text)}.header nav a.active:after{content:'';height:4px;width:4px;border-radius:50%;background:var(--lime);position:absolute;bottom:0;left:50%}.button{background:var(--lime);color:#151b0c;padding:17px 24px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:800;letter-spacing:.6px;border-radius:4px;transition:transform .2s,background .2s;line-height:1.5}.button:hover{transform:translateY(-3px);background:#e0ff99}.button-small{padding:12px 20px}.text-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:22px}.text-link:hover{color:var(--lime)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-top:70px;padding-bottom:76px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime);display:flex;align-items:center;gap:10px;margin:0 0 23px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #ceff6270}h1,h2,h3,p{margin-top:0}h1{font-family:var(--display);font-size:clamp(64px,7.4vw,110px);line-height:.98;letter-spacing:-1.7px;font-weight:800;text-transform:uppercase;margin-bottom:30px;position:relative}h2{font-family:var(--display);font-size:clamp(40px,4.3vw,64px);line-height:1.04;text-transform:uppercase;letter-spacing:-.5px;font-weight:700;margin-bottom:24px}h3{font-size:20px;line-height:1.25}.outline{color:transparent;-webkit-text-stroke:1px var(--text)}.hero-star{color:var(--lime);font-size:70px;display:inline-block;margin-left:12px;vertical-align:middle;animation:spin 30s linear infinite}.lead{color:var(--muted);font-size:16px;line-height:1.85}.actions{display:flex;gap:30px;align-items:center;margin-top:32px}.hero-note{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.4px;line-height:1.8;color:var(--muted);margin-top:38px}.hero-note b{font-weight:500;color:var(--text)}.tiny-icon{font-size:28px;color:var(--lime)}.arena{height:520px;position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 75%,#507523 0%,#273c1d 35%,#152019 75%);border:1px solid #4b6430;box-shadow:0 35px 80px #0003;isolation:isolate}.arena-grid{position:absolute;inset:0;background-image:linear-gradient(#ceff6212 1px,transparent 1px),linear-gradient(90deg,#ceff6212 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(20deg) scale(1.3);mask-image:linear-gradient(transparent,#000)}.arena-top,.arena-bottom{position:absolute;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:9px;letter-spacing:1.2px}.arena-top{top:24px;color:#d3e5bd}.arena-top .status-dot{margin-right:7px}.arena-bottom{bottom:25px;font-size:10px;line-height:1.9}.arena-bottom b{font-weight:600;color:var(--lime)}.arena-arrow{border:1px solid #a2c77470;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px}.game-wordmark{position:absolute;top:70px;width:100%;text-align:center;font-family:var(--display);font-size:65px;font-weight:800;line-height:.87;color:#f2f5d9;transform:rotate(-6deg);text-shadow:4px 5px 0 #101d11}.game-wordmark strong{font-size:103px;color:var(--lime);letter-spacing:2px}.game-wordmark strong span{font-size:28px;position:absolute;top:70px;margin-left:5px}.stadium{position:absolute;bottom:50px;width:360px;height:220px;border:1px solid #94b86340;border-radius:50%;left:50%;transform:translateX(-50%) rotate(-12deg);background:repeating-radial-gradient(ellipse at center,transparent 0px,transparent 22px,#94b86318 23px,#94b86318 24px);box-shadow:0 0 0 24px #a6c16908,0 0 0 50px #a6c16905}.pitch{position:absolute;width:85px;height:175px;left:50%;top:18px;transform:translateX(-50%) rotate(30deg);background:linear-gradient(90deg,#b2a572,#e2d2a0,#baac7b);border:3px solid #eee8be60;box-shadow:0 5px 20px #0005}.crease{position:absolute;width:110%;left:-5%;height:2px;background:#fff9}.crease.top{top:25px}.crease.bottom{bottom:25px}.stumps{position:absolute;bottom:22px;left:29px;width:21px;height:34px;background:repeating-linear-gradient(90deg,#fff 0,#fff 3px,transparent 3px,transparent 8px);border-top:3px solid #fff;transform:skewY(-10deg)}.ball{position:absolute;width:40px;height:40px;background:radial-gradient(circle at 30% 25%,#ff8d66,#ed4325 45%,#932616);border-radius:50%;left:35px;top:6px;box-shadow:8px 13px 20px #0007;animation:float 4s ease-in-out infinite;z-index:4}.ball:after,.art-ball:after{content:'';position:absolute;left:48%;height:100%;width:3px;border-left:2px dashed #ffd9b1;transform:rotate(30deg)}.bat{position:absolute;right:70px;top:25px;width:45px;height:140px;background:linear-gradient(90deg,#d5aa63,#f5dbab,#c7a46b);border-radius:8px 8px 14px 14px;transform:rotate(38deg);box-shadow:10px 12px 20px #0006;z-index:3}.bat:before{content:'';position:absolute;top:-56px;left:15px;width:15px;height:60px;border-radius:4px;background:repeating-linear-gradient(#273b34 0,#273b34 4px,#121f1b 4px,#121f1b 6px)}.bat:after{content:'∞';color:#334126;font-size:27px;position:absolute;top:40px;left:10px}.ball-trail{position:absolute;top:42px;left:68px;width:135px;height:2px;transform:rotate(15deg);background:linear-gradient(90deg,#d9ff8090,transparent)}.orbit{position:absolute;border:1px solid #d5ff5830;border-radius:50%;width:600px;height:600px;left:-35px;top:140px}.orbit-two{width:700px;height:700px;left:-85px;top:90px}.ticker{background:var(--lime);color:#17200c;overflow:hidden;padding:16px 0;font-family:var(--display);font-size:24px;line-height:1;font-weight:700;letter-spacing:1px;transform:rotate(-1deg);margin:10px 0 0}.ticker div{width:max-content;animation:marquee 32s linear infinite}.ticker span{padding:0 42px}.section{padding-top:95px;padding-bottom:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:30px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted)}.featured-game{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);transition:border-color .3s}.featured-game:hover{border-color:#92b34d}.game-art{position:relative;background:#ceff62;min-height:355px;overflow:hidden;color:#17220e}.art-number{position:absolute;font-family:var(--display);font-size:340px;line-height:1;left:15px;top:0;opacity:.12;letter-spacing:-15px}.cricket-lines{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 30% 70%,transparent 0,transparent 25px,#30401622 26px,#30401622 27px)}.art-bat{position:absolute;left:48%;top:90px;width:64px;height:215px;transform:rotate(35deg);background:linear-gradient(90deg,#bca16e,#ffe7b5,#d3b77f);border:1px solid #f7e8c6;border-radius:8px 8px 20px 20px;box-shadow:20px 22px 25px #42632040}.art-bat:before{content:'';position:absolute;top:-75px;left:21px;width:21px;height:80px;background:repeating-linear-gradient(#252d28 0,#252d28 5px,#101a12 5px,#101a12 8px);border-radius:3px}.art-ball{position:absolute;width:72px;height:72px;top:110px;left:20%;border-radius:50%;background:radial-gradient(circle at 25% 25%,#ffaf6e,#e14429 45%,#ae281e);box-shadow:12px 19px 25px #334a3440;animation:float 5s ease-in-out infinite}.art-label{position:absolute;bottom:22px;left:28px;font-size:10px;letter-spacing:2px;font-weight:700}.game-info{padding:45px}.game-info h3{font-family:var(--display);font-size:44px;text-transform:uppercase;line-height:1.05;margin-bottom:20px}.game-info h3 span{display:block;font-size:28px;color:var(--muted)}.game-info p{color:var(--muted);font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}.tags span{font-size:10px;border:1px solid #4d5541;border-radius:3px;padding:5px 10px;color:#c9d2bd}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.service-card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:6px;transition:transform .3s,border-color .3s}.service-card:hover{transform:translateY(-5px);border-color:#687f44}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.card-top>span{font-size:30px;color:var(--lime)}.card-top small{font-size:10px;color:var(--muted)}.service-card h3{font-size:17px}.service-card p{font-size:13px;color:var(--muted);margin-bottom:0}.cta{position:relative;overflow:hidden;padding:60px;margin-top:100px;margin-bottom:90px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.cta h2{font-size:72px}.cta h2 span{color:var(--lime)}.cta-star{position:absolute;right:10%;top:15%;font-size:240px;color:var(--lime);line-height:1;animation:spin 50s linear infinite}footer{border-top:1px solid var(--line);padding:45px 48px 24px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top{padding-bottom:40px}.footer-top p,.footer-top>a:last-child{font-size:13px;color:var(--muted);margin:0}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;font-size:10px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.lime{color:var(--lime)}.page-intro{padding:75px 0 50px}.page-intro h1{max-width:1000px}.page-intro>.text-link{margin-bottom:25px}.game-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.game-detail .button{margin:8px 0 20px}.game-detail>.arena{height:500px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.resource-links{display:flex;flex-wrap:wrap;gap:30px;border-top:1px solid var(--line);padding:30px 0 50px;font-size:13px;color:var(--muted)}.resource-links a:hover{color:var(--lime)}.step{border-top:1px solid var(--line);padding-top:20px}.step>span{font-family:var(--display);font-size:55px;color:var(--lime)}.step h3{margin:20px 0}.step p{color:var(--muted);font-size:14px}.about-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:90px}.about-mark{font-family:Arial;font-size:280px;color:var(--lime);line-height:1;text-align:center;background:radial-gradient(ellipse,#ceff6212,transparent 65%)}.about-panel p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:90px}.contact-grid .service-card{padding:45px}.contact-grid .button,.contact-grid .text-link{margin:25px 0}.legal-heading{padding:70px 0 45px}.legal-heading h1{font-size:clamp(52px,6vw,85px)}.legal-heading>p:last-child{color:var(--muted);font-size:13px}.legal-layout{display:grid;grid-template-columns:260px 1fr;gap:65px;padding-bottom:80px}.legal-layout aside{align-self:start;position:sticky;top:30px;border-top:1px solid var(--line);padding-top:25px}.legal-layout aside a{display:block;font-size:12px;color:var(--muted);padding:7px 0}.legal-layout aside a:hover{color:var(--lime)}.legal-copy{max-width:780px;color:#bfc5b8;font-size:15px;line-height:1.9}.legal-copy h2{font-family:'DM Sans',sans-serif;color:var(--text);font-size:22px;text-transform:none;letter-spacing:0;line-height:1.4;margin-top:40px;margin-bottom:14px}.legal-copy a,.deletion-layout p a{color:var(--lime);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal-copy.standalone{margin-left:auto;margin-right:auto;padding-bottom:80px}.deletion-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;padding-bottom:90px}.deletion-layout .service-card{margin-bottom:24px;padding:35px}.deletion-layout .service-card p{margin-bottom:25px}.deletion-layout ol{padding-left:20px;color:var(--muted);font-size:14px}.deletion-layout li{padding:8px 0}.deletion-layout .muted{margin-top:20px;font-size:12px}.deletion-note{border-top:1px solid var(--line);padding:30px 0}.deletion-note h3{font-size:18px;margin-top:20px}.deletion-note p{font-size:14px;color:var(--muted)}.muted{color:var(--muted)}.menu-toggle{display:none}.skip-link{position:absolute;top:-60px;left:20px;padding:12px;background:var(--lime);color:#111;z-index:20}.skip-link:focus{top:10px}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.will-reveal.visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(10deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1440px){.hero{gap:80px}.arena{height:560px}.game-wordmark{top:90px}.stadium{bottom:65px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.hero{gap:30px}.hero h1{font-size:78px}.hero-star{font-size:44px}.arena{height:480px}.game-wordmark{font-size:52px}.game-wordmark strong{font-size:85px}.actions{gap:18px}.hero .button{padding:15px;font-size:10px;gap:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.cta-star{right:5%;font-size:200px}.footer-top p{display:none}.game-info{padding:30px}.game-detail{gap:35px}.legal-layout{grid-template-columns:210px 1fr;gap:35px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px;padding:0 20px;gap:18px}.brand{font-size:16px}.brand-icon{font-size:50px}.brand-sub{font-size:8px;letter-spacing:5px}.header>.button{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);font-size:22px;border-radius:4px;width:42px;height:42px}.header nav{display:none;position:absolute;left:0;right:0;top:85px;z-index:10;padding:25px;background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;gap:10px}.header nav.open{display:flex}.header nav a.active:after{left:0;bottom:5px}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px;padding-bottom:40px}.hero h1{font-size:clamp(65px,15vw,92px)}.hero-star{font-size:50px}.lead{font-size:15px}.hero-note{margin-top:24px}.hero .button{font-size:11px;padding:17px}.arena{height:460px}.game-wordmark{font-size:65px;top:65px}.game-wordmark strong{font-size:98px}.stadium{width:310px}.section{padding-top:65px}.section-heading{align-items:start;flex-direction:column;gap:20px}.featured-game{grid-template-columns:1fr}.game-art{min-height:320px}.game-info{padding:30px}.service-grid{gap:12px}.service-card{padding:22px}.service-card h3{font-size:16px}.card-top{margin-bottom:30px}.cta{padding:30px;margin-top:65px;margin-bottom:55px}.cta h2{font-size:55px;position:relative;z-index:1}.cta-star{font-size:130px;top:30%;right:-35px;opacity:.3}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.footer-top{padding-bottom:25px}footer{padding:30px 20px}.footer-bottom>div{gap:20px;flex-wrap:wrap}.page-intro{padding-top:45px}.page-intro h1{font-size:clamp(58px,13vw,88px)}.game-detail,.about-panel,.contact-grid,.deletion-layout{grid-template-columns:1fr;gap:30px}.game-detail .arena{height:460px}.three-grid{grid-template-columns:1fr}.about-panel{padding-bottom:50px}.about-mark{font-size:180px}.contact-grid .service-card{padding:30px}.contact-grid{margin-bottom:50px}.legal-layout{grid-template-columns:1fr;gap:20px}.legal-layout aside{position:static;display:none}.legal-heading{padding-top:45px}.legal-heading h1{font-size:clamp(45px,11vw,70px)}.legal-copy{font-size:14px}.deletion-layout .service-card{padding:25px}.resource-links{gap:20px}.standalone{width:calc(100% - 40px)}}@media(max-width:390px){.service-grid{grid-template-columns:1fr}.hero .actions{flex-direction:column;align-items:flex-start}.arena{height:420px}.game-wordmark{font-size:52px}.game-wordmark strong{font-size:84px}.stadium{width:270px;height:190px;bottom:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}
/* Keep long headings and grid children inside narrow screens. */
.hero>* ,.game-detail>* ,.about-panel>* ,.contact-grid>* ,.deletion-layout>*{min-width:0}
@media(max-width:760px){.hero h1{font-size:clamp(48px,14.5vw,92px)}.hero-star{font-size:40px;margin-left:6px}.page-intro h1{font-size:clamp(46px,12vw,88px)}.footer-top>a:last-child{overflow-wrap:anywhere}.contact-grid .text-link{overflow-wrap:anywhere;word-break:break-word}}

/* True Round: coral and gold accents stay inside its illustrations and page. */
.arena--round{background:radial-gradient(ellipse at 50% 72%,#7a2433 0%,#45141f 38%,#1d0b10 78%);border-color:#6e2a33}
.arena--round .arena-grid{background-image:linear-gradient(#ff6b5712 1px,transparent 1px),linear-gradient(90deg,#ff6b5712 1px,transparent 1px)}
.arena--round .orbit{border-color:#ff6b5730}
.arena--round .arena-top{color:#f3d3cc}
.arena--round .status-dot{background:#ff6b57;box-shadow:0 0 12px #ff6b5770}
.arena--round .game-wordmark{color:#fff3ea;text-shadow:4px 5px 0 #1a0a0e}
.arena--round .game-wordmark{top:56px;font-size:52px}
.arena--round .game-wordmark strong{color:#ff6b57;font-size:84px}
.arena--round .game-wordmark strong span{top:52px}
.arena--round .arena-bottom b{color:#ffcb52}
.arena--round .arena-arrow{border-color:#ff6b5770}
.ring-scene{position:absolute;bottom:72px;left:50%;width:200px;height:200px;transform:translateX(-50%);z-index:3}
.ring-guide{position:absolute;inset:-14px;border:2px dashed #fff;border-radius:50%;opacity:.25;animation:spin 60s linear infinite}
.ring-stroke{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-45deg);overflow:visible}
.ring-stroke circle{fill:none;stroke:#ff6b57;stroke-width:16;stroke-linecap:round;stroke-dasharray:330 360;animation:ring-draw 1.6s cubic-bezier(.3,.7,.3,1) both;filter:drop-shadow(0 0 8px #ff6b5760)}
.ring-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring-score{position:absolute;left:0;right:0;top:calc(50% + 16px);text-align:center;font-weight:800;font-size:24px;line-height:1;color:#fff}
@keyframes ring-draw{from{stroke-dashoffset:330}
}
.featured-game+.featured-game{margin-top:25px}
.featured-game--round:hover{border-color:#b85a4c}
.game-art--round{background:radial-gradient(circle at 62% 50%,#7a2433,#3d1420 60%,#22090f);color:#fff3ea}
.game-art--round .art-number{color:#ff6b57;opacity:.16}
.art-ring{position:absolute;width:230px;height:230px;right:14%;top:50%;transform:translateY(-50%)}
.art-ring .ring-stroke circle{stroke-width:30;animation:none}
.art-ring .ring-dot{width:28px;height:28px}
.app-icon{display:block;width:72px;height:72px;border-radius:18px;margin-bottom:24px}
.tr-shots{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px;margin:20px 0 30px;scrollbar-color:#ff6b57 transparent}
.tr-shots:focus-visible{outline:2px solid var(--lime);outline-offset:6px}
.tr-shots picture{flex:none;scroll-snap-align:start}
.tr-shots img{display:block;height:520px;width:auto;border-radius:14px;border:1px solid var(--line)}
.game-detail+.game-detail{margin-top:90px}
.game-resources{padding:22px 0;align-items:center}
.game-resources:last-child{padding-bottom:50px}
.game-resources strong{color:var(--text);min-width:140px}
.legal-notice{margin-top:30px;margin-bottom:0;padding:12px 16px;border:1px solid var(--line);border-radius:4px;font-size:13px;color:var(--muted)}
.legal-notice strong{color:var(--text);font-weight:600}
.legal-notice a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}
.legal-notice+.legal-heading{padding-top:45px}
.legal-copy ul ul{margin:6px 0}
.legal-layout>*{min-width:0}
.table-scroll{overflow-x:auto;margin:10px 0 20px}
.table-scroll:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.legal-copy table{width:100%;min-width:560px;border-collapse:collapse;font-size:13px;line-height:1.6}
.legal-copy th,.legal-copy td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.legal-copy th{color:var(--text);font-weight:600}
.deletion-note ul{padding-left:20px;font-size:14px;color:var(--muted)}
.deletion-note li{padding:3px 0}

@media(max-width:760px){.ring-scene{width:170px;height:170px;bottom:72px}
.ring-score{font-size:20px}
.art-ring{width:200px;height:200px;right:50%;transform:translate(50%,-50%)}
.tr-shots img{height:420px}
.game-detail+.game-detail{margin-top:60px}
.game-resources{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:390px){.ring-scene{width:150px;height:150px;bottom:76px}
.arena--round .game-wordmark{font-size:44px}
.arena--round .game-wordmark strong{font-size:72px}
.arena--round .game-wordmark strong span{top:44px}
}

/* Word in Three: forest, green and gold accents stay inside its illustrations and page. */
.arena--word{background:radial-gradient(ellipse at 50% 72%,#1d6b55 0%,#0f4237 40%,#08201b 80%);border-color:#1f5a4a}
.arena--word .arena-grid{background-image:linear-gradient(#3daa5c12 1px,transparent 1px),linear-gradient(90deg,#3daa5c12 1px,transparent 1px)}
.arena--word .orbit{border-color:#3daa5c30}
.arena--word .arena-top{color:#cfe8dc}
.arena--word .status-dot{background:#3daa5c;box-shadow:0 0 12px #3daa5c70}
.arena--word .game-wordmark{top:56px;font-size:52px;color:#f4f1e8;text-shadow:4px 5px 0 #061612}
.arena--word .game-wordmark strong{color:#f2b33d;font-size:84px}
.arena--word .game-wordmark strong span{top:52px;font-size:22px}
.arena--word .arena-bottom b{color:#f2b33d}
.arena--word .arena-arrow{border-color:#3daa5c70}
.tile-scene{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);display:grid;gap:9px;z-index:3}
.tile-row{display:flex;gap:9px;perspective:400px}
.tile-row+.tile-row{--row:5}
.t{position:relative;width:54px;height:54px;border-radius:18%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:26px;line-height:1;color:#fff;background:#3c4f4a;box-shadow:0 8px 18px #0004}
.t.g{background:#3daa5c}
.t.y{background:#e0a526}
.t.g:after{content:'';position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.92}
.t.y:after{content:'';position:absolute;top:5px;right:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid #fff;opacity:.92}
.tile-row .t{animation:tile-flip .5s ease-out both;animation-delay:calc((var(--i) + var(--row,0)) * 80ms)}
.tile-row .t:nth-child(1){--i:0}
.tile-row .t:nth-child(2){--i:1}
.tile-row .t:nth-child(3){--i:2}
.tile-row .t:nth-child(4){--i:3}
.tile-row .t:nth-child(5){--i:4}
@keyframes tile-flip{from{transform:rotateX(90deg)}
}
.featured-game--word:hover{border-color:#3f8a68}
.game-art--word{background:radial-gradient(circle at 62% 50%,#1d6b55,#0d3a31 60%,#08201b);color:#f4f1e8}
.game-art--word .art-number{color:#3daa5c;opacity:.16}
.art-tiles{position:absolute;right:9%;top:50%;transform:translateY(-50%);display:flex;gap:8px}
.art-tiles .t{width:60px;height:60px;font-size:30px}

@media(max-width:760px){.t{width:46px;height:46px;font-size:22px}
.tile-scene,.tile-row{gap:7px}
.tile-scene{bottom:84px}
.art-tiles{right:50%;transform:translate(50%,-50%);gap:6px}
.art-tiles .t{width:50px;height:50px;font-size:24px}
}
@media(max-width:390px){.arena--word .game-wordmark{font-size:44px}
.arena--word .game-wordmark strong{font-size:72px}
.arena--word .game-wordmark strong span{top:44px}
.t{width:42px;height:42px;font-size:20px}
.tile-scene{bottom:80px}
}

/* Pittu Garam: photographic art from the game instead of a CSS illustration. */
.title-with-badge{display:flex;align-items:center;gap:28px}
.title-with-badge h1{margin-bottom:0}
.logo-badge{display:block;width:128px;height:128px;flex:none}
.page-intro .title-with-badge{margin-bottom:10px}
.game-hero img,.game-card-image img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 35px 80px #0003}
.game-art--pittu{background:radial-gradient(circle at 62% 50%,#f39a3d,#d9661c 45%,#8a3a12);color:#2b1606}
.court-lines{position:absolute;inset:0;background:repeating-radial-gradient(circle at 62% 50%,transparent 0,transparent 34px,#ffffff1f 35px,#ffffff1f 36px)}
.art-badge img{position:absolute;width:256px;height:256px;right:12%;top:50%;transform:translateY(-50%);filter:drop-shadow(14px 18px 22px #4a1f0866)}
.featured-game--pittu:hover{border-color:#c98a2b}
.tr-shots--landscape img{height:320px}

@media(max-width:760px){.title-with-badge{gap:16px}
.art-badge img{width:210px;height:210px;right:50%;transform:translate(50%,-50%)}
.logo-badge{width:72px;height:72px}
.tr-shots--landscape img{height:190px}
}

/* Hearsay Hollow: indigo, violet, gold and cream accents stay inside its illustrations and page. */
.arena--hearsay{background:radial-gradient(ellipse at 50% 72%,#4a3a9a 0%,#2e2363 45%,#150f33 85%);border-color:#3d3180}
.arena--hearsay .arena-grid{background-image:linear-gradient(#b9aff712 1px,transparent 1px),linear-gradient(90deg,#b9aff712 1px,transparent 1px)}
.arena--hearsay .orbit{border-color:#b9aff730}
.arena--hearsay .arena-top{color:#ddd8ff}
.arena--hearsay .status-dot{background:#8b7cf0;box-shadow:0 0 12px #8b7cf070}
.arena--hearsay .game-wordmark{top:56px;font-size:52px;color:#fbf6ec;text-shadow:4px 5px 0 #120c2c}
.arena--hearsay .game-wordmark strong{color:#e8b04b;font-size:84px}
.arena--hearsay .game-wordmark strong span{top:52px;font-size:24px}
.arena--hearsay .arena-bottom b{color:#e8b04b}
.arena--hearsay .arena-arrow{border-color:#b9aff770}
.village-scene{position:absolute;width:300px;height:170px;left:50%;bottom:110px;transform:translateX(-50%);z-index:3}
.village-scene .paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.village-scene .paths path{fill:none;stroke:#b9aff7;stroke-width:4;stroke-dasharray:8 7;stroke-linecap:round}
.v{--c:#8fc9e8;position:absolute;width:56px;height:74px;margin:-25px 0 0 -28px;display:flex;align-items:flex-end;justify-content:center;font-style:normal;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fbf6ec}
.v:before{content:'';position:absolute;top:0;left:3px;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 -5px 0 #0000001f,0 8px 16px #0005;background:radial-gradient(circle at 36% 42%,#2e2363 0 3.5px,transparent 4px),radial-gradient(circle at 64% 42%,#2e2363 0 3.5px,transparent 4px),linear-gradient(var(--c) 0 58%,transparent 58%),radial-gradient(circle at 50% 50%,transparent 0 8.5px,#2e2363 9px 11.5px,transparent 12px),var(--c)}
.v:after{content:attr(data-glyph);position:absolute;top:-5px;right:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#fff;color:#2e2363;font-size:10px;line-height:20px;letter-spacing:0;text-align:center;box-shadow:0 2px 6px #0004}
.v1{--c:#8fc9e8;left:40px;top:140px}
.v2{--c:#f2a65a;left:120px;top:60px}
.v3{--c:#b9aa98;left:200px;top:120px}
.v4{--c:#e8b04b;left:265px;top:40px}
.bubble{position:absolute;left:0;top:0;display:flex;gap:3px;padding:5px;border-radius:9px;background:#fbf6ec;box-shadow:0 8px 18px #0006;z-index:4;offset-path:path('M40 140 L120 60 L200 120 L265 40');offset-rotate:0deg;offset-anchor:50% 150%;animation:rumour-travel 6s ease-in-out infinite}
.bubble b{display:inline-grid;padding:3px 5px;border-radius:5px;background:#f3dfae;color:#2e2363;font-size:8.5px;line-height:1.2;letter-spacing:.6px}
.bubble .flip{perspective:200px;transform-style:preserve-3d;animation:rumour-flip 6s ease-in-out infinite}
.bubble .flip span{grid-area:1/1;backface-visibility:hidden;text-align:center}
.bubble .flip span:last-child{transform:rotateX(180deg)}
@keyframes rumour-travel{0%{offset-distance:0%;opacity:0}5%{opacity:1}28%,46%{offset-distance:35.8%}88%{offset-distance:100%;opacity:1}96%,100%{offset-distance:100%;opacity:0}
}
@keyframes rumour-flip{0%,32%{transform:rotateX(0)}40%,100%{transform:rotateX(180deg)}
}
.featured-game--hearsay:hover{border-color:#7b6de0}
.game-art--hearsay{background:radial-gradient(circle at 62% 50%,#4a3a9a,#2e2363 60%,#170f38);color:#fbf6ec}
.game-art--hearsay .art-number{color:#b9aff7;opacity:.16}
.art-village{position:absolute;width:260px;height:217px;right:10%;top:50%;transform:translateY(-50%);filter:drop-shadow(10px 14px 18px #0005)}

@media(max-width:760px){.village-scene{transform:translateX(-50%) scale(.9);bottom:100px}
.art-village{width:220px;height:183px;right:50%;transform:translate(50%,-50%)}
}
@media(max-width:390px){.arena--hearsay .game-wordmark{font-size:44px}
.arena--hearsay .game-wordmark strong{font-size:72px}
.arena--hearsay .game-wordmark strong span{top:44px}
.village-scene{transform:translateX(-50%) scale(.84);bottom:92px}
}
@media(prefers-reduced-motion:reduce){.bubble{offset-distance:68%}
.bubble .flip{transform:rotateX(180deg)}
}

/* Sevens Rush Rugby: green, navy and gold accents stay inside its illustrations and page. */
.arena--rugby{background:radial-gradient(ellipse at 50% 75%,#12334a 0%,#0d2233 40%,#0a1420 80%);border-color:#1d3a52}
.arena--rugby .arena-grid{background-image:linear-gradient(#19c37d12 1px,transparent 1px),linear-gradient(90deg,#19c37d12 1px,transparent 1px)}
.arena--rugby .orbit{border-color:#19c37d30}
.arena--rugby .arena-top{color:#cde9dc}
.arena--rugby .status-dot{background:#19c37d;box-shadow:0 0 12px #19c37d70}
.arena--rugby .game-wordmark{top:56px;font-size:52px;color:#f6f0e0;text-shadow:4px 5px 0 #050b12}
.arena--rugby .game-wordmark strong{color:#19c37d;font-size:84px}
.arena--rugby .game-wordmark strong span{top:52px;font-size:22px;color:#ffd23f}
.arena--rugby .arena-bottom b{color:#ffd23f}
.arena--rugby .arena-arrow{border-color:#19c37d70}
.pitch-scene{position:absolute;width:270px;height:180px;left:50%;bottom:78px;transform:translateX(-50%);border-radius:10px;overflow:hidden;z-index:3;background:repeating-linear-gradient(90deg,#ffffff0d 0 27px,transparent 27px 54px),linear-gradient(#19c37d,#0b7a4b);box-shadow:0 18px 40px #0007}
.post{position:absolute;bottom:0;width:6px;height:150px;border-radius:3px 3px 0 0;background:#fff}
.post-left{left:34%}
.post-right{left:calc(66% - 6px)}
.crossbar{position:absolute;bottom:35%;left:34%;width:32%;height:6px;border-radius:3px;background:#fff}
.rugby-trail{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 180'%3E%3Cpath d='M14 176 Q34 76 108 68' fill='none' stroke='%23ffd23f' stroke-width='3.5' stroke-dasharray='8 7' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;animation:trail-in 1.6s ease-out both}
.rugby-ball{position:absolute;left:calc(50% - 28px);bottom:calc(62% - 17px);width:56px;height:34px;border-radius:50%;background:linear-gradient(90deg,#f6f0e0 0 24%,#e63946 24% 34%,#f6f0e0 34% 66%,#e63946 66% 76%,#f6f0e0 76%);box-shadow:inset 0 -4px 0 #0000001a,6px 10px 14px #0005;transform:rotate(-30deg);animation:ball-fly 1.6s ease-out both,ball-bob 3s ease-in-out 1.6s infinite}
@keyframes ball-fly{from{transform:translate(-120px,110px) rotate(-30deg) scale(.7)}to{transform:translate(0,0) rotate(-30deg)}
}
@keyframes ball-bob{50%{transform:translateY(-6px) rotate(-26deg)}
}
@keyframes trail-in{from{opacity:0}to{opacity:1}
}
.featured-game--rugby:hover{border-color:#19c37d}
.game-art--rugby{background:repeating-linear-gradient(90deg,#ffffff0d 0 34px,transparent 34px 68px),linear-gradient(#19c37d,#0b7a4b);color:#0a1420}
.game-art--rugby .art-number{color:#0a1420;opacity:.16}
.art-posts{position:absolute;width:240px;height:220px;right:12%;top:50%;transform:translateY(-50%);filter:drop-shadow(8px 12px 14px #0a142055)}
.tr-shots--wide img{height:360px}

@media(max-width:760px){.pitch-scene{transform:translateX(-50%) scale(.9);transform-origin:50% 100%;bottom:74px}
.art-posts{width:200px;height:183px;right:50%;transform:translate(50%,-50%)}
.tr-shots--wide img{height:150px}
}
@media(max-width:390px){.arena--rugby .game-wordmark{font-size:44px}
.arena--rugby .game-wordmark strong{font-size:72px}
.arena--rugby .game-wordmark strong span{top:44px}
.pitch-scene{transform:translateX(-50%) scale(.82)}
}

/* Forms (contact page, deletion requests, admin). */
.contact-grid--form{grid-template-columns:1.45fr 1fr;align-items:start}
.contact-subhead{margin-top:30px}
.contact-links{list-style:none;padding:0;margin:0}
.contact-links li{padding:4px 0}
.contact-links .text-link{margin:0!important;font-weight:600}
.form-card h2{margin-bottom:18px}
.site-form{display:grid;gap:18px;margin-top:8px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:grid;gap:7px;min-width:0}
.field label{font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--text)}
.field small{font-size:12px;color:var(--muted);line-height:1.5}
.site-form input[type=text],.site-form input[type=email],.site-form input[type=password],.site-form input[type=search],.site-form select,.site-form textarea,.adm-filters select,.adm-filters input{width:100%;font:inherit;font-size:14px;color:var(--text);background:#11140f;border:1px solid #3d4436;border-radius:4px;padding:11px 12px;line-height:1.4}
.site-form textarea{resize:vertical;min-height:110px}
.site-form select,.adm-filters select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.site-form input:focus,.site-form select:focus,.site-form textarea:focus,.adm-filters select:focus,.adm-filters input:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:transparent}
.site-form .button{justify-self:start;border:0;cursor:pointer;font-family:inherit;margin:0!important}
.check-field{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--text);line-height:1.5}
.check-field input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--lime);flex:none}
.form-hint{font-size:12px;color:var(--muted);margin:0!important;line-height:1.6}
.form-notice,.form-alert,.form-errors{border-radius:4px;padding:12px 16px;font-size:13px;margin:0 0 16px}
.form-notice{background:#ceff6214;border:1px solid #ceff6266;color:var(--text)}
.form-alert,.form-errors{background:#ff6b5714;border:1px solid #ff6b5780;color:#ffd9d2}
.form-errors p{margin:0 0 6px;font-weight:600}
.form-errors ul{margin:0;padding-left:18px}
.hp-field{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.deletion-layout .form-card .site-form p{margin-bottom:0}

/* Admin panel. */
.adm{font-size:14px}
.adm-header{display:flex;align-items:center;gap:30px;padding:18px 32px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.adm-header .brand-icon{font-size:48px}
.adm-nav{display:flex;gap:22px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.adm-nav a:hover,.adm-nav a.active{color:var(--text)}
.adm-nav a.active{box-shadow:0 2px 0 var(--lime)}
.adm-count{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:var(--lime);color:#151b0c;font-size:11px;font-weight:800;text-align:center;line-height:18px}
.adm-user{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}
.adm-user form{margin:0}
.adm-link-button{background:none;border:1px solid var(--line);color:var(--text);font:inherit;font-size:12px;padding:7px 12px;border-radius:4px;cursor:pointer}
.adm-link-button:hover{border-color:var(--lime)}
.adm-main{padding:32px;max-width:1300px;margin:auto}
.adm-title{font-size:clamp(34px,4vw,52px);margin-bottom:22px}
.adm-subtitle{font-family:'DM Sans',sans-serif;font-size:17px;text-transform:none;letter-spacing:0;margin:0 0 14px}
.adm-subtitle small{font-size:12px;color:var(--muted);font-weight:400}
.adm-login{max-width:440px;margin:60px auto}
.adm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}
.adm-stat{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:6px;display:grid;gap:4px}
.adm-stat strong{font-family:var(--display);font-size:46px;line-height:1;color:var(--lime)}
.adm-stat span{color:var(--muted);font-size:12px}
.adm-stat:hover{border-color:#687f44}
.adm-stat--alert strong{color:#ff8a78}
.adm-stat--alert{border-color:#ff6b5780}
.adm-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.adm-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.adm-table th,.adm-table td{text-align:left;vertical-align:top;padding:11px 12px;border-bottom:1px solid var(--line)}
.adm-table th{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:600}
.adm-table a{color:var(--lime);font-weight:600}
.adm-table small{color:var(--muted)}
.adm-excerpt{color:var(--muted);max-width:320px}
.adm-row--overdue td{background:#ff6b5712}
.adm-status{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid var(--line);color:var(--muted)}
.adm-status--received{border-color:var(--lime);color:var(--lime)}
.adm-status--in_progress,.adm-status--replied{border-color:#ffcb52;color:#ffcb52}
.adm-status--completed,.adm-status--closed{border-color:#4d5541;color:#c9d2bd}
.adm-status--rejected,.adm-status--spam{border-color:#ff6b57;color:#ff8a78}
.adm-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 20px}
.adm-filters select,.adm-filters input{width:auto;min-width:170px}
.adm-filters input{min-width:240px}
.adm-filters .button{border:0;cursor:pointer;font-family:inherit}
.adm-pagination{display:flex;gap:18px;align-items:center;margin-top:16px;font-size:12px;color:var(--muted)}
.adm-pagination a{color:var(--lime)}
.adm-detail{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}
.adm-facts{display:grid;grid-template-columns:110px 1fr;gap:8px 16px;margin:0 0 24px;font-size:13px}
.adm-facts dt{color:var(--muted)}
.adm-facts dd{margin:0;overflow-wrap:anywhere}
.adm-facts a,.adm-detail .site-form+form button{color:var(--lime)}
.adm-message{background:#11140f;border:1px solid var(--line);border-radius:4px;padding:14px 16px;margin-bottom:22px;color:#d8ddd0;overflow-wrap:anywhere}
.adm-message p:last-child{margin-bottom:0}
.adm-steps{padding-left:20px;color:#bfc5b8;font-size:13px;margin:0 0 22px}
.adm-steps li{padding:3px 0}
.adm-danger{margin-top:22px;background:none;border:1px solid #ff6b5780;color:#ff8a78;font:inherit;font-size:12px;padding:8px 12px;border-radius:4px;cursor:pointer}
.adm-danger:hover{background:#ff6b5714}

@media(max-width:900px){.adm-columns,.adm-detail{grid-template-columns:1fr}
.adm-stats{grid-template-columns:1fr}
.adm-table{display:block;overflow-x:auto}
}
@media(max-width:760px){.contact-grid--form,.field-row{grid-template-columns:1fr}
.adm-main,.adm-header{padding:18px}
.adm-user{margin-left:0}
}