@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Noto+Sans+Thai:wght@400;500;600;700;800;900&family=Nunito+Sans:wght@400;600;700;800;900&display=swap";:root{--white: #fbfdff;--soft-white: rgba(243, 247, 255, .92);--muted: rgba(225, 234, 255, .76);--nav: rgba(18, 30, 76, .74);--panel: rgba(18, 31, 82, .64);--panel-strong: rgba(17, 29, 78, .76);--card: rgba(255, 255, 255, .1);--line: rgba(227, 237, 255, .3);--line-bright: rgba(238, 244, 255, .58);--cyan: #93f5ff;--blue: #98c5ff;--violet: #c6adff;--pink: #ffb5eb;--gold: #ffe6ad;--green: #98f2c5;--brand: linear-gradient(100deg, #93f5ff 0%, #9bc7ff 34%, #c7adff 67%, #ffb5eb 100%);--shadow: 0 24px 70px rgba(5, 10, 34, .28), inset 0 1px 0 rgba(255, 255, 255, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--white);background:#111b46;font-family:Noto Sans Thai,Nunito Sans,system-ui,sans-serif}button{font:inherit}.guild-site{position:relative;min-height:100vh;overflow:hidden}.image-background{position:fixed;inset:0;z-index:0;pointer-events:none;background-position:center top;background-repeat:no-repeat;background-size:cover;filter:saturate(1.08) brightness(1.03);transform:scale(1.01)}.three-bg{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.78;mix-blend-mode:screen}.three-bg canvas{display:block;width:100%;height:100%}.ambient-wash{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#1421521a,#14215214 24%,#0e183e2e 64%,#0b13307a),radial-gradient(circle at 50% 27%,rgba(255,255,255,.1),transparent 30%)}.guild-site:before{content:"";position:fixed;inset:10px;z-index:3;pointer-events:none;border:1px solid rgba(239,245,255,.36);border-radius:28px;box-shadow:0 0 0 1px #93f5ff14 inset,0 0 54px #93f5ff0f}.top-nav{position:relative;z-index:5;width:min(1480px,calc(100vw - 40px));min-height:82px;margin:18px auto 0;padding:.8rem 1.05rem;display:grid;grid-template-columns:minmax(250px,320px) 1fr auto;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:30px;background:var(--nav);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav-brand{display:flex;align-items:center;gap:.86rem}.guild-logo{display:block;object-fit:contain}.nav-logo{width:58px;height:58px;border-radius:18px;filter:drop-shadow(0 0 14px rgba(147,245,255,.2)) drop-shadow(0 0 18px rgba(255,181,235,.14))}.brand-name{color:transparent;background:var(--brand);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,Nunito Sans,sans-serif;font-size:1.86rem;font-weight:700;line-height:1;letter-spacing:.08em}.brand-server{margin-top:.12rem;color:var(--soft-white);font-size:.78rem;font-weight:900;letter-spacing:.16em}.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(.7rem,2vw,2.2rem)}.nav-links a{min-width:98px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--soft-white);font-size:.9rem;font-weight:900;transition:transform .18s ease,background .18s ease,color .18s ease}.nav-links a:hover{transform:translateY(-1px);color:#fff;background:#ffffff1a}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:.78rem}.nav-discord{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.58rem;padding:0 1.32rem;border:1px solid rgba(240,245,255,.52);border-radius:999px;color:#fff;background:linear-gradient(110deg,#6c80ffeb,#a67effeb);box-shadow:0 14px 28px #535fd738;font-size:.88rem;font-weight:900;white-space:nowrap;transition:transform .18s ease,filter .18s ease}.nav-discord:hover{transform:translateY(-1px);filter:brightness(1.06)}.lang-toggle{display:inline-flex;min-height:52px;padding:.24rem;border:1px solid var(--line);border-radius:999px;background:#ffffff14}.lang-toggle button{min-width:48px;border:0;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:.76rem;font-weight:900;transition:all .18s ease}.lang-toggle button.active{color:#fff;background:#ffffff29}.page{position:relative;z-index:4;width:min(1280px,calc(100vw - 48px));margin:0 auto;padding-bottom:1rem}.hero{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem 1rem 1rem}.hero-badge{display:inline-flex;align-items:center;min-height:38px;padding:0 1rem;border:1px solid var(--line);border-radius:999px;color:var(--soft-white);background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.82rem;font-weight:900;letter-spacing:.18em}.hero h1{margin:.7rem 0 0;color:transparent;background:var(--brand);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,Nunito Sans,sans-serif;font-size:clamp(4.8rem,8vw,7.2rem);font-weight:700;line-height:.96;letter-spacing:.08em;text-shadow:0 0 34px rgba(147,245,255,.18);-webkit-text-stroke:3px rgba(255,255,255,.92);paint-order:stroke fill}.hero-server{margin:.35rem 0 0;color:var(--gold);font-size:1.06rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-subtitle{max-width:680px;margin:.65rem auto 0;color:var(--soft-white);font-size:1rem;line-height:1.7;font-weight:700}.hero-subtitle2{max-width:680px;margin:.65rem auto 0;color:#4e4e4e;font-size:1rem;line-height:1.7;font-weight:700}.hero-actions{display:flex;justify-content:center;gap:.9rem;margin-top:1.1rem;flex-wrap:wrap}.hero-btn{min-width:240px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:.58rem;padding:0 1.25rem;border:1px solid rgba(240,245,255,.48);border-radius:18px;color:#fff;box-shadow:0 16px 34px #080c202e;font-size:.9rem;font-weight:900;transition:transform .18s ease,filter .18s ease}.hero-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.hero-btn.secondary{background:linear-gradient(110deg,#7098ffe0,#85a9ffe0)}.hero-btn.primary{background:linear-gradient(110deg,#eb91e0eb,#cc91ffeb)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.1rem}.stat-card{min-height:104px;display:flex;flex-direction:column;justify-content:center;padding:.92rem 1rem;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.stat-card span{color:var(--muted);font-size:.76rem;font-weight:900}.stat-card strong{margin-top:.12rem;line-height:1;font-size:2.15rem;font-weight:1000}.stat-card small{margin-top:.28rem;color:var(--muted);font-size:.68rem;font-weight:800}.tone-cyan strong{color:var(--cyan)}.tone-pink strong{color:var(--pink)}.tone-violet strong{color:var(--violet)}.tone-gold strong{color:var(--gold)}.rules-shell{border:1px solid var(--line-bright);border-radius:34px;padding:1.35rem;background:var(--panel-strong);box-shadow:var(--shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.rules-header{display:grid;grid-template-columns:minmax(260px,430px) 1fr;align-items:end;gap:1.25rem;padding:.25rem .2rem 1.15rem}.rules-header span{display:block;color:var(--cyan);font-size:.72rem;font-weight:1000;letter-spacing:.16em}.rules-header h2{margin:.12rem 0 0;color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;font-weight:1000}.rules-header p{margin:0;color:var(--soft-white);font-size:.98rem;line-height:1.78;font-weight:650}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.rule-card{min-height:162px;display:flex;flex-direction:column;padding:.95rem;border:1px solid rgba(240,245,255,.26);border-radius:22px;background:var(--card);transition:transform .18s ease,background .18s ease,border-color .18s ease}.rule-card:hover{transform:translateY(-2px);background:#ffffff24;border-color:#f0f5ff6b}.rule-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.rule-top b{color:var(--cyan);font-size:.92rem;font-weight:1000}.rule-top em{min-height:26px;display:inline-flex;align-items:center;padding:0 .7rem;border-radius:999px;color:var(--gold);background:#ffffff1a;font-size:.64rem;font-style:normal;font-weight:1000;letter-spacing:.04em}.rule-card h3{margin:.68rem 0 0;color:#fff;font-size:1rem;line-height:1.35;font-weight:1000}.rule-card p{margin:.45rem 0 0;color:var(--soft-white);font-size:.86rem;line-height:1.68;font-weight:650}.rules-warning{margin-top:1rem;display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:1rem;align-items:center;padding:1rem 1.05rem;border:1px solid rgba(255,230,173,.34);border-radius:22px;background:#ffffff14}.rules-warning strong{color:var(--gold);font-size:1rem;font-weight:1000}.rules-warning p{margin:0;color:var(--soft-white);font-size:.92rem;line-height:1.7;font-weight:700}.join-strip{margin-top:1rem;min-height:126px;display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.join-strip h2{margin:0;color:#fff;font-size:1.55rem;line-height:1.2;font-weight:1000}.join-strip p{max-width:780px;margin:.38rem 0 0;color:var(--soft-white);font-size:.96rem;line-height:1.7;font-weight:650}.join-btn{min-width:220px;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:.58rem;padding:0 1.35rem;border:1px solid rgba(240,245,255,.48);border-radius:18px;color:#fff;background:linear-gradient(110deg,#eb91e0eb,#cc91ffeb);box-shadow:0 16px 34px #080c202e;font-size:.92rem;font-weight:900;transition:transform .18s ease,filter .18s ease}.join-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.footer{position:relative;z-index:4;width:min(1280px,calc(100vw - 48px));margin:1rem auto 18px;min-height:64px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:0 1.15rem;border:1px solid var(--line);border-radius:24px;color:var(--muted);background:#121e4c8a;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:.82rem;font-weight:800}.footer strong{color:var(--gold);font-weight:1000}@media(max-width:1180px){.top-nav{grid-template-columns:1fr;justify-items:center}.nav-actions{flex-wrap:wrap;justify-content:center}.rules-grid{grid-template-columns:repeat(2,1fr)}.join-strip{grid-template-columns:1fr}.join-btn{width:fit-content}}@media(max-width:860px){.page,.footer,.top-nav{width:calc(100vw - 24px)}.nav-links{flex-wrap:wrap}.hero{min-height:auto;padding-top:2rem;padding-bottom:1.2rem}.hero-actions,.hero-btn{width:100%}.hero-btn{min-width:0}.stats-strip{grid-template-columns:repeat(2,1fr)}.rules-header,.rules-warning{grid-template-columns:1fr}.footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding-top:.85rem;padding-bottom:.85rem}}@media(max-width:620px){.guild-site:before{inset:6px;border-radius:20px}.top-nav{margin-top:10px;padding:.8rem}.nav-brand{justify-content:center}.brand-name{font-size:1.55rem}.hero-badge{font-size:.7rem;letter-spacing:.12em}.hero h1{font-size:clamp(3.6rem,18vw,4.8rem)}.hero-server,.hero-subtitle{font-size:.92rem}.stats-strip,.rules-grid{grid-template-columns:1fr}.rules-shell{padding:1rem;border-radius:26px}.rule-card{min-height:auto}.join-strip h2{font-size:1.3rem}.join-btn{width:100%}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;--roogpt-bg-deep: #12183f;--roogpt-bg-mid: #25326f;--roogpt-bg-soft: #6b7fe8;--roogpt-surface: rgba(25, 31, 77, .68);--roogpt-surface-strong: rgba(19, 24, 63, .84);--roogpt-surface-soft: rgba(255, 255, 255, .1);--roogpt-border: rgba(198, 220, 255, .42);--roogpt-border-strong: rgba(216, 190, 255, .72);--roogpt-text: #f7f9ff;--roogpt-text-soft: rgba(241, 245, 255, .82);--roogpt-text-muted: rgba(230, 236, 255, .62);--roogpt-cyan: #78ecff;--roogpt-blue: #6bb6ff;--roogpt-violet: #a978ff;--roogpt-pink: #ff8fe4;--roogpt-gold: #ffeab2;--roogpt-glow-cyan: 0 0 18px rgba(120, 236, 255, .48);--roogpt-glow-violet: 0 0 22px rgba(169, 120, 255, .48);--roogpt-glow-pink: 0 0 20px rgba(255, 143, 228, .42);--roogpt-radius-lg: 28px;--roogpt-radius-md: 20px;--roogpt-radius-sm: 14px;--roogpt-shadow-lg: 0 28px 80px rgba(4, 8, 32, .48), 0 0 0 1px rgba(208, 226, 255, .1) inset;--roogpt-gradient-brand: linear-gradient(100deg, #7beeff 0%, #73b8ff 33%, #b489ff 68%, #ff93e2 100%);--roogpt-gradient-panel: linear-gradient( 145deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .08) 22%, rgba(133, 160, 255, .1) 58%, rgba(255, 143, 228, .12) 100% )}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--roogpt-bg-deep)}body{min-width:320px;min-height:100vh;margin:0;color:var(--roogpt-text);background:radial-gradient(circle at 20% 15%,rgba(120,236,255,.22),transparent 28%),radial-gradient(circle at 82% 18%,rgba(255,143,228,.18),transparent 30%),radial-gradient(circle at 50% 72%,rgba(169,120,255,.22),transparent 36%),linear-gradient(180deg,#314998,#23336f 32%,#17204f 68%,#10163b);overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{opacity:.9;background:radial-gradient(circle at 10% 18%,rgba(255,255,255,.86) 0 1px,transparent 1.5px),radial-gradient(circle at 24% 30%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 40% 12%,rgba(255,255,255,.76) 0 1.2px,transparent 1.7px),radial-gradient(circle at 63% 18%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 38%,rgba(255,255,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 12%,rgba(255,255,255,.78) 0 1.2px,transparent 1.8px),radial-gradient(circle at 90% 65%,rgba(255,255,255,.58) 0 1px,transparent 1.6px);background-size:100% 100%}body:after{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.14),transparent 32%),radial-gradient(circle at 50% 45%,rgba(121,232,255,.1),transparent 42%);filter:blur(12px)}#root{position:relative;z-index:1;min-height:100vh}.roogpt-theme-shell{position:relative;min-height:100vh;isolation:isolate}.roogpt-theme-shell:before{content:"";position:fixed;inset:18px;z-index:-1;pointer-events:none;border:1px solid rgba(220,231,255,.26);border-radius:30px;box-shadow:0 0 0 1px #aacdff29 inset,0 0 45px #78ecff1a,0 0 80px #ff8fe414}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}::selection{color:#fff;background:#a978ff80}.roogpt-glass-panel{background:var(--roogpt-gradient-panel),var(--roogpt-surface);border:1px solid var(--roogpt-border);border-radius:var(--roogpt-radius-lg);box-shadow:var(--roogpt-shadow-lg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.roogpt-soft-panel{background:#ffffff14;border:1px solid rgba(225,235,255,.18);border-radius:var(--roogpt-radius-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.roogpt-brand-text{background:var(--roogpt-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(120,236,255,.22),0 0 24px rgba(255,143,228,.14)}.roogpt-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.56rem 1rem;color:var(--roogpt-text);border:1px solid rgba(211,226,255,.34);border-radius:999px;background:linear-gradient(90deg,#71baff2e,#a978ff38,#ff8fe42e);box-shadow:0 0 20px #78ecff24,0 0 20px #ff8fe41a}.roogpt-button{border:1px solid rgba(224,234,255,.46);border-radius:999px;color:#fff;background:var(--roogpt-gradient-brand);box-shadow:0 14px 34px #5d80ff47,0 0 20px #78ecff38;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.roogpt-button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 18px 40px #5d80ff57,0 0 26px #ff8fe433}.roogpt-button:active{transform:translateY(0)}.roogpt-input{color:var(--roogpt-text);background:#0b123685;border:1px solid rgba(219,231,255,.24);border-radius:var(--roogpt-radius-sm);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.roogpt-input::placeholder{color:var(--roogpt-text-muted)}.roogpt-input:focus{border-color:#78ecffc2;background:#0b1236a8;box-shadow:0 0 0 3px #78ecff1f,0 0 18px #a978ff29}@media(max-width:768px){.roogpt-theme-shell:before{inset:10px;border-radius:22px}}