:root{font-family:Inter,Trebuchet MS,Arial,sans-serif;color:#e9f7ef;background:#061e24;font-synthesis:none;--ink:#08262e;--teal:#18bea9;--coral:#ff735f;--cream:#f5f0df;--line:#4b7777}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(150deg,#071d24,#0a343c 54%,#08242b)}button,input{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff09a;outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;color:#07272b;padding:.8rem;z-index:100}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:2.4rem;padding:.8rem max(3vw,20px);border-bottom:1px solid #417070;background:#082b30ee;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 30px #0015}.brand{text-decoration:none;display:flex;align-items:center;gap:.7rem;min-width:220px}.brand img{width:51px;height:51px}.brand>span{display:block;font-size:1.34rem;font-weight:950;letter-spacing:.035em;line-height:.95}.brand b{color:var(--coral)}.brand small{display:block;color:#9ad5c8;font-size:.48rem;letter-spacing:.23em;margin-top:.45rem}.site-header nav{display:flex;gap:.38rem;flex-wrap:wrap}.site-header nav a{padding:.58rem .84rem;text-decoration:none;border:1px solid #5c8882;border-radius:13px;background:linear-gradient(#15444a,#09282d);box-shadow:inset 0 2px #91d4c255,0 4px #031a20,0 8px 14px #0007;font-size:.8rem;font-weight:800;white-space:nowrap;transition:transform .15s,box-shadow .15s}.site-header nav a:hover,.site-header nav a[aria-current]{transform:translateY(-2px);background:linear-gradient(#37aa9a,#157165);box-shadow:inset 0 2px #fff6,0 6px #053631,0 10px 16px #0008}.header-version{margin-left:auto;font-size:.62rem;white-space:nowrap;color:#a9cfc6}.hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);min-height:680px;gap:3vw;align-items:center;padding:4.5rem 3vw 5rem;position:relative}.hero:before{content:"";position:absolute;top:11%;left:-8%;width:42vw;height:42vw;border:1px solid #6bc4ad22;border-radius:50%;pointer-events:none}.eyebrow{display:inline-block;color:#92f6d4;letter-spacing:.24em;font-size:.72rem;font-weight:900}.hero h1,.page-hero h1{font-family:Impact,Arial Narrow,sans-serif;text-transform:uppercase;font-stretch:condensed;letter-spacing:.02em;font-size:clamp(3.5rem,6.5vw,7.4rem);line-height:.94;margin:1.5rem 0;color:#f7f3e8;text-wrap:balance}.hero h1 em,.page-hero h1 em,.section-intro h2 em{color:var(--coral);font-style:normal}.hero-copy>p,.page-hero>p{font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.58;color:#c4e0d7;max-width:38rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2.4rem 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.85rem 1.3rem;border:2px solid #f4f8ed;border-radius:15px;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:inset 0 3px #fff8,0 6px #06272b,0 11px 20px #0009;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-3px);box-shadow:inset 0 3px #fff8,0 9px #06272b,0 15px 23px #0009}.button:active{transform:translateY(4px);box-shadow:inset 0 2px #fff5,0 2px #06272b}.button-coral{background:linear-gradient(#ffa381,#ef614d);color:#1b2527}.button-outline{background:linear-gradient(#24545a,#102d33);color:#fff}.hero-marks{display:flex;flex-wrap:wrap;gap:1.8rem;padding-top:1rem;border-top:1px solid #679d9260;color:#a8c9c0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.hero-marks b{display:block;color:#fff2de;font-size:1.25rem;letter-spacing:0}.hero-art{border:2px solid #5aa59a;border-radius:24px;background:#08242b;box-shadow:0 30px 70px #0009,inset 0 0 0 5px #102e32;overflow:hidden;min-width:0}.court-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;background:linear-gradient(90deg,#185157,#0e343b);border-bottom:1px solid #75baac70;font-size:.68rem;font-weight:900;letter-spacing:.13em}.court-head span:last-child{color:#94dec9}.court{height:clamp(380px,40vw,590px);position:relative}.court canvas{display:block;width:100%;height:100%}.fallback{padding:2rem;color:#eaf5eb;text-align:center}.court-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;background:#133b40}.court-controls span{margin-right:auto;color:#b7d8ce;font-size:.75rem}.court-controls button,.zone-buttons button{border:1px solid #79d5be;border-radius:10px;background:#0b3035;color:#e6f8f0;font-weight:800;padding:.55rem .8rem;box-shadow:inset 0 2px #ffffff3a,0 3px #041f22}.court-controls button.is-active,.zone-buttons button[aria-pressed=true]{background:#29a997;color:#04282d}.section-shell{max-width:1420px;margin:auto;padding:4.5rem 3vw}.home-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:1rem}.section-intro{padding:1rem}.section-intro h2{font-family:Impact,Arial Narrow,sans-serif;text-transform:uppercase;font-size:clamp(2.4rem,4vw,4.5rem);line-height:1;margin:1.1rem 0}.section-intro p{line-height:1.6;color:#b5d5ca}.feature-card,.data-card{display:flex;flex-direction:column;position:relative;gap:1rem;padding:1.6rem;border:1px solid #5c958d;border-radius:18px;background:linear-gradient(145deg,#154b50,#0a3138);box-shadow:inset 0 2px #ffffff29,0 10px 25px #0017;text-decoration:none;min-height:240px}.feature-card:hover{transform:translateY(-4px);border-color:#a3ead3}.feature-card span,.data-card>span{font-size:.67rem;font-weight:900;letter-spacing:.16em;color:#96e5c6}.feature-card b{font-family:Impact,Arial Narrow,sans-serif;text-transform:uppercase;font-size:2rem;color:#fff1d8}.feature-card p,.data-card p{color:#c5ddd3;line-height:1.55;margin:0}.feature-card i{position:absolute;right:1.4rem;bottom:1.1rem;color:var(--coral);font-size:2rem;font-style:normal}.source-bar{max-width:1420px;margin:0 auto 5rem;padding:1.2rem 3vw;display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;border-block:1px solid #77aaa466}.source-bar span{font-size:.69rem;font-weight:900;letter-spacing:.16em;color:#94dec9}.source-bar a,.data-card a,.timeline a,.prose a{color:#ffab8d;font-weight:800}.source-bar p{margin:0;color:#b7d2c8;font-size:.8rem}.site-footer{display:flex;justify-content:space-between;gap:3rem;padding:2.5rem 3vw;background:#06191d;border-top:4px solid #ed7059;color:#d0e3d8}.site-footer strong{font-size:1.4rem}.site-footer p{max-width:28rem;line-height:1.5;font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem;font-size:.8rem}.footer-links a{color:#d4f3e7}.bot{position:fixed;right:1rem;bottom:.8rem;z-index:50}.bot-button{display:flex;align-items:end;gap:.3rem;background:transparent;border:0;color:#fff;filter:drop-shadow(0 5px 7px #0009)}.bot-button img{height:118px;width:88px;object-fit:contain;object-position:bottom}.bot-button span{background:#0c5658;border:2px solid #98decf;border-radius:14px;padding:.45rem .6rem;font-size:.65rem;font-weight:900;box-shadow:0 5px #042529}.bot-panel{position:absolute;right:0;bottom:130px;width:min(290px,calc(100vw - 1rem));padding:1rem 2.2rem 1rem 1rem;background:#f9f4df;color:#0b3030;border:3px solid #0b4b48;border-radius:15px;box-shadow:0 10px 30px #0008}.bot-panel p{line-height:1.45;margin-bottom:0}.bot-panel button{position:absolute;right:.4rem;top:.25rem;border:0;background:transparent;font-size:1.5rem}.page-hero{max-width:1420px;margin:auto;padding:6rem 3vw 2rem;min-height:350px}.page-hero h1{font-size:clamp(3.2rem,6vw,6.2rem)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.data-card h2{font-family:Impact,Arial Narrow,sans-serif;font-size:2.2rem;line-height:1.05;margin:.4rem 0;color:#f7eddb}.data-card a{margin-top:.4rem}.card-muted{background:linear-gradient(145deg,#183840,#0c2932)}.timeline{display:grid;gap:1rem}.timeline article{display:grid;grid-template-columns:150px 1fr;gap:2rem;padding:1.5rem 0;border-top:1px solid #5b9a91}.timeline article>b{font-family:Impact,Arial Narrow,sans-serif;font-size:3.5rem;color:#ff8e70}.timeline h2{font-size:1.6rem;margin:.3rem 0}.timeline p{color:#cae1d7;line-height:1.6}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rules-grid article{position:relative;border:1px solid #60a59a;border-radius:16px;padding:2rem;background:#113f45}.rules-grid b{font-family:Impact,Arial Narrow,sans-serif;color:#ff8d73;font-size:3rem}.rules-grid h2{font-size:1.6rem}.rules-grid p{line-height:1.55;color:#c8e1d5}.prose{max-width:850px}.prose h2{color:#ffac91}.prose p{line-height:1.7;color:#cbe2d9}.game-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.65fr);gap:2rem;padding-top:1rem}.game-board{border:2px solid #65afa2;border-radius:22px;overflow:hidden;background:#103a42;box-shadow:0 16px 35px #0006}.game-score{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:#092c33;font-weight:900;font-size:.8rem;letter-spacing:.1em}.game-score b{font-size:1.5rem;color:#a4f2cc;margin-left:.4rem}.game-court{height:clamp(260px,30vw,420px);position:relative;background:repeating-linear-gradient(90deg,#179b9a 0 12%,#1aa5a2 12% 24%);border:14px solid #2b777a;border-bottom-color:#ff765f;overflow:hidden}.game-court:before{content:"";position:absolute;inset:8% 5%;border:4px solid #f1f8e6}.game-court:after{content:"";position:absolute;left:5%;right:5%;top:48%;height:4px;background:#f8f5ed}.game-net{position:absolute;top:43%;left:0;right:0;height:12%;z-index:1;background:repeating-linear-gradient(90deg,transparent 0 15px,#e2f8e7 15px 17px);border-block:3px solid #fff9ea;opacity:.9}.game-target{position:absolute;left:50%;top:12%;transform:translate(-50%);z-index:2;text-align:center;background:#07363acc;border:2px solid #fff2d5;border-radius:12px;padding:.5rem 1rem;font-size:.65rem;font-weight:900;letter-spacing:.1em}.game-target strong{display:block;font-size:1.25rem;color:#ffc096;letter-spacing:0}.game-player{position:absolute;left:50%;bottom:8%;transform:translate(-50%);font-size:4rem;filter:drop-shadow(0 6px 5px #063b3e)}.game-controls{padding:1.3rem}.control-label{font-weight:800}.zone-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.range-label{display:block;margin:1.6rem 0 .4rem;font-weight:800}.range-label strong{color:#ffc09b}.game-controls input[type=range]{width:100%;accent-color:#ff735f}.game-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}.game-message{min-height:3rem;color:#d6f2e4;font-weight:700}.game-info{padding:1.5rem;border:1px solid #62958f;border-radius:18px;align-self:start}.game-info h2{font-family:Impact,Arial Narrow,sans-serif;text-transform:uppercase;font-size:2.6rem}.game-info p{line-height:1.6;color:#c7dfd4}.game-note{padding:1rem;border-left:4px solid #ff826b;background:#17474b;line-height:1.5;font-size:.85rem}@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:0}.home-grid{grid-template-columns:repeat(2,1fr)}.header-version{display:none}.site-header{flex-wrap:wrap;gap:.6rem}.brand{min-width:0}.site-header nav{overflow:auto;flex-wrap:nowrap;width:100%;padding:.3rem 0 .6rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.hero{padding:3rem 1rem}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero-art{border-radius:16px}.court{height:330px}.court-head{font-size:.55rem}.home-grid,.cards,.rules-grid,.game-layout{grid-template-columns:1fr}.section-shell{padding:3rem 1rem}.page-hero{padding:4rem 1rem 1rem}.page-hero h1{font-size:clamp(2.8rem,12vw,5rem)}.site-header{padding:.6rem 1rem}.site-header nav a{font-size:.72rem}.site-footer{padding:2rem 1rem;display:block}.footer-links{margin-top:1rem}.timeline article{grid-template-columns:72px 1fr;gap:.7rem}.timeline article>b{font-size:2.4rem}.game-court{height:290px}.bot-button img{height:86px;width:65px}.bot-button span{font-size:.55rem}.bot-panel{bottom:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}