:root{--bg: #0b1220;--panel: rgba(11, 18, 32, .72);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--ok: #3ddc97;--warn: #ffcc66;--danger: #ff5c7a;--accent: #6aa7ff;--accent2: #b86bff;--app-pad-x: 16px;--app-pad-y: 16px;--app-pad-y2: 32px;--safe-top: 0px;--safe-right: 0px;--safe-bottom: 0px;--safe-left: 0px}@media(max-width:520px){:root{--app-pad-x: 20px;--app-pad-y: 72px;--app-pad-y2: 144px}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1000px 600px at 30% 20%,rgba(106,167,255,.18),transparent 60%),radial-gradient(900px 500px at 70% 80%,rgba(61,220,151,.12),transparent 55%),radial-gradient(900px 500px at 80% 20%,rgba(184,107,255,.1),transparent 60%),var(--bg);color:var(--text)}input,textarea,select{font-size:16px}a{color:inherit}.container{width:100%;max-width:980px;margin:0 auto;min-height:var(--tg-vsh, 100dvh);padding-left:calc(var(--app-pad-x) + env(safe-area-inset-left,0px));padding-right:calc(var(--app-pad-x) + env(safe-area-inset-right,0px));padding-top:calc(var(--app-pad-y) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--app-pad-y) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--app-pad-x) + max(env(safe-area-inset-left,0px),var(--safe-left)));padding-right:calc(var(--app-pad-x) + max(env(safe-area-inset-right,0px),var(--safe-right)));padding-top:calc(var(--app-pad-y) + max(env(safe-area-inset-top,0px),var(--safe-top)));padding-bottom:calc(var(--app-pad-y) + max(env(safe-area-inset-bottom,0px),var(--safe-bottom)))}.homeLayout{min-height:calc(var(--tg-vsh, 100dvh) - var(--app-pad-y2));display:flex;flex-direction:column;gap:14px}.homeHeader{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(900px 280px at 20% 30%,rgba(106,167,255,.18),transparent 55%),radial-gradient(900px 280px at 90% 60%,rgba(61,220,151,.12),transparent 55%),#ffffff0d}.homeHeader:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#6aa7ff2e,#3ddc971a,#ff5c7a14);opacity:.7;filter:blur(24px);transform:translateZ(0);pointer-events:none}.homeHeaderTop,.homeHeaderHint{position:relative;z-index:1}.homeHeaderTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.homeTitle{font-size:26px;font-weight:950;letter-spacing:-.02em}.homeSubtitle{color:var(--muted);margin-top:2px}.homeMeta{color:var(--muted);font-size:13px;max-width:50ch;text-align:right}.homeHeaderHint{margin-top:10px;color:var(--muted);line-height:1.25}.homeMain{flex:1;display:flex;align-items:center;justify-content:center}.homeGrid{width:100%;max-width:860px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.modeTile{border-radius:20px;padding:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);display:flex;flex-direction:column;min-height:210px}.modeTileBadges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.modeBadge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#ffffffc7}.modeTileTitle{font-size:18px;font-weight:900;margin-bottom:8px}.modeTileDesc{color:var(--muted);line-height:1.25;margin-bottom:14px}.modeTileActions{display:flex;justify-content:flex-start;margin-top:auto}.homeHeaderTop{flex-direction:column;align-items:center;justify-content:center;text-align:center}.homeMeta,.homeHeaderHint,.modeTile{text-align:center}.modeTileBadges,.modeTileActions{justify-content:center}@media(max-width:820px){.homeTitle{font-size:22px}.homeMeta{text-align:center}.homeGrid{grid-template-columns:1fr}}@media(max-width:480px){.card{padding:12px;border-radius:14px}.split,.splitVertical{gap:10px}.panelHeader{margin-bottom:8px}.badge{padding:5px 8px}.btn{padding:10px 12px;border-radius:12px;font-weight:700;font-size:14px}.centerCard{max-width:100%;padding:12px}.centerCardTitle{font-size:15px}.centerCardSub{margin-bottom:10px}.centerCardActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-content:unset}.centerCardActions .btn{width:100%}.centerCardActions>:last-child:nth-child(odd){grid-column:1 / -1}.modeTile{min-height:0}}.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{box-shadow:0 10px 30px #00000038}.row{display:flex;gap:12px;flex-wrap:wrap}.rowCenter{justify-content:center}.stackCenter{display:flex;flex-direction:column;align-items:center;text-align:center}.textCenter{text-align:center}.segTabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;box-shadow:0 10px 24px #00000038}.segTab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:850;letter-spacing:-.01em;transition:transform .16s cubic-bezier(.22,1,.36,1),background .18s ease,color .18s ease,box-shadow .18s ease}.segTab:hover{color:var(--text);background:#ffffff0f}.segTab:active{transform:scale(.99)}.segTab.active{color:var(--text);background:linear-gradient(180deg,#6aa7ff38,#6aa7ff1f);box-shadow:0 10px 22px #6aa7ff1f}.segTab:focus-visible{outline:2px solid rgba(106,167,255,.55);outline-offset:2px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);color:var(--text);background:#ffffff0f;padding:14px 16px;border-radius:14px;cursor:pointer;font-weight:650;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.99)}.btn[disabled]{cursor:not-allowed;opacity:.45;transform:none}.btn.primary{background:#6aa7ff2e;border-color:#6aa7ff59}.btn.ok{background:#3ddc9724;border-color:#3ddc9759}.btn.danger{background:#ff5c7a24;border-color:#ff5c7a59}.btn.primary{box-shadow:0 6px 16px #6aa7ff1a}.btn.ok{box-shadow:0 6px 16px #3ddc971a}.btn.danger{box-shadow:0 6px 16px #ff5c7a1a}.pulse{animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px) scale(1.01)}}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.splitVertical,.soloSplit{display:grid;grid-template-rows:1fr 1fr;gap:12px}@media(pointer:fine),(min-width:820px){.soloSplit{grid-template-rows:none;grid-template-columns:1fr 1fr}}.soloTopRot{transform:none}@media(pointer:coarse)and (max-width:820px){.soloTopRot{transform:rotate(180deg)}}.rot180{transform:rotate(180deg)}@media(max-width:820px){.split{grid-template-columns:1fr}}.panelHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:12px}.panelHeaderRight{justify-self:end}.panelHeaderCenter{justify-self:center}.playerHeader{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.playerName{text-align:center;font-weight:900}.playerAvatarsRow{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:10px}.playerChip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.playerChip.active{border-color:#6aa7ff59;background:linear-gradient(180deg,#6aa7ff29,#ffffff0a)}.avatar{width:34px;height:34px;border-radius:999px;overflow:hidden;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#6aa7ff59,#b86bff38,#3ddc972e);display:flex;align-items:center;justify-content:center;color:#ffffffeb;font-weight:900;font-size:13px}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.playerChipText{display:flex;flex-direction:column;line-height:1.05}.playerChipName{font-weight:850;font-size:13px}.playerChipRole{font-size:12px;color:var(--muted)}.chatList{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.chatRow{display:flex;gap:10px;align-items:flex-end}.chatRow.mine{flex-direction:row-reverse}.chatMeta{font-size:12px;color:#ffffffb3;margin-bottom:4px}.chatBubble{border-radius:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:#fffffff2;white-space:pre-wrap;max-width:min(520px,80vw)}.chatBubble.mine{border-color:#6aa7ff59;background:linear-gradient(180deg,#6aa7ff38,#ffffff0f)}.chatBubble.other{border-color:#3ddc9740;background:linear-gradient(180deg,#3ddc9724,#ffffff0d)}.chatAvatar{width:30px;height:30px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;flex:0 0 auto}.chatAvatar img{width:100%;height:100%;object-fit:cover;display:block}.chatCard{width:100%;max-width:760px;margin-left:auto;margin-right:auto}.playerMetaRow{display:flex;align-items:center;justify-content:center;gap:12px}.playerPanel{display:flex;flex-direction:column;min-height:0}.playerCenterArea{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.btn.menuBtn{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:750}.badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--muted)}.badge.active{color:var(--text);border-color:#ffffff3d}.hint{color:var(--muted);line-height:1.25}.slideUp{animation:slideUp .4s ease-out both}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.centerOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding-left:calc(var(--app-pad-x) + env(safe-area-inset-left,0px));padding-right:calc(var(--app-pad-x) + env(safe-area-inset-right,0px));padding-top:calc(var(--app-pad-y) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--app-pad-y) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--app-pad-x) + max(env(safe-area-inset-left,0px),var(--safe-left)));padding-right:calc(var(--app-pad-x) + max(env(safe-area-inset-right,0px),var(--safe-right)));padding-top:calc(var(--app-pad-y) + max(env(safe-area-inset-top,0px),var(--safe-top)));padding-bottom:calc(var(--app-pad-y) + max(env(safe-area-inset-bottom,0px),var(--safe-bottom)))}.centerHint{pointer-events:none;text-align:center;padding:14px 16px;max-width:320px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0b12208c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:centerHintIn .26s cubic-bezier(.22,1,.36,1) both}.centerHintTitle{font-weight:850;font-size:16px;margin-bottom:6px}.centerHintSub{color:var(--muted)}.centerCard{text-align:center;padding:14px 16px;max-width:360px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0b12209e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:centerHintIn .26s cubic-bezier(.22,1,.36,1) both}.centerCardTitle{font-weight:900;font-size:16px;margin-bottom:6px}.centerCardSub{color:var(--muted);margin-bottom:12px;line-height:1.25}.centerCardActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:900px){.panelHeader{margin-bottom:8px}.badge{font-size:11px;padding:4px 8px}.btn.menuBtn{padding:4px 10px;border-radius:999px;font-size:12px}.centerCard{padding:12px;max-width:100%}.centerCardSub{margin-bottom:10px}.btn{padding:10px 12px;border-radius:12px;font-weight:700;font-size:14px}.centerCardActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-content:unset}.centerCardActions .btn{width:100%}.centerCardActions>:last-child:nth-child(odd){grid-column:1 / -1}.centerCardActions.compactActions{gap:6px}.centerCardActions.compactActions .btn{padding:8px 10px;border-radius:11px;font-size:13px}}@keyframes centerHintIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1220b8;display:flex;align-items:center;justify-content:center;padding-left:calc(var(--app-pad-x) + env(safe-area-inset-left,0px));padding-right:calc(var(--app-pad-x) + env(safe-area-inset-right,0px));padding-top:calc(var(--app-pad-y) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--app-pad-y) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--app-pad-x) + max(env(safe-area-inset-left,0px),var(--safe-left)));padding-right:calc(var(--app-pad-x) + max(env(safe-area-inset-right,0px),var(--safe-right)));padding-top:calc(var(--app-pad-y) + max(env(safe-area-inset-top,0px),var(--safe-top)));padding-bottom:calc(var(--app-pad-y) + max(env(safe-area-inset-bottom,0px),var(--safe-bottom)));z-index:50}.modalCard{width:min(560px,100%);max-height:min(80vh,720px);overflow:auto}.input{width:100%;padding:12px;font-size:16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);outline:none}.input::placeholder{color:var(--muted)}