:root{color:#17313d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5fbf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5fbf4}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100svh}.product-shell{background:linear-gradient(#ffffffc7,#ffffff38),radial-gradient(circle at 13% 14%,#f6ff0042,#0000 22%),radial-gradient(circle at 83% 12%,#41d5ff3d,#0000 27%),linear-gradient(145deg,#e8fbff 0%,#f6ffe9 46%,#e5fff7 100%);grid-template-columns:minmax(420px,600px) minmax(430px,600px);justify-content:center;align-items:center;gap:clamp(56px,7vw,120px);min-height:100svh;padding:48px clamp(40px,6vw,96px);display:grid;overflow-x:hidden}button{transition:transform .16s,box-shadow .16s,background-color .16s,color .16s,filter .16s}.brand-panel{color:#17313d;flex-direction:column;justify-content:center;gap:24px;min-height:auto;display:flex}.brand-mark{align-items:center;gap:16px;display:flex}.brand-ball{color:#08464a;background:radial-gradient(circle at 35% 28%,#fff 0 11%,#0000 12%),linear-gradient(135deg,#deff1c,#2bd681);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;font-size:31px;font-weight:900;display:grid;box-shadow:0 18px 34px #1291673d}.eyebrow,.micro-label{color:#138d86;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.brand-panel h1{color:#113342;letter-spacing:0;max-width:460px;margin:4px 0 0;font-size:48px;line-height:1.08}.brand-copy{color:#4d6170;max-width:520px;margin:0;font-size:17px;line-height:1.7}.feature-grid,.quick-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.feature-grid{max-width:520px}.brand-cta-row{grid-template-columns:1fr 1fr;gap:12px;max-width:520px;display:grid}.feature-card,.roadmap-card,.quick-action,.stat-grid div,.skill-card,.leaderboard,.nearby-panel,.today-panel,.lesson-summary{background:#ffffffc7;border:2px solid #ffffffb8;border-radius:8px;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;box-shadow:0 18px 42px #1d8a921f}.feature-card{flex-direction:column;justify-content:space-between;min-height:96px;padding:16px;display:flex}.feature-card svg,.quick-action svg{color:#0aae8d}.feature-card span,.quick-action span{color:#62717b;font-size:13px;font-weight:800}.feature-card strong{color:#17313d;font-size:28px;line-height:1}.roadmap-card{max-width:520px;padding:16px}.roadmap-row{border-bottom:1px solid #138d861f;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.roadmap-row:last-child{border-bottom:0}.roadmap-row svg,.roadmap-row strong{color:#0aae8d}.roadmap-row span{color:#3d5360;font-weight:850}.roadmap-row strong{font-size:12px}.design-note{color:#fff;background:#0c6d89;border-radius:999px;align-items:center;gap:10px;max-width:520px;padding:14px 16px;font-size:14px;font-weight:800;display:flex;box-shadow:0 18px 38px #0c6d892e}.desktop-auth-button{color:#0a756f;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:520px;height:48px;font-weight:950;display:inline-flex;box-shadow:0 18px 34px #12916724}.phone-stage{contain:layout;justify-self:center;place-items:center;width:430px;max-width:100%;display:grid}.phone-frame{box-sizing:border-box;background:#f6fbf5;border:12px solid #162935;border-radius:42px;flex-direction:column;flex:none;width:430px;max-width:100%;height:min(880px,100svh - 48px);min-height:720px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 34px 90px #103b4952,inset 0 0 0 1px #ffffff8c}.app-header{background:linear-gradient(#faffff,#faffffd1);border-bottom:1px solid #14788214;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-width:0;padding:18px 16px 12px;display:grid}.app-header h2{color:#153240;white-space:nowrap;margin:0;font-size:24px;line-height:1.1}.header-actions,.feed-actions,.tag-row{gap:8px;display:flex}.icon-button,.round-action,.floating-menu,.floating-compass{color:#214553;cursor:pointer;background:#fff;border:0;place-items:center;display:inline-grid;box-shadow:0 8px 18px #17454c21}.icon-button{border-radius:50%;width:40px;height:40px}.icon-button.alert{color:#f6556b}.app-content{scrollbar-width:none;flex:1;min-width:0;padding:14px 14px 106px;overflow:auto}.app-content::-webkit-scrollbar{display:none}.screen-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.guest-preview,.how-panel{background:#ffffffeb;border-radius:8px;padding:14px;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 14px 30px #1a727a1f}.guest-event{color:#17313d;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef4f2;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;padding:12px 0;display:grid}.guest-event.with-thumb{grid-template-columns:58px 1fr auto}.guest-event-thumb{object-fit:cover;background:#e7fff8;border-radius:8px;width:58px;height:48px;box-shadow:inset 0 0 0 1px #ffffff94}.guest-event-thumb.placeholder{color:#0a9d84;background:linear-gradient(32deg,#0000 47%,#ffffffa3 48% 52%,#0000 53%),linear-gradient(135deg,#ddfff5,#edff18);place-items:center;display:grid}.guest-event:last-child{border-bottom:0}.guest-event strong,.how-row span{color:#17313d;font-weight:950;display:block}.guest-event span,.how-row em{color:#71818a;font-size:12px;font-style:normal;font-weight:800;line-height:1.4;display:block}.guest-event em{color:#0a9d84;white-space:nowrap;background:#f4ffcc;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:950}.how-row{border-bottom:1px solid #eef4f2;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:12px 0;display:grid}.how-row:last-child{border-bottom:0}.how-row>strong{color:#0a9d84;background:#e7fff8;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.map-card,.mission-card,.detail-panel,.chart-panel,.match-card,.feed-card,.profile-card,.badge-panel,.settings-list,.composer,.skill-card,.leaderboard,.today-panel,.nearby-panel{background:#ffffffeb;border-radius:8px;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 14px 30px #1a727a1f}.map-card,.detail-panel,.chart-panel,.match-card,.badge-panel,.settings-list,.skill-card,.leaderboard,.today-panel,.nearby-panel{padding:14px}.map-toolbar{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.pill-button{color:#526471;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:42px;font-weight:900;display:inline-flex}.pill-button.active{color:#07977e;background:#e7fff8}.mock-map{background:linear-gradient(34deg,#0000 47%,#b4c2c547 48% 51%,#0000 52%),linear-gradient(118deg,#0000 43%,#b4c2c547 44% 47%,#0000 48%),#eef4f2;border-radius:8px;height:205px;position:relative;overflow:hidden}.street{background:#ffffffb3;border-radius:999px;height:12px;position:absolute}.s1{width:260px;top:42px;left:-40px;transform:rotate(-17deg)}.s2{width:300px;top:112px;right:-60px;transform:rotate(22deg)}.s3{width:230px;bottom:36px;left:65px;transform:rotate(-32deg)}.water{color:#226a84a6;background:#aee6ff;border-radius:0 34px 0 0;place-items:center;width:160px;height:70px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:-8px;left:-16px}.player-pin{background:#27c5a92e;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:42%;left:48%}.player-pin span{background:#316dfa;border:4px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 6px 18px #316dfa47}.venue-pin{color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;position:absolute;box-shadow:0 10px 22px #17454c38}.pin-a{background:#15be83;top:32px;right:50px}.pin-b{background:#e9cf00;top:72px;left:54px}.pin-c{background:#19a8f7;bottom:35px;right:88px}.steps-widget{text-align:center;color:#1d2c36;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.steps-widget strong{font-size:40px;line-height:.9;display:block}.steps-widget span{font-size:12px;font-weight:900}.date-strip{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;display:grid}.date{color:#9aa6b0;cursor:pointer;background:0 0;border:0;border-radius:999px;height:50px}.date span,.date strong{display:block}.date strong{font-size:17px}.date.active{color:#069d86;background:#ddfff5;box-shadow:inset 0 0 0 2px #069d862e}.quick-action{text-align:left;cursor:pointer;border:0;align-content:center;justify-items:start;gap:5px;min-height:86px;padding:14px;display:grid}.quick-action strong{color:#17313d;font-size:15px}.quest-banner,.mission-card,.guest-hero{color:#fff;background:linear-gradient(135deg,#ffffff24,#0000 28%),linear-gradient(135deg,#18d11e,#00a982);align-items:center;gap:14px;padding:16px;display:flex}.mission-card{background:radial-gradient(circle at 90% 8%,#ffffff38,#0000 24%),linear-gradient(135deg,#1ed921,#00a986);flex-direction:column;align-items:stretch}.guest-hero{background:radial-gradient(circle at 85% 12%,#edff1847,#0000 25%),linear-gradient(135deg,#0c6d89,#10bd91);flex-direction:column;align-items:stretch}.quest-banner h3,.mission-card h3,.guest-hero h3{margin:3px 0 6px;font-size:18px;line-height:1.25}.mission-card p,.guest-hero p{color:#ffffffdb;margin:0;font-size:14px;font-weight:800;line-height:1.5}.quest-banner .micro-label,.mission-card .micro-label,.guest-hero .micro-label,.modal-header .micro-label{color:#ffffffd1}.guest-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.progress,.level-track{background:#ffffff5c;border-radius:999px;height:9px;overflow:hidden}.progress span,.level-track span{border-radius:inherit;background:#edff18;height:100%;display:block}.round-action{color:#03a782;border-radius:50%;flex:none;width:52px;height:52px}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading h3{color:#16313e;margin:0;font-size:17px}.section-heading span,.trust-badge{color:#0a9d84;font-size:12px;font-weight:950}.venue-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef4f2;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 0;display:grid}.today-row{border-bottom:1px solid #eef4f2;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.today-row:last-child{border-bottom:0}.today-icon{color:#0a9d84;background:#e7fff8;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.today-row strong,.today-row span{display:block}.today-row strong{color:#17313d;font-size:14px}.today-row span{color:#71818a;font-size:12px;font-weight:800;line-height:1.35}.today-row em{color:#0a9d84;white-space:nowrap;background:#f4ffcc;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:950}.venue-row:last-child{border-bottom:0}.venue-court{color:#0a9d84;background:#e7fff8;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.venue-row strong,.coach-row strong{color:#17313d;display:block}.venue-row span,.coach-row span,.lesson-summary span{color:#71818a;font-size:12px;font-weight:800;display:block}.venue-row em{color:#f6556b;font-size:12px;font-style:normal;font-weight:950}.avatar-field{background:radial-gradient(circle at 12% 88%,#fff 0 1px,#0000 2px) 0 0/22px 22px,radial-gradient(circle at 22% 72%,#fff28b 0 2px,#0000 3px) 0 0/26px 24px,radial-gradient(circle at 45% 76%,#ff89bd 0 2px,#0000 3px) 0 0/24px 24px,radial-gradient(circle at 72% 82%,#fff 0 2px,#0000 3px) 0 0/25px 25px,linear-gradient(#b8f47c,#4bc67d);border-radius:8px;min-height:205px;position:relative;overflow:hidden;box-shadow:inset 0 10px 30px #08635721}.flower-field{background:linear-gradient(#0000,#0470512e);position:absolute;inset:0}.avatar{width:58px;height:92px;position:absolute;bottom:43px;left:48%;transform:translate(-50%)}.avatar-head,.avatar-body,.avatar-paddle{display:block;position:absolute}.avatar-head{background:#ffd9b0;border-radius:50% 50% 45% 45%;width:28px;height:30px;top:0;left:16px;box-shadow:inset 0 8px #17253a}.avatar-body{background:linear-gradient(90deg,#fff 0 32%,#1b3650 33% 100%);border-radius:14px 14px 10px 10px;width:32px;height:52px;top:30px;left:13px}.avatar-paddle{background:#ffe80e;border-radius:50%;width:20px;height:28px;top:45px;right:0;transform:rotate(-24deg)}.sprout{background:#6a47d8;border-radius:50% 50% 44% 44%;width:34px;height:44px;position:absolute;box-shadow:inset 0 -8px #0000001f}.sprout:before{content:"";background:#24c46d;border-radius:10px 10px 0 0;width:10px;height:20px;position:absolute;top:-16px;left:12px}.sprout:after{content:"";background:#61dd54;border-radius:50%;width:19px;height:13px;position:absolute;top:-22px;left:19px;transform:rotate(28deg)}.sprout-a{bottom:47px;left:88px}.sprout-b{background:#ef4f48;bottom:68px;right:70px;transform:scale(.82)}.floating-menu,.floating-compass{border-radius:50%;width:48px;height:48px;position:absolute;bottom:14px}.floating-menu{left:14px}.floating-compass{right:14px}.primary-cta,.secondary-cta,.outline-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:52px;font-weight:950;display:inline-flex}.primary-cta{color:#163c36;background:linear-gradient(#edff18,#cfff00);width:100%;box-shadow:0 16px 26px #58971533}.secondary-cta{color:#0a9d84;background:#ecf7f3;width:100%}.primary-cta.compact,.secondary-cta.compact{height:44px;margin-top:12px}.outline-button{color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 2px #ffffff75}.segmented{background:#e9f6f2;border-radius:999px;grid-template-columns:repeat(4,1fr);gap:6px;padding:5px;display:grid}.segmented button{color:#62717b;cursor:pointer;background:0 0;border:0;border-radius:999px;height:38px;font-weight:900}.segmented button.active{color:#fff;background:#12b798;box-shadow:0 8px 16px #12b79838}.event-list,.room-settings,.confirm-list,.coach-list,.notification-list,.search-results{flex-direction:column;gap:10px;display:flex}.event-card{text-align:left;color:#17313d;cursor:pointer;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(108px,34%) 54px;align-items:stretch;gap:10px;width:100%;min-height:128px;padding:12px;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;box-shadow:0 12px 24px #1b717c1f}.event-cover{background:#dff8f0;border-radius:8px;min-height:150px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff9e}.event-cover.compact{grid-column:auto;height:100%;min-height:100%;margin:0}.event-cover img{width:100%;height:100%;min-height:inherit;object-fit:cover;filter:saturate(1.06);display:block}.event-cover:after{content:"";background:linear-gradient(#0000 45%,#072a316b);position:absolute;inset:0}.event-cover span{z-index:1;color:#0a756f;background:#ffffffdb;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:950;position:absolute;bottom:10px;left:10px}.event-cover.compact span{padding:3px 7px;font-size:10px;bottom:7px;left:7px}.event-cover.placeholder{color:#113342;background:radial-gradient(circle at 18% 22%,#edff18a8,#0000 20%),linear-gradient(135deg,#0c6d89,#13bd96);place-items:center;display:grid}.event-cover.placeholder:after{background:linear-gradient(#ffffff0a,#032a2e40)}.default-court{border:2px solid #ffffff9e;border-radius:8px;position:absolute;inset:16px;overflow:hidden}.court-line{background:#ffffffad;border-radius:999px;height:3px;position:absolute}.court-line-a{width:140px;top:36px;left:-18px;transform:rotate(-18deg)}.court-line-b{width:210px;bottom:34px;right:-26px;transform:rotate(24deg)}.court-ball{background:#edff18;border-radius:50%;width:24px;height:24px;position:absolute;top:34px;right:42px;box-shadow:0 8px 20px #12313d2e}.court-paddle{background:#fff;border-radius:50%;width:28px;height:38px;position:absolute;bottom:30px;left:42px;transform:rotate(-26deg)}.event-cover.placeholder strong,.event-cover.placeholder em{z-index:1;position:relative}.event-cover.placeholder strong{color:#fff;margin-top:8px;font-size:22px;font-weight:950}.event-cover.placeholder em{color:#0a756f;background:#ffffffd1;border-radius:999px;margin-top:38px;padding:4px 9px;font-size:11px;font-style:normal;font-weight:950}.event-cover.compact.placeholder strong{font-size:15px}.event-cover.compact.placeholder em{margin-top:28px;font-size:10px}.event-card.mint{background:linear-gradient(135deg,#ccfff3,#faffff)}.event-card.yellow{background:linear-gradient(135deg,#fffac4,#fff)}.event-card.blue{background:linear-gradient(135deg,#ccecff,#fff)}.event-card.selected{box-shadow:inset 0 0 0 3px #13bd96,0 12px 24px #1b717c1f}.event-type,.tag-row span{color:#07977e;background:#ffffffb8;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:950;display:inline-flex}.tag-row{flex-wrap:wrap;margin:10px 0}.tag-row span{background:#e7fff8}.event-card h3,.detail-panel h3,.chart-panel h3,.match-card h3,.feed-card h3,.profile-card h3,.badge-panel h3,.lesson-summary h3{color:#16313e;margin:7px 0 6px;font-size:17px;line-height:1.25}.event-card p{color:#5c6b75;align-items:center;gap:5px;margin:5px 0 0;font-size:13px;font-weight:800;display:flex}.event-side{color:#07977e;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.event-side strong{color:#17313d;font-size:20px}.event-side span{color:#f6556b;background:#fff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:950}.detail-grid{grid-template-columns:auto 1fr;gap:10px 18px;padding-top:6px;display:grid}.event-detail-page{animation:.18s both detail-slide-in}.detail-nav{grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.detail-nav h3{margin:2px 0 0}@keyframes detail-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.detail-grid span{color:#7b8992;font-weight:800}.detail-grid strong{color:#17313d}.participant-strip{align-items:center;gap:6px;margin-top:14px;display:flex}.participant-strip span{color:#17313d;background:linear-gradient(135deg,#edff18,#13bd96);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:950;display:grid}.participant-strip em{color:#6b7b84;margin-left:auto;font-size:12px;font-style:normal;font-weight:900}.chat-preview{color:#526471;background:#f0f9f6;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:13px;font-weight:800;display:flex}.rating-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#edff1861,#0000 26%),linear-gradient(135deg,#0c678e,#00a986);border-radius:8px;justify-content:space-between;align-items:center;min-height:132px;padding:18px;display:flex;box-shadow:0 16px 32px #0c678e30}.rating-hero .micro-label{color:#ffffffc7}.rating-hero strong{margin-top:6px;font-size:54px;line-height:1;display:block}.rating-hero span{font-weight:900}.rating-orbit{background:#ffffff2e;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;box-shadow:inset 0 0 0 2px #ffffff47}.bar-chart{align-items:end;gap:8px;height:134px;padding-top:18px;display:flex}.bar-chart span{background:linear-gradient(#edff18,#13bd96);border-radius:999px 999px 4px 4px;flex:1;min-height:18px}.stat-grid div{background:#fff;padding:14px}.stat-grid span{color:#798891;font-size:13px;font-weight:900;display:block}.stat-grid strong{color:#17313d;font-size:25px}.skill-row{color:#64757f;grid-template-columns:42px 1fr 34px;align-items:center;gap:9px;margin-top:12px;font-size:13px;font-weight:900;display:grid}.skill-row div{background:#e7f2ee;border-radius:999px;height:9px;overflow:hidden}.skill-row i{border-radius:inherit;background:linear-gradient(90deg,#13bd96,#edff18);height:100%;display:block}.match-card{grid-template-columns:86px 1fr 52px;align-items:center;gap:12px;display:grid}.match-score{color:#17313d;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;font-weight:950;display:grid}.match-score span{background:#e7fff8;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.match-card p{color:#75838c;margin:0;font-size:13px;font-weight:800}.rank-row{border-bottom:1px solid #edf3f2;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.rank-row:last-child{border-bottom:0}.rank-row strong,.rank-row em{color:#0a9d84;font-size:12px;font-style:normal}.rank-row span{color:#17313d;font-weight:900}.composer{align-items:center;gap:10px;padding:12px;display:flex}.composer input{color:#71818a;text-align:left;background:#edf7f4;border:0;border-radius:999px;flex:1;min-width:0;height:42px;padding:0 16px;font-weight:800}.composer input:focus{background:#fff;outline:2px solid #12b79842}.composer-send{color:#fff;cursor:pointer;background:#0fc19c;border:0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.social-tabs{grid-template-columns:repeat(4,1fr)}.mini-avatar{color:#153240;background:linear-gradient(135deg,#edff18,#13bd96);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.feed-card{text-align:left;padding:15px}.feed-top{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;display:grid}.feed-top h3,.feed-top p{margin:0}.feed-top p,.feed-card>p,.score-ticket span{color:#6c7d86;font-size:13px;font-weight:800}.feed-top>span{color:#0a9d84;background:#e7fff8;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}.feed-card>p{color:#344956;margin:14px 0;font-size:15px;line-height:1.55}.score-ticket{background:linear-gradient(135deg,#f7ffc8,#ecfff8);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.score-ticket strong,.score-ticket span{display:block}.score-ticket strong{color:#17313d}.feed-actions{margin-top:12px}.feed-actions button{color:#60717b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-weight:900;display:inline-flex}.profile-card{text-align:center;padding:22px 16px}.profile-avatar{background:linear-gradient(#c8fff4,#edff18);border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 10px;display:grid}.profile-avatar span{background:linear-gradient(#182a3b 0 28%,#0000 29%),linear-gradient(90deg,#fff 0 40%,#1d4864 41%);border-radius:45% 45% 38% 38%;width:55px;height:64px}.profile-card h3{margin:0;font-size:22px}.profile-card p{color:#6f7d85;margin:5px 0 14px;font-size:13px;font-weight:800}.profile-card strong{color:#0a9d84;margin-top:8px;display:block}.level-track{background:#e7f2ee}.badge-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.badge{color:#0a9d84;background:#f2fbf8;border-radius:8px;place-items:center;gap:6px;min-height:78px;font-size:12px;font-weight:950;transition:transform .16s,box-shadow .16s,background-color .16s;display:grid}.settings-list{flex-direction:column;gap:5px;display:flex}.settings-list button{color:#566872;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf1f1;justify-content:space-between;align-items:center;min-height:44px;font-weight:900;display:flex}.settings-list button:last-child{border-bottom:0}.settings-list strong{color:#17313d}.bottom-nav{box-sizing:border-box;background:#fffffff0;border-radius:999px;grid-template-columns:repeat(5,1fr);gap:4px;height:74px;padding:8px;display:grid;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 12px 32px #17454c38}.bottom-nav button{color:#7c8b94;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-width:0;height:58px;font-size:11px;font-weight:950;display:flex}.bottom-nav button svg{flex:none;width:22px;height:22px}.bottom-nav button span{text-overflow:clip;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav button.active{color:#fff;background:#0fc19c}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d26307a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.game-modal{background:linear-gradient(#0c6d89 0 92px,#f8fffb 93px),#f8fffb;border-radius:18px;width:min(390px,100%);max-height:min(760px,100svh - 40px);padding:16px;overflow:auto;box-shadow:0 30px 80px #00000047}.modal-header{grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-bottom:18px;display:grid}.modal-header h2{color:#fff;margin:0;font-size:23px}.setting-row{color:#16313e;background:#ffffffe0;border-radius:8px;grid-template-columns:84px 34px 1fr 34px;align-items:center;gap:8px;min-height:54px;padding:8px;display:grid}.setting-row.active{background:#edff18}.setting-row span{color:#385260;font-size:13px;font-weight:950}.setting-row strong{text-align:center}.setting-row button,.stepper button{cursor:pointer;background:#fffc;border:0;border-radius:50%;place-items:center;display:grid}.setting-row button{width:34px;height:34px}.score-board{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:14px;display:grid}.score-board>span{color:#0c6d89;font-weight:950}.score-board div{background:#fff;border-radius:8px;place-items:center;min-height:128px;padding:12px;display:grid}.score-board div span{color:#566872;text-align:center;font-size:13px;font-weight:900}.score-board div strong{color:#16313e;font-size:54px;line-height:1}.stepper{gap:8px;grid-template-columns:none!important;min-height:auto!important;padding:0!important;display:flex!important}.stepper button{color:#0a9d84;background:#e7fff8;width:28px;height:28px;font-weight:950}.confirm-list div,.notification-row,.search-results button,.coach-row{color:#546771;text-align:left;background:#eef8f5;border:0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-weight:900;display:grid}.confirm-list strong{color:#0a9d84}.venue-cover{color:#fff;text-align:center;background:linear-gradient(90deg,#ffffff8f 2px,#0000 2px) 0 0/38px 38px,linear-gradient(#ffffff8f 2px,#0000 2px) 0 0/38px 38px,linear-gradient(135deg,#2fa6ff,#32db87);border-radius:8px;place-items:center;min-height:145px;padding:16px;display:grid}.venue-cover strong,.venue-cover span{display:block}.venue-cover span{color:#ffffffdb;font-weight:850}.slot-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.slot-grid button{color:#526471;cursor:pointer;background:#eef8f5;border:0;border-radius:8px;height:44px;font-weight:950}.slot-grid button.active{color:#17313d;background:#edff18}.coach-row{cursor:pointer;grid-template-columns:42px 1fr auto;width:100%}.coach-row.active{background:#edff18}.coach-row em{color:#0a9d84;align-items:center;gap:3px;font-size:12px;font-style:normal;display:inline-flex}.lesson-summary{background:#fff;margin:14px 0;padding:14px}.lesson-summary h3{margin-bottom:2px}.search-box{color:#71818a;background:#fff;border-radius:999px;align-items:center;gap:8px;height:48px;margin-bottom:12px;padding:0 14px;font-weight:850;display:flex}.search-results button{cursor:pointer;grid-template-columns:22px 1fr}.search-results strong,.notification-row strong{color:#17313d;display:block}.search-results span,.notification-row span{color:#71818a;font-size:12px;display:block}.notification-row{grid-template-columns:28px 1fr}.auth-prompt{color:#526471;margin:0 0 12px;font-size:14px;font-weight:850;line-height:1.5}.auth-switch{background:#e9f6f2;border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:5px;display:grid}.auth-switch button{color:#62717b;background:0 0;border:0;border-radius:999px;height:38px;font-weight:950}.auth-switch button.active{color:#fff;background:#12b798}.auth-form{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.auth-form input{color:#17313d;background:#fff;border:0;border-radius:8px;height:46px;padding:0 14px;font-weight:850;box-shadow:inset 0 0 0 1px #deebe7}.auth-form input:focus{outline:2px solid #12b79842}.create-event-form{margin-bottom:14px}.inline-form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-error{color:#d7334a;margin:0 0 12px;font-size:13px;font-weight:900}@media (hover:hover) and (pointer:fine){.phone-frame:hover{transform:translateY(-4px);box-shadow:0 42px 110px #103b4961,inset 0 0 0 1px #ffffff8c}.feature-card:hover,.roadmap-card:hover,.quick-action:hover,.stat-grid div:hover,.skill-card:hover,.leaderboard:hover,.nearby-panel:hover,.today-panel:hover,.lesson-summary:hover,.map-card:hover,.detail-panel:hover,.chart-panel:hover,.match-card:hover,.feed-card:hover,.profile-card:hover,.badge-panel:hover,.settings-list:hover,.composer:hover,.guest-hero:hover,.guest-preview:hover,.how-panel:hover{transform:translateY(-4px);box-shadow:0 22px 46px #1a727a2e}.quick-action:hover,.feature-card:hover,.badge:hover{background:#fffffff5;border-color:#12b79847}.icon-button:hover,.round-action:hover,.floating-menu:hover,.floating-compass:hover,.desktop-auth-button:hover,.composer-send:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 12px 24px #17454c33}.pill-button:hover,.segmented button:hover,.date:hover,.slot-grid button:hover,.setting-row button:hover,.stepper button:hover,.feed-actions button:hover,.settings-list button:hover{color:#07977e;transform:translateY(-1px)}.primary-cta:hover,.secondary-cta:hover,.outline-button:hover{transform:translateY(-2px);box-shadow:0 18px 32px #58971547}.event-card:hover,.venue-row:hover,.coach-row:hover,.search-results button:hover,.notification-row:hover,.guest-event:hover{filter:saturate(1.04);transform:translateY(-3px);box-shadow:0 16px 32px #1b717c29}.venue-pin:hover{filter:saturate(1.12);transform:translateY(-4px)scale(1.1);box-shadow:0 14px 28px #17454c42}.bottom-nav button:hover{color:#07977e;background:#e7fff8;transform:translateY(-2px)}.bottom-nav button.active:hover{color:#fff;background:#0fc19c}button:active,.event-card:active,.quick-action:active,.venue-row:active{transform:translateY(0)scale(.98)}}@media (width<=900px){.product-shell{background:#f5fbf4;padding:0;display:block}.brand-panel{display:none}.phone-frame{width:100%;height:100svh;min-height:100svh;box-shadow:none;border:0;border-radius:0}}@media (width<=390px){.match-card{grid-template-columns:1fr}.event-side{flex-direction:row;align-items:flex-start}}