@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.table{display:table}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#7f887c;--bg-soft:#d5d8cc;--ink:#292e28;--muted:#726f63;--line:#4b4d4133;--panel:#efe8d4eb;--panel-strong:#f8f1e1;--rose:#9a563f;--teal:#708a78;--amber:#b9874d;--green:#657c61;--violet:#7e746b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#9197888f,#706d5fad),url(/assets/rainy-teahouse-theme.jpg) top/cover fixed,#7f887c;margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.siteFooter{color:#fff8ecad;text-align:center;background:#120f12f0;border-top:1px solid #fff8ec1a;justify-content:center;align-items:center;min-height:64px;padding:18px 20px;display:flex}.siteFooter a{text-underline-offset:4px;border-radius:6px;font-size:13px;line-height:1.6}.siteFooter a:hover,.siteFooter a:focus-visible{color:#fff8ecf5;outline:none;text-decoration:underline}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{isolation:isolate;min-height:410px;position:relative;overflow:hidden}.heroImage,.heroShade{position:absolute;inset:0}.heroImage{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%}.heroShade{z-index:-1;background:linear-gradient(90deg,#120f12f0 0%,#120f12b8 40%,#120f1247 100%),linear-gradient(#120f121a 0%,#120f1247 58%,#120f12 100%)}.topbar{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;padding:12px 0;display:flex}.brand{align-items:center;gap:10px;min-width:max-content;font-size:16px;font-weight:800;display:inline-flex}.brandMark{background:linear-gradient(135deg,#ff5d8fdb,#f3b75fdb);border:1px solid #fff8ec38;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 10px 32px #ff5d8f47}.brandLogo{object-fit:cover;width:100%;height:100%}.navLinks{color:#fff8ecc7;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:14px;display:flex}.navLinks a{border:1px solid #0000;border-radius:999px;padding:8px 12px}.navLinks a:hover,.navLinks a:focus-visible{background:#fff8ec14;border-color:#fff8ec2e;outline:none}.heroContent{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 42px}.eyebrow,.sectionKicker{color:var(--teal);letter-spacing:0;margin:0 0 10px;font-size:13px;font-weight:800}.hero h1{letter-spacing:0;max-width:680px;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.06}.heroCopy{color:#fff8ecd1;max-width:620px;margin:10px 0 0;font-size:15px;line-height:1.65}.searchBox{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120f12bd;border:1px solid #fff8ec2e;border-radius:14px;align-items:center;gap:10px;width:min(580px,100%);margin:22px 0 0;padding:5px;display:flex;box-shadow:0 16px 52px #0000004d}.searchBox input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 12px}.searchBox button,.textAction,.smallAction{background:linear-gradient(135deg, var(--rose), var(--amber));color:#1d1110;border:1px solid #fff8ec1f;border-radius:14px;padding:8px 14px;font-weight:800;box-shadow:0 10px 28px #ff5d8f38}.searchWrap{width:min(580px,100%);margin:16px 0 0;position:relative}.searchWrap .searchBox{width:100%;margin:0}.searchResults{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120f12f0;border:1px solid #fff8ec29;border-radius:8px;width:min(760px,100%);max-height:430px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 24px 80px #0000006b}.searchResultItem{border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.searchResultItem:hover,.searchResultItem:focus-visible{background:#fff8ec14;outline:none}.resultType{color:#fff8ecbd;background:#fff8ec14;border:1px solid #fff8ec24;border-radius:999px;justify-content:center;align-items:center;width:max-content;max-width:72px;min-height:26px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.searchResultItem strong,.searchResultItem small{display:block}.searchResultItem strong{color:var(--ink);font-size:15px}.searchResultItem small{color:#fff8ec94;margin-top:5px;line-height:1.5}.emptyState{color:#fff8ec9e;text-align:center;border:1px dashed #fff8ec29;border-radius:8px;padding:18px}.emptyState.large{padding:34px}.heroStats{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.heroStats span{color:#fff8ecb8;background:#fff8ec14;border:1px solid #fff8ec26;border-radius:999px;padding:5px 9px;font-size:13px}.contentBand,.aboutBand{width:min(1180px,100% - 40px);margin:0 auto}.compactBand{padding-top:0}.widgetShell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fff8ec0e,#fff8ec06),#fff8ec09;border:1px solid #fff8ec1f;border-radius:8px;padding:24px;box-shadow:0 20px 80px #00000038}.sectionHeader,.panelHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.sectionHeader h2,.panelHeader h2,.aboutBand h2{letter-spacing:0;margin:0;font-size:clamp(26px,4vw,42px)}.textAction{white-space:nowrap;justify-content:center;align-items:center;min-height:42px;font-size:14px;display:inline-flex}.smallAction{white-space:nowrap;justify-content:center;align-items:center;min-height:36px;padding:9px 12px;font-size:13px;display:inline-flex}.mainGrid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.homeExpandActions{justify-content:center;margin-top:18px;display:flex}.homeExpandButton{color:#fff8ecd1;background:#fff8ec13;border:1px solid #fff8ec29;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:9px 16px;font-size:13px;font-weight:800;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.homeExpandButton:hover,.homeExpandButton:focus-visible{color:#d7fff7;background:#51dec21c;border-color:#51dec26b;outline:none;transform:translateY(-1px)}.toolCard,.matchPanel,.streamerCard,.groupCard,.aboutBand{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #0000003d}.toolCard,.streamerCard,.groupCard{border-radius:8px;overflow:hidden}.clickableCard{transition:border-color .16s,transform .16s,background .16s;position:relative}.cardClickTarget{z-index:1;border-radius:inherit;position:absolute;inset:0}.clickableCard:hover,.groupCard:hover,.matchCard:hover,.homeMatchCard:hover{border-color:#51dec257;transform:translateY(-2px)}.cardClickTarget:focus-visible,.groupCard:focus-visible,.matchCard:focus-visible,.homeMatchCard:focus-visible,.timelineTitleLink:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.toolCard{background:linear-gradient(135deg,#51dec21a,#0000 46%),#fff8ec0e;min-height:190px}.streamerInitialCover,.groupIconFallback{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120f128a;border:1px solid #fff8ec38;place-items:center;font-weight:800;display:grid}.toolCardBody{align-content:space-between;gap:16px;min-height:190px;padding:20px;display:grid}.cardTitleRow,.streamerTitleRow,.matchTopline{justify-content:space-between;align-items:start;gap:12px;display:flex}h3{letter-spacing:0;margin:0;font-size:18px}.toolCard p,.streamerCard p,.groupCard p,.aboutBand p,.pageIntro p,.matchCard p,.homeMatchCard p{color:var(--muted);margin:12px 0 0;line-height:1.7}.toolCard h3{color:var(--ink);font-size:25px;font-weight:900;line-height:1.18}.toolCard p{margin-top:6px;font-size:14px}.likeButton{z-index:2;color:var(--ink);background:#fff8ec14;border:1px solid #fff8ec29;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.badgeRow{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.badge{color:#fff8ecd6;background:#fff8ec14;border:1px solid #fff8ec24;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.moreBadge{color:#fff8ec9e;border:1px dashed #fff8ec2e;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.metaRow{color:#fff8ec80;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;display:flex}.matchPanel{border-radius:8px;padding:22px;position:sticky;top:18px}.liveCount{color:#b9f4a7;background:#8ad66d24;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.timeline{gap:4px;display:grid}.timelineItem{grid-template-columns:18px 1fr;gap:12px;padding:14px 0;display:grid;position:relative}.timelineItem:before{content:"";background:#fff8ec1f;width:1px;position:absolute;top:33px;bottom:-8px;left:6px}.timelineItem:last-child:before{display:none}.timelineDot{border:2px solid var(--bg);background:var(--teal);border-radius:999px;width:13px;height:13px;margin-top:6px;box-shadow:0 0 0 3px #51dec22e}.statusPill,.matchTopline>span:not(.timelineStatusText){white-space:nowrap;border:1px solid #fff8ec1f;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.status-live{color:#b9f4a7;background:#8ad66d29;border-color:#8ad66d5c}.status-signup{color:#ffb3ca;background:#ff5d8f29;border-color:#ff5d8f57}.status-soon{color:#aff5e7;background:#51dec224;border-color:#51dec25c}.status-ended{color:#fff8ec85;background:#fff8ec14;border-color:#fff8ec29}.timelineItem p,.timelineItem small{color:#fff8ec9e;margin:7px 0 0;display:block}.timelineTitleLink{z-index:1;position:relative}.timelineTitleLink:hover{color:var(--teal)}.timelineStatusText{width:max-content;display:inline-flex}.timelineItem.muted{filter:grayscale();opacity:.48}.splitBand{padding-top:42px}.streamerGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.streamerCard{flex-direction:column;min-height:286px;display:flex}.streamerCard .badgeRow{gap:6px;margin-top:12px}.streamerCard .badge,.streamerCard .moreBadge{min-height:20px;padding:3px 7px;font-size:10px;line-height:1.25}.streamerCover{aspect-ratio:16/10;background-color:#0000;background-image:radial-gradient(circle at 16% 14%,#fff8ec38,#0000 9rem),linear-gradient(135deg,#ff5d8f8c,#51dec252),url(/assets/yxp-community-hero.webp);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.streamerCover:after{pointer-events:none;content:"";background:linear-gradient(#120f120a,#120f1257),linear-gradient(90deg,#120f126b,#0000 54%);position:absolute;inset:0}.streamerCover img{object-fit:contain;width:100%;height:100%}.streamerCoverImage,.streamerKeyframe{pointer-events:none;transition:opacity .18s}.streamerKeyframe,.streamerCard.onAir:hover .streamerCover.hasKeyframe .streamerCoverImage,.streamerCard.onAir:focus-within .streamerCover.hasKeyframe .streamerCoverImage{opacity:0}.streamerCard.onAir:hover .streamerCover.hasKeyframe .streamerKeyframe,.streamerCard.onAir:focus-within .streamerCover.hasKeyframe .streamerKeyframe{opacity:1}.streamerCover.liveCover:after{z-index:1;background:linear-gradient(#2a302905 58%,#2a30292e 100%)}.streamerInitialCover{z-index:1;border-radius:18px;width:68px;height:68px;font-size:24px;position:relative}.streamerStatusPill{z-index:2;white-space:nowrap;border:1px solid #fff8ec24;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;position:absolute;top:12px;right:12px}.streamerStatusPill.offline{color:#fff8ecbd;background:#120f12a3}.streamerInfo{gap:12px;padding:16px;display:grid}.streamerTitleRow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.streamerCard h3{font-size:20px;font-weight:900;line-height:1.25}.streamerCard p.streamerLiveTitle{color:#4f6757;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.groupGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.groupCard{align-content:start;gap:12px;min-height:214px;padding:16px;display:grid}.groupCardHeader{align-items:center;gap:12px;min-width:0;display:flex}.groupIcon{background:#fff8ec12;border:1px solid #fff8ec2e;border-radius:14px;width:58px;height:58px;overflow:hidden}.groupIcon img{object-fit:cover;width:100%;height:100%}.groupIconFallback{background:linear-gradient(135deg,#51dec242,#ff5d8f33);border:0;width:100%;height:100%;font-size:22px}.groupCard h3{overflow-wrap:anywhere;min-width:0;font-size:23px;font-weight:900;line-height:1.18}.groupCard.compact p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.joinLine{color:#fff8ecc2;background:#51dec214;border:1px solid #51dec229;border-radius:8px;margin-top:0;padding:10px 12px;font-size:13px}.aboutBand{border-radius:8px;margin-bottom:70px;padding:26px}.contactBand{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:36px;padding:34px;display:grid}.contactCopy{max-width:720px}.aboutBand .contactKicker{color:#9a563f;letter-spacing:.18em;margin:0 0 10px;font-size:13px;font-weight:900}.contactNumber{color:#536458;background:#708a781c;border:1px solid #708a7847;border-radius:16px 7px;align-items:baseline;gap:14px;margin-top:22px;padding:13px 16px;display:inline-flex}.contactNumber span{font-size:13px;font-weight:800}.contactNumber strong{color:#30362f;letter-spacing:.04em;font-size:clamp(22px,3vw,32px)}.contactHint{margin-top:14px;font-size:13px}.contactQrLink{background:#1a1a1a;border:1px solid #4b4d4138;border-radius:22px 9px;display:block;overflow:hidden;box-shadow:0 16px 38px #2f2a2438}.contactQrLink:focus-visible,.groupQrLink:focus-visible{outline-offset:4px;outline:2px solid #b9874d}.contactQrImage{width:100%;height:auto;display:block}.homeMatchGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.homeMatchCard{background:linear-gradient(135deg,#ff5d8f1c,#0000 42%),#fff8ec0e;border:1px solid #fff8ec21;border-radius:8px;min-height:160px;padding:16px;display:block}.homeMatchMetaLine,.matchBadgeLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.homeMatchCard.muted{filter:grayscale();opacity:.48}.homeMatchStatus{border:1px solid #fff8ec1f;border-radius:999px;align-items:center;min-height:24px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.homeMatchStatus.status-live{color:#b9f4a7;background:#8ad66d29;border-color:#8ad66d5c}.homeMatchStatus.status-signup{color:#ffb3ca;background:#ff5d8f29;border-color:#ff5d8f57}.homeMatchStatus.status-soon{color:#aff5e7;background:#51dec224;border-color:#51dec25c}.homeMatchStatus.status-ended{color:#fff8ec85;background:#fff8ec14;border-color:#fff8ec29}.homeMatchCard h3{margin-top:12px}.homeMatchCard small{color:#fff8ec94;margin-top:10px;display:block}.homeLiveGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.homeLiveGrid .streamerCard{min-height:246px}.homeLiveGrid .streamerCover{min-height:0}.homeLiveGrid .streamerInfo{padding:14px}.homeLiveGrid .streamerTitleRow{align-items:flex-start}.homeLiveGrid .streamerCard h3{font-size:17px}.homeLiveGrid .streamerCard p{margin-top:8px;font-size:13px;line-height:1.6}.homeLiveGrid .streamerCard .likeButton{padding:6px 8px;font-size:12px}.pageHero{isolation:isolate;background-color:#0000;background-image:linear-gradient(#120f123d,#120f12 100%),radial-gradient(circle at 18% 20%,#ff5d8f38,#0000 28rem),radial-gradient(circle at 88% 14%,#51dec226,#0000 25rem),url(/assets/yxp-community-hero.webp);background-position:50% 28%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;padding-bottom:44px;position:relative;overflow:hidden}.pageHero:before{z-index:-1;content:"";background:#120f12b8;position:absolute;inset:0}.pageIntro,.pageContent{width:min(1180px,100% - 40px);margin:0 auto}.pageIntro{padding:56px 0 18px}.pageIntro h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(42px,7vw,78px);line-height:1}.pageIntro p{max-width:720px;font-size:17px}.pageSearch{margin-top:26px}.tagCloud{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tagChip{color:#fff8ecc2;background:#120f1270;border:1px solid #fff8ec24;border-radius:999px;min-height:36px;padding:8px 13px;font-size:13px;font-weight:800}.tagChip.active{color:#c7fff3;background:#51dec229;border-color:#51dec25c}.pageContent{padding:42px 0 76px}.listGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.streamerGrid.listGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.matchList{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.matchCard{border:1px solid var(--line);background:linear-gradient(135deg, #ff5d8f1c, transparent 38%), var(--panel);border-radius:8px;min-height:300px;padding:20px;display:block;position:relative;box-shadow:0 18px 60px #0000003d}.matchCard.ended{filter:grayscale();opacity:.54}.matchCardStatus{border:1px solid #fff8ec1f;border-radius:999px;margin-bottom:0;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.matchCardStatus.status-live{color:#b9f4a7;background:#8ad66d29;border-color:#8ad66d5c}.matchCardStatus.status-signup{color:#ffb3ca;background:#ff5d8f29;border-color:#ff5d8f57}.matchCardStatus.status-soon{color:#aff5e7;background:#51dec224;border-color:#51dec25c}.matchCardStatus.status-ended{color:#fff8ec85;background:#fff8ec14;border-color:#fff8ec29}.officialPill{overflow-wrap:anywhere;border:1px solid #fff8ec29;border-radius:999px;align-items:center;min-width:0;max-width:100%;min-height:28px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex}.homeMatchCard .officialPill{min-height:24px;padding:4px 8px;font-size:11px}.matchCard .matchBadgeLine,.detailPanel .matchBadgeLine{margin-bottom:16px}.detailList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;display:grid}.detailList div{background:#fff8ec0f;border:1px solid #fff8ec1f;border-radius:8px;padding:11px}.detailList .wideDetail{grid-column:1/-1}.detailList dt{color:#fff8ec7a;font-size:12px;font-weight:800}.detailList dd{color:#fff8ecd1;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.7}.detailLink{z-index:2;color:#aff5e7;text-decoration:none;position:relative}.detailHero{min-height:420px}.detailContent{width:min(960px,100% - 40px);margin:0 auto;padding:42px 0 76px}.detailPanel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px;box-shadow:0 18px 60px #0000003d}.detailPanel.ended{filter:grayscale();opacity:.72}.detailPanel h2{margin:0 0 18px;font-size:28px}.detailPanel p{color:var(--muted);margin:22px 0 0;line-height:1.8}.detailList.large{grid-template-columns:repeat(2,minmax(0,1fr))}.joinMethodBox{color:#fff8ece0;background:#51dec214;border:1px solid #51dec233;border-radius:8px;padding:18px;font-size:18px;font-weight:800}.groupJoinPanel{grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:start;gap:30px;display:grid}.groupJoinValue{white-space:pre-wrap;margin-top:14px}.groupQrLink{background:#fff;border:1px solid #4b4d4133;border-radius:18px 8px;display:block;overflow:hidden}.groupQrImage{object-fit:contain;width:100%;height:auto;display:block}.adminLoginPage,.adminPage{min-height:100vh}.adminLoginPage{place-items:center;padding:32px;display:grid}.adminLoginCard{border:1px solid var(--line);background:linear-gradient(135deg, #ff5d8f1f, transparent 42%), var(--panel);border-radius:8px;width:min(460px,100%);padding:28px;box-shadow:0 24px 90px #00000057}.adminLoginCard h1{margin:0;font-size:34px}.adminLoginCard p{color:var(--muted);line-height:1.7}.adminLoginForm{gap:16px;margin-top:24px;display:grid}.adminLoginForm label{color:#fff8ecc2;gap:8px;font-size:13px;font-weight:800;display:grid}.adminLoginForm input{width:100%;color:var(--ink);background:#120f12b8;border:1px solid #fff8ec29;border-radius:8px;outline:none;padding:13px 14px}.adminLoginForm input:focus{border-color:#51dec27a}.adminLoginForm button,.adminLogout{background:linear-gradient(135deg, var(--rose), var(--amber));color:#1d1110;border:1px solid #fff8ec1f;border-radius:8px;padding:12px 16px;font-weight:800}.adminLoginForm button:disabled{opacity:.58}.adminError{color:#ffb3ca;margin:0}.adminNotice{color:#51dec2eb;margin:0;font-size:13px;line-height:1.6}.adminPage{grid-template-columns:260px minmax(0,1fr);display:grid}.adminSidebar{background:#120f12c7;border-right:1px solid #fff8ec1f;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.adminBrand{align-self:flex-start}.adminNav{gap:8px;display:grid}.adminNav a{color:#fff8ecbd;border:1px solid #0000;border-radius:8px;padding:11px 12px}.adminNav a:hover,.adminNav a:focus-visible{color:var(--ink);background:#fff8ec14;border-color:#fff8ec29;outline:none}.adminLogout{width:100%;margin-top:auto}.adminMain{min-width:0;padding:34px}.adminHeader{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.adminHeader h1{margin:0;font-size:clamp(32px,5vw,54px)}.adminHeader p{max-width:780px;color:var(--muted);line-height:1.7}.adminStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.adminOverview{gap:18px;display:grid}.adminStat,.adminDraftPanel,.adminDataPanel,.adminBulkImport,.adminCrudForm,.adminTableWrap{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 18px 60px #0003}.adminStat{gap:12px;padding:20px;display:grid}.adminStat span{color:#fff8ec99;font-size:13px}.adminStat strong{font-size:42px}.adminDataPanel{overflow:hidden}.adminDataHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.adminDataHeader h2{margin:4px 0 0;font-size:22px}.adminDataHeader>span{color:var(--teal);background:#51dec217;border:1px solid #51dec233;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.adminDataGrid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.adminDataGrid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.adminMetric{border-right:1px solid #fff8ec14;gap:10px;min-height:132px;padding:20px;display:grid}.adminMetric:last-child{border-right:0}.adminMetric span,.adminInsightList span{color:#fff8ec94;font-size:13px;font-weight:800}.adminMetric strong{align-self:end;font-size:clamp(32px,4vw,52px);line-height:.95}.adminMetric.small{min-height:104px}.adminMetric.small strong{font-size:34px}.adminInsightList{gap:0;display:grid}.adminInsightList div{border-bottom:1px solid #fff8ec14;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.adminInsightList div:last-child{border-bottom:0}.adminInsightList strong{color:var(--ink);font-size:22px}.adminDraftPanel{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-bottom:20px;padding:20px;display:grid}.adminDraftPanel h2{margin:0}.adminDraftPanel p{color:var(--muted);line-height:1.7}.adminFieldGrid{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.adminFieldGrid span{color:#fff8ecc7;background:#fff8ec14;border:1px solid #fff8ec21;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.adminTableWrap{overflow:auto}.adminCrud{gap:22px;display:grid}.adminBulkImport{overflow:hidden}.adminBulkImportHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex}.adminBulkImportHeader h2{margin:4px 0 0;font-size:24px}.adminBulkImportHeader p:not(.sectionKicker){max-width:760px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.7}.adminBulkImportHeader>span{color:#8ff1dee6;background:#51dec214;border:1px solid #51dec238;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.adminBulkInput{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:20px;display:grid}.adminBulkInput textarea{min-height:170px}.adminBulkInput>button{min-width:128px}.adminBulkDrafts{border-top:1px solid #fff8ec14;gap:14px;padding:20px;display:grid}.adminBulkDraft{background:#51dec209;border:1px solid #51dec233;border-radius:8px;gap:16px;padding:16px;display:grid}.adminBulkDraft.invalid{background:#ff5d8f0b;border-color:#ff5d8f57}.adminBulkDraftHeader,.adminBulkDraftHeader>div{align-items:center;display:flex}.adminBulkDraftHeader{justify-content:space-between;gap:16px}.adminBulkDraftHeader>div{gap:10px}.adminBulkDraftHeader span{color:#51dec2d9;font-size:12px}.adminBulkDraft.invalid .adminBulkDraftHeader span{color:#ffb3ca}.adminBulkDraftHeader button{color:#fff8ec9e;text-underline-offset:3px;background:0 0;border:0;font-size:12px;text-decoration:underline}.adminBulkErrors{color:#ffb3ca;flex-wrap:wrap;gap:6px 18px;margin:0;padding-left:20px;font-size:12px;display:flex}.adminBulkDraft details{color:#fff8ec94;font-size:12px}.adminBulkDraft details p{white-space:pre-wrap;margin:8px 0 0;line-height:1.6}.adminBulkSubmit{border-top:1px solid #fff8ec14;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.adminBulkSubmit>div{min-width:0}.adminBulkSubmit .adminError{font-size:13px;line-height:1.6}.liveMonitor{gap:18px;margin-bottom:22px;display:grid}.liveMonitorHeader,.liveMonitorMeta,.liveMonitorRoom,.liveMonitorSessions{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 18px 60px #0003}.liveMonitorHeader{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.liveMonitorHeader h2{margin:4px 0 0;font-size:26px}.liveMonitorHeader p:not(.sectionKicker){max-width:720px;color:var(--muted);margin:8px 0 0;line-height:1.7}.liveMonitorActions{flex:none;align-items:center;gap:10px;display:flex}.liveMonitorActions>span{color:var(--teal);background:#51dec217;border:1px solid #51dec233;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.liveMonitorMessage{padding:0 4px}.liveMonitorMeta{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.liveMonitorMeta span{color:#fff8ec94;font-size:13px;font-weight:800}.liveMonitorMeta strong{font-size:15px}.liveMonitorRoomGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.liveMonitorRoom{padding:18px}.liveMonitorRoomTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.liveMonitorRoom h3{color:var(--ink);font-size:21px}.liveMonitorRoom a{color:var(--teal);margin-top:6px;font-size:12px;display:inline-block}.monitorStatus{border:1px solid #fff8ec29;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.monitorStatus.live{color:#b9f4a7;background:#8ad66d26;border-color:#8ad66d5c}.monitorStatus.offline{color:#fff8eca6;background:#fff8ec14}.monitorStatus.error{color:#ffb3ca;background:#ff5d8f24;border-color:#ff5d8f57}.liveMonitorRoom dl{gap:8px;margin:18px 0 0;display:grid}.liveMonitorRoom dl div{justify-content:space-between;gap:12px;display:flex}.liveMonitorRoom dt{color:#fff8ec80;font-size:12px}.liveMonitorRoom dd{text-align:right;margin:0;font-size:13px;font-weight:800}.liveMonitorRoom>p{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.6}.liveMonitorRoom>p.monitorError{color:#ffb3ca}.liveMonitorSessions{overflow:hidden}.liveMonitorSessions .adminListHeader span{color:#fff8ec94;font-size:13px}.adminCrudForm{overflow:hidden}.adminCrudHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.adminCrudHeader h2,.adminListHeader h2,.adminFormSection h3{margin:0}.adminCrudHeader h2{margin-top:4px;font-size:24px}.adminCrudHeader span{color:#fff8ec94;margin-top:8px;font-size:13px;display:inline-flex}.adminFormSections{display:grid}.adminFormSection{border-bottom:1px solid #fff8ec14;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:20px;display:grid}.adminFormSectionHeader h3{color:#fff8ece6;font-size:15px}.adminFormGrid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;display:grid}.adminField{color:#fff8ecb8;gap:8px;min-width:0;font-size:12px;font-weight:800;display:grid}.adminField.wide,.adminField.mediaField{grid-column:1/-1}.adminField input,.adminField select,.adminField textarea{width:100%;color:var(--ink);background:#120f129e;border:1px solid #fff8ec24;border-radius:8px;outline:none;padding:11px 12px}.adminField textarea{resize:vertical;min-height:104px;line-height:1.6}.adminField input:focus,.adminField select:focus,.adminField textarea:focus{border-color:#51dec27a;box-shadow:0 0 0 3px #51dec21a}.adminToggleGrid{flex-wrap:wrap;grid-column:2;gap:10px;margin-top:-2px;display:flex}.adminToggle{color:#fff8ecbd;background:#fff8ec0f;border:1px solid #fff8ec1f;border-radius:999px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.adminToggle input{opacity:0;pointer-events:none;position:absolute}.toggleControl{background:#fff8ec29;border-radius:999px;width:32px;height:18px;transition:background .16s;position:relative}.toggleControl:after{content:"";background:#fff8ecc7;border-radius:999px;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.adminToggle input:checked+.toggleControl{background:#51dec257}.adminToggle input:checked+.toggleControl:after{background:var(--teal);transform:translate(14px)}.assetUpload{background:#fff8ec0a;border:1px dashed #fff8ec29;border-radius:8px;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px;padding:10px;display:grid}.assetUpload img{object-fit:cover;border:1px solid #fff8ec24;border-radius:8px;width:112px;height:72px}.assetUpload img.qrPreview{object-fit:contain;background:#fff;justify-self:center;width:90px;height:160px}.assetUpload small{color:#fff8ec9e;font-size:12px}.adminFormActions{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.adminFormActions div{gap:10px;display:inline-flex}.adminPrimaryButton,.adminSecondaryButton,.adminRowActions button{border-radius:8px;font-weight:800}.adminPrimaryButton{background:linear-gradient(135deg, var(--rose), var(--amber));color:#1d1110;border:1px solid #fff8ec1f;padding:11px 18px}.adminPrimaryButton:disabled{opacity:.58}.adminSecondaryButton,.adminRowActions button{color:#fff8ecd1;background:#fff8ec12;border:1px solid #fff8ec24;padding:10px 13px}.adminListHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.adminListHeader h2{font-size:18px}.adminRowActions{gap:8px;display:inline-flex}.adminTable{border-collapse:collapse;width:100%;min-width:680px}.adminTable th,.adminTable td{text-align:left;vertical-align:top;border-bottom:1px solid #fff8ec1a;padding:14px}.adminTable th{color:#fff8ec94;font-size:12px}.adminTable td{color:#fff8ecd1;font-size:14px}@media (max-width:980px){.topbar{flex-direction:column;align-items:flex-start}.navLinks{justify-content:flex-start}.mainGrid{grid-template-columns:1fr}.matchPanel{position:static}.streamerGrid{grid-template-columns:1fr}.homeMatchGrid,.homeLiveGrid,.groupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.listGrid,.matchList{grid-template-columns:1fr}.streamerGrid.listGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminPage{grid-template-columns:1fr}.adminSidebar{border-bottom:1px solid #fff8ec1f;border-right:0;height:auto;position:static}.adminNav{grid-template-columns:repeat(3,minmax(0,1fr))}.adminStats,.adminDraftPanel,.adminDataGrid,.adminDataGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.adminFormSection{grid-template-columns:1fr}.adminBulkImportHeader{flex-direction:column}.adminBulkInput{grid-template-columns:1fr}.adminBulkInput>button{width:100%}.adminToggleGrid{grid-column:auto}}@media (max-width:680px){.hero{min-height:430px}.heroContent{padding:28px 0 40px}.hero h1{font-size:34px}.heroCopy{max-width:100%;font-size:14px}.searchBox{flex-direction:column;align-items:stretch}.searchBox button{width:100%}.sectionHeader,.panelHeader{flex-direction:column;align-items:flex-start}.toolGrid,.groupGrid{grid-template-columns:1fr}.widgetShell{padding:18px}.contactBand,.groupJoinPanel{grid-template-columns:1fr}.contactBand{gap:24px;padding:22px}.contactQrLink{width:min(100%,280px);margin:0 auto}.homeMatchGrid,.homeLiveGrid{grid-template-columns:1fr}.streamerCover{min-height:0}.streamerGrid.listGrid{grid-template-columns:1fr}.metaRow{flex-direction:column}.detailList{grid-template-columns:1fr}.adminMain,.adminSidebar{padding:20px}.adminNav,.adminStats,.adminDraftPanel,.adminDataGrid,.adminDataGrid.compact,.adminFormGrid{grid-template-columns:1fr}.liveMonitorHeader,.liveMonitorActions{flex-direction:column;align-items:stretch}.liveMonitorRoomGrid{grid-template-columns:1fr}.adminMetric{border-bottom:1px solid #fff8ec14;border-right:0;min-height:auto}.adminMetric:last-child{border-bottom:0}.adminFormActions,.adminBulkSubmit{flex-direction:column;align-items:stretch}.adminBulkSubmit .adminPrimaryButton,.adminFormActions div,.adminPrimaryButton,.adminSecondaryButton{width:100%}.adminFormActions div{flex-direction:column}.assetUpload{grid-template-columns:1fr}}::selection{color:#292e28;background:#b9874d6b}body>main:not(.adminPage):not(.adminLoginPage){min-height:100vh}.hero{border-bottom:1px solid #efe8d42e;min-height:610px}.heroImage{object-position:center top;filter:saturate(.9)contrast(.98)brightness(1.02)}.heroShade{background:linear-gradient(90deg,#2a3029ad 0%,#31342c70 36%,#34322b24 66%,#342f2914 100%),linear-gradient(#efe8d405 0%,#4c4e4314 62%,#464a3f85 100%)}.topbar{color:#fff4df;-webkit-backdrop-filter:blur(16px)saturate(.82);backdrop-filter:blur(16px)saturate(.82);background:#323830ad;border:1px solid #efe8d438;border-radius:22px;margin-top:16px;padding:10px 16px;box-shadow:0 16px 40px #2f2a243d}.brand{letter-spacing:.08em;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:18px}.brandMark{color:#fff9ed;background:#efe8d4;border-color:#ffefcf4d;border-radius:12px 7px;overflow:hidden;box-shadow:0 8px 22px #2f2a2447}.brandName{white-space:nowrap}.navLinks{color:#fff4dfd1}.navLinks a:hover,.navLinks a:focus-visible{color:#fff7e8;background:#b9874d29;border-color:#b9874d6b}.heroContent{flex-direction:column;align-items:flex-start;padding:94px 0 116px;display:flex}.hero h1,.pageIntro h1{color:#fff2d7;text-shadow:0 3px 22px #2a3029e0;font-family:STKaiti,KaiTi,Songti SC,serif;font-weight:700}.hero h1{letter-spacing:.08em;font-size:clamp(58px,7vw,92px)}.heroCopy{color:#fff2d7d1;letter-spacing:.14em;margin-top:14px;font-family:Songti SC,STSong,serif;font-size:19px}.searchBox{-webkit-backdrop-filter:blur(18px)saturate(.78);backdrop-filter:blur(18px)saturate(.78);background:#efe8d4f2;border-color:#b9874d57;border-radius:18px;box-shadow:0 18px 48px #2f2a2447}.searchBox input{color:#292e28}.searchBox input::placeholder{color:#726f63d1}.searchBox button,.textAction,.smallAction{color:#fff6e6;background:#9a563f;border-color:#703b2a4d;border-radius:14px;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 8px 22px #5b34273d}.searchBox button:hover,.textAction:hover,.smallAction:hover{background:#814634;transform:translateY(-1px);box-shadow:0 10px 26px #5b342752}.searchResults{background:#f8f1e1fa;border-color:#4b4d4138;box-shadow:0 22px 60px #2f2a2442}.searchResultItem:hover,.searchResultItem:focus-visible{background:#708a781f}.resultType{color:#536458;background:#708a781f;border-color:#708a784d}.searchResultItem strong{color:#292e28}.searchResultItem small{color:#726f63}.heroStats{margin-top:14px}.heroStats span{color:#fff2d7b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a30298a;border-color:#efe8d43d}.heroStats strong{color:#ddb274}.contentBand{padding:34px 0}.primaryBand{padding-top:6px}.widgetShell{-webkit-backdrop-filter:blur(18px)saturate(.78);backdrop-filter:blur(18px)saturate(.78);background:linear-gradient(145deg,#efe8d4f5,#d5d2beed);border-color:#736c5747;border-radius:28px 12px;padding:28px;box-shadow:0 24px 70px #2f2a243d}.sectionHeader{margin-bottom:24px}.sectionLead{color:#726f63;max-width:660px;margin:9px 0 0;font-family:Songti SC,STSong,serif;font-size:15px;line-height:1.7}.sectionHeader h2,.panelHeader h2,.aboutBand h2,.detailPanel h2{color:#30362f;letter-spacing:.06em;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-weight:700}.toolCard,.streamerCard,.groupCard,.homeMatchCard,.matchCard,.detailPanel,.aboutBand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f1e1ed;border-color:#4b4d4133;box-shadow:0 14px 38px #2f2a2421}.toolCard,.streamerCard,.groupCard,.matchCard{border-radius:20px 9px}.toolCard{--tool-accent:#708a78;--tool-accent-soft:#708a781a;background:linear-gradient(145deg, var(--tool-accent-soft), transparent 52%), #f8f1e1f2;min-height:276px;position:relative}.toolCard:before{z-index:2;background:var(--tool-accent);content:"";opacity:.78;border-radius:0 999px 999px 0;width:4px;position:absolute;top:24px;bottom:24px;left:0}.toolCard-rose{--tool-accent:#9a563f;--tool-accent-soft:#9a563f1a}.toolCard-teal{--tool-accent:#708a78;--tool-accent-soft:#708a781f}.toolCard-amber{--tool-accent:#b9874d;--tool-accent-soft:#b9874d1c}.toolCard-indigo{--tool-accent:#81706f;--tool-accent-soft:#81706f1a}.toolCardBody{gap:22px;min-height:276px;padding:24px 24px 22px}.toolCardTopline{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolCategory{border:1px solid var(--tool-accent);align-items:center;min-height:28px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.toolCategory{border:1px solid color-mix(in srgb, var(--tool-accent) 40%, transparent)}}.toolCategory{background:var(--tool-accent-soft);color:var(--tool-accent);letter-spacing:.06em;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.toolClickCount{color:#555b52;white-space:nowrap;background:#d5d2beb8;border:1px solid #4b4d4133;border-radius:999px;align-items:center;min-height:34px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.toolCard h3{margin-top:15px;font-size:27px}.toolCard p{max-width:36rem;margin-top:10px;font-size:14px;line-height:1.8}.toolBadgeRow{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.toolBadgeRow span{color:#62665d;background:#d5d2be80;border:1px solid #4b4d4124;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.toolCardFooter{border-top:1px solid #4b4d4124;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.toolDomain{color:#555b52b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.toolVisit{color:var(--tool-accent);letter-spacing:.06em;flex:none;font-family:Songti SC,STSong,serif;font-size:14px;font-weight:800}.clickableCard:hover,.groupCard:hover,.matchCard:hover,.homeMatchCard:hover{border-color:#b9874d85;transform:translateY(-3px);box-shadow:0 18px 44px #2f2a242e}.cardClickTarget:focus-visible,.groupCard:focus-visible,.matchCard:focus-visible,.homeMatchCard:focus-visible,.timelineTitleLink:focus-visible{outline-color:#b9874d}.toolCard h3,.streamerCard h3,.groupCard h3,.homeMatchCard h3,.matchCard h3{color:#30362f;font-family:Songti SC,STSong,Noto Serif CJK SC,serif}.toolCard p,.streamerCard p,.groupCard p,.aboutBand p,.pageIntro p,.matchCard p,.homeMatchCard p,.detailPanel p{color:#726f63}.likeButton{color:#555b52;background:#d5d2beb3;border-color:#4b4d4133}.likeButton:hover{background:#9a563f1a;border-color:#9a563f52}.likeButton.liked{color:#4f6757;background:#708a7829;border-color:#708a786b}.badge{color:#5a695d;background:#708a781a;border-color:#4b4d412e}.moreBadge{color:#555b52c2;border-color:#4b4d413d}.metaRow,.homeMatchCard small,.timelineItem p,.timelineItem small{color:#726f63d1}.homeMatchCard{background:linear-gradient(145deg,#b9874d1a,#0000 52%),#f8f1e1f2;border-radius:18px 8px}.status-live,.homeMatchStatus.status-live,.matchCardStatus.status-live{color:#37694d;background:#4e8b6824;border-color:#4e8b6857}.status-signup,.homeMatchStatus.status-signup,.matchCardStatus.status-signup{color:#874a37;background:#9a563f1f;border-color:#9a563f52}.status-soon,.homeMatchStatus.status-soon,.matchCardStatus.status-soon{color:#526e5c;background:#708a7821;border-color:#708a7852}.status-ended,.homeMatchStatus.status-ended,.matchCardStatus.status-ended{color:#5f513fb3;background:#4a371f12;border-color:#4a371f29}.officialPill.official{color:#76552d;background:#b9874d26;border-color:#b9874d6b}.officialPill.community{color:#874a37;background:#9a563f1c;border-color:#9a563f52}.streamerCard.onAir{background:linear-gradient(145deg,#4e8b681a,#0000 50%),#f8f1e1f2;border-color:#4e8b685c}.streamerCover{background:linear-gradient(#7f887c0a,#2a30293d),url(/assets/rainy-teahouse-theme.jpg) 50% 48%/cover}.streamerCover:after{background:linear-gradient(#2a302905,#2a30293d),linear-gradient(90deg,#2a302947,#0000 58%)}.streamerInitialCover,.groupIconFallback{color:#555b52;background:#efe8d4d6;border-color:#f8f1e194}.streamerStatusPill.live{color:#f5faed;background:#37694de0;border-color:#eff7e66b}.streamerStatusPill.offline{color:#f8f1e1e6;background:#2a3029bd;border-color:#f8f1e157}.groupIcon{background:#d5d2bec2;border-color:#4b4d4138}.groupIconFallback{background:linear-gradient(145deg,#708a7838,#b9874d2e),#efe8d4}.joinLine,.joinMethodBox{color:#536458;background:#708a781c;border-color:#708a7847}.aboutBand{background:linear-gradient(120deg,#b9874d21,#0000 58%),#f8f1e1ed;border-radius:26px 11px}.pageHero{background:linear-gradient(90deg,#2a3029b3 0%,#31342c70 42%,#342f291a 100%),url(/assets/rainy-teahouse-theme.jpg) 50% 8%/cover;border-bottom:1px solid #efe8d42e}.pageHero:before{background:linear-gradient(#efe8d405,#464a3f8f)}.pageIntro{padding-top:74px}.pageIntro h1{letter-spacing:.04em;font-size:clamp(48px,7vw,82px)}.pageHero .pageIntro p{color:#fff2d7d1;text-shadow:0 2px 14px #2a3029b8}.pageHero .badge{color:#e2ba83;background:#b9874d2e;border-color:#b9874d75}.tagChip{color:#30362fd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#efe8d4d1;border-color:#4a371f33}.tagChip:hover{background:#708a7821;border-color:#708a7870}.tagChip.active{color:#f8f1e1;background:#708a78;border-color:#e3d5b5b8;box-shadow:0 8px 20px #2a30293d}.emptyState{color:#5f513fc2;border-color:#4a371f3d}.matchCard{background:linear-gradient(145deg,#9a563f12,#0000 48%),#f8f1e1f2}.detailList div{background:#d5d2be94;border-color:#4b4d4129}.detailList dt{color:#7e705bcc}.detailList dd{color:#252018e6}.detailLink{color:#5a7563;text-underline-offset:3px;-webkit-text-decoration:underline #5a756361;text-decoration:underline #5a756361}.detailLink:hover{color:#9a563f}.timelineDot{background:#708a78;border-color:#efe8d4;box-shadow:0 0 0 3px #708a7833}.timelineItem:before{background:#4a371f24}.adminPage,.adminLoginPage{--bg:#120f12;--bg-soft:#1b1617;--ink:#fff8ec;--muted:#c9bfb5;--line:#fff8ec24;--panel:#fff8ec12;--panel-strong:#fff8ec1c;--rose:#ff5d8f;--teal:#51dec2;--amber:#f3b75f;--green:#8ad66d;--violet:#9b8cff;color:var(--ink);background:radial-gradient(circle at 12% 4%,#ff5d8f2e,#0000 30rem),radial-gradient(circle at 92% 18%,#51dec21f,#0000 26rem),linear-gradient(#120f12 0%,#181111 48%,#0f1513 100%)}@media (prefers-reduced-motion:reduce){.clickableCard,.groupCard,.matchCard,.homeMatchCard,.searchBox button,.textAction,.smallAction,.streamerCoverImage,.streamerKeyframe{transition:none}}@media (max-width:980px){.topbar{border-radius:20px}.hero{min-height:640px}.heroShade{background:linear-gradient(90deg,#2a3029b3,#31342c47),linear-gradient(#0000 34%,#464a3f8a 100%)}.widgetShell{border-radius:22px 10px}}@media (max-width:680px){body{background-attachment:scroll}.hero{min-height:650px}.heroImage{object-position:61% top}.heroShade{background:linear-gradient(#2a302999 0%,#31342c6b 55%,#464a3f8f 100%),linear-gradient(90deg,#2a302985,#342f2929)}.topbar{border-radius:18px;width:calc(100% - 24px);margin-top:10px;padding:12px}.navLinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;font-size:12px;display:grid}.navLinks a{text-align:center;min-width:0;padding:7px 4px}.brand{gap:9px;min-width:0;font-size:15px}.brandName{white-space:normal}.heroContent{padding:70px 0 112px}.hero h1{font-size:50px}.heroCopy{font-size:17px}.widgetShell{border-radius:20px 8px;padding:20px}.toolCard,.toolCardBody{min-height:0}.toolCardBody{padding:22px 20px 20px}.toolCard h3{font-size:23px}.toolCardFooter{flex-direction:column;align-items:flex-start;gap:8px}.pageHero{background-position:60% 8%}.pageIntro{padding-top:54px}.pageIntro h1{font-size:44px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}