:root{color:#edf3e9;background:#0e1510;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input{font:inherit}body{background:radial-gradient(circle at 80% -10%,#35442c 0,#0000 35%),radial-gradient(circle at 0 40%,#292017 0,#0000 30%),#0e1510;min-height:100dvh;margin:0}main{width:min(1040px,100%);min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom));margin:auto}header{align-items:center;gap:13px;display:flex}.logo{color:#152014;background:linear-gradient(145deg,#b4ca9c,#779468);border-radius:17px;place-items:center;width:48px;height:48px;font:700 23px serif;display:grid;box-shadow:0 10px 30px #0007}header div:nth-child(2){flex-direction:column;display:flex}header span{color:#91a38c;letter-spacing:.2em;font-size:9px}header h1{letter-spacing:.08em;margin:2px 0 0;font-size:17px}header i{color:#9baa96;align-items:center;gap:7px;margin-left:auto;font-size:11px;font-style:normal;display:flex}header i b{background:#83b46f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 11px #83b46f}.account-button{color:#e9efe5;cursor:pointer;background:#172019;border:1px solid #ffffff18;border-radius:15px;align-items:center;gap:8px;height:42px;padding:0 12px 0 6px;display:flex}.account-button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:11px;overflow:hidden}.account-avatar{color:#172017;background:#91aa7c;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%;display:none}.account-avatar.has-image img{display:block}.account-avatar.has-image>span{display:none}.hero{padding:clamp(54px,9vw,100px) 0 clamp(38px,6vw,65px)}.hero small{color:#c3a670;letter-spacing:.18em}.hero h2{letter-spacing:-.04em;margin:10px 0 16px;font-size:clamp(42px,8vw,78px);line-height:1.06}.hero p{color:#9dab98;width:min(560px,100%);margin:0;font-size:14px;line-height:1.8}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.game-card{min-width:0;color:inherit;background:linear-gradient(145deg,#1b261d,#111813);border:1px solid #ffffff14;border-radius:27px;grid-template-columns:46% 1fr;text-decoration:none;transition:transform .2s,border-color .2s;display:grid;overflow:hidden;box-shadow:0 22px 55px #0006}.game-card[type=button]{text-align:left;cursor:pointer;width:100%;padding:0}.game-card:hover{border-color:#a8c29355;transform:translateY(-4px)}.coming-soon{opacity:.76}.coming-soon .art{filter:saturate(.55)}.art{background:radial-gradient(circle,#425e43,#0000 68%);place-items:center;min-height:250px;display:grid;overflow:hidden}.gomoku .art{background:radial-gradient(circle,#6a4a2e,#0000 68%)}.doudizhu .art{background:radial-gradient(circle,#7e3b1e,#0000 68%)}.survivor .art{background:radial-gradient(circle,#235f4c,#0000 68%)}.art svg{filter:drop-shadow(0 20px 22px #0008);width:118%;transform:rotate(-4deg)}.gomoku .art svg{transform:rotate(4deg)}.survivor .art svg{transform:rotate(-2deg)scale(1.03)}.meta{flex-direction:column;justify-content:center;padding:28px 25px;display:flex}.meta span{color:#b89e6c;letter-spacing:.12em;font-size:10px}.meta h3{margin:8px 0;font-size:24px}.meta p{color:#9ca99a;margin:0 0 25px;font-size:12px;line-height:1.7}.meta strong{color:#dfe9d9;font-size:12px}.account-sheet{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#060a07b8;place-items:center;padding:18px;transition:all .2s;display:grid;position:fixed;inset:0}.account-sheet.show{opacity:1;pointer-events:auto}.account-card{background:linear-gradient(150deg,#202b22,#101612);border:1px solid #ffffff18;border-radius:26px;width:min(420px,100%);padding:26px;position:relative;box-shadow:0 30px 90px #000c}.account-card h2{margin:0 0 7px;font-size:23px}.account-card>p{color:#98a595;margin:0 0 22px;font-size:12px;line-height:1.7}.account-close{color:#d9e1d4;cursor:pointer;background:#ffffff0d;border:0;border-radius:50%;width:34px;height:34px;font-size:23px;position:absolute;top:14px;right:16px}.avatar-editor{cursor:pointer;align-items:center;gap:13px;margin-bottom:17px;display:flex}.avatar-editor .large{width:64px;height:64px;font-size:21px}.avatar-editor em{color:#c5d0c0;font-size:12px;font-style:normal}.avatar-editor input{display:none}.account-field{color:#a9b4a5;flex-direction:column;gap:7px;font-size:11px;display:flex}.account-field input{color:#edf3e9;background:#0b100d;border:1px solid #ffffff18;border-radius:13px;outline:none;height:46px;padding:0 14px}.account-field input:focus{border-color:#8dab77;box-shadow:0 0 0 3px #8dab7722}.hidden{display:none!important}.account-message{color:#d8ad80;min-height:32px;padding:8px 2px 5px;font-size:11px}.account-save{color:#152015;cursor:pointer;background:#9cb987;border:0;border-radius:14px;width:100%;height:46px;font-weight:800}.account-logout{color:#c9d3c6;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:13px;width:100%;height:41px;margin-top:9px;font-size:12px}.home-toast{z-index:30;opacity:0;pointer-events:none;color:#fff;white-space:nowrap;background:#080d0af2;border:1px solid #ffffff18;border-radius:999px;padding:11px 17px;font-size:12px;transition:all .2s;position:fixed;top:28px;left:50%;transform:translate(-50%,-16px)}.home-toast.show{opacity:1;transform:translate(-50%)}@media (width<=720px){.hero{padding-top:46px}.games{grid-template-columns:1fr}.game-card{grid-template-columns:43% 1fr}.art{min-height:190px}.meta{padding:21px 18px}.meta h3{font-size:20px}}@media (width<=390px){header i,.account-button strong{display:none}.account-button{padding:0 6px}.game-card{grid-template-columns:1fr}.art{min-height:150px}}