html,body{height:100%;background-repeat:no-repeat;background-color:#0f0f0f;background-position:left;background-size:auto 100%;margin:0;color:#e6e6e6}div.head{position:absolute;top:50px;left:0;right:0;margin-left:auto;margin-right:auto;width:100px;font-size:30pt;font-weight:700}.games-page{padding:40px 32px}.games-page__title{font-size:24pt;font-weight:700;margin-bottom:32px}.games-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1100px){.games-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.games-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.games-list{grid-template-columns:1fr}}.game-card{display:block;text-decoration:none;color:#e6e6e6;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:8px;overflow:hidden;transition:border-color .2s,transform .2s}.game-card:hover{border-color:#555;transform:translateY(-3px)}.game-card__image{width:100%;aspect-ratio:16 / 9;background-color:#222}.game-card__name{padding:12px 16px;font-size:15px;font-weight:600}.flux-theme{background-color:#080c14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='90'%3E%3Cpath d='M 26,0 L 52,15 L 52,45 L 26,60 L 0,45 L 0,15 Z M 26,60 L 26,90' stroke='white' stroke-opacity='0.055' fill='none' stroke-width='1'/%3E%3C/svg%3E");background-size:52px 90px;color:#d4dae3;font-family:Chakra Petch,Instrument Sans,monospace;min-height:100vh}.flux-btn{display:inline-block;padding:10px 24px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;font-family:Chakra Petch,monospace;letter-spacing:.06em;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.flux-btn--primary{background:linear-gradient(135deg,#1565c0,#4facfe);color:#fff;box-shadow:0 4px 16px #4facfe40}.flux-btn--primary:hover{box-shadow:0 4px 28px #4facfe73;transform:translateY(-1px);color:#fff}.flux-btn--primary:active{transform:translateY(0)}.flux-btn--secondary{background:#ffffff0d;color:#d4dae3;border:1px solid rgba(255,255,255,.12)}.flux-btn--secondary:hover{background:#ffffff17;border-color:#ffffff38;color:#fff}.flux-btn--ghost{background:transparent;color:#d4dae38c;border:1px solid rgba(255,255,255,.1)}.flux-btn--ghost:hover{border-color:#4facfe66;color:#4facfe}.flux-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#d4dae3;padding:10px 14px;font-size:14px;font-family:Chakra Petch,monospace;transition:border-color .2s,box-shadow .2s;width:200px}.flux-input:focus{outline:none;border-color:#4facfe8c;box-shadow:0 0 0 3px #4facfe1f}.flux-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#d4dae3;padding:10px 14px;font-size:14px;font-family:Chakra Petch,monospace;width:100%;transition:border-color .2s}.flux-select:focus{outline:none;border-color:#4facfe8c}.flux-label{display:block;font-size:11px;color:#d4dae366;margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em}.flux-form{width:280px}.flux-form__field{margin-bottom:22px}.flux-form__actions{display:flex;gap:12px}.flux-form__actions .flux-btn{flex:1;text-align:center}.flux-back{display:inline-flex;align-items:center;gap:6px;color:#d4dae366;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px;transition:color .2s}.flux-back:hover{color:#4facfe}.flux-alert--error{background:#ff47571a;border:1px solid rgba(255,71,87,.28);border-radius:6px;color:#ff6b7a;padding:12px 16px;font-size:13px;margin-bottom:20px}.flux-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 32px;max-width:100%;text-align:center}.flux-page__title{font-size:22px;font-weight:700;margin-bottom:32px;letter-spacing:.1em;text-transform:uppercase;color:#d4dae3}.flux-menu-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px;text-align:center}.flux-menu-page__title{font-size:72px;font-weight:700;margin-bottom:56px;margin-left:24px;letter-spacing:.4em;text-transform:uppercase;color:#fff;text-shadow:0 0 20px rgba(79,172,254,.7),0 0 60px rgba(79,172,254,.35),0 0 120px rgba(79,172,254,.15)}.flux-menu-btns{display:flex;flex-direction:column;gap:14px}.flux-menu-btns__btn{width:100%;box-sizing:border-box;text-align:center;padding:13px 24px;font-size:13px}.flux-dialog-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#080c14e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center;z-index:200}.flux-dialog-backdrop--open{display:flex}.flux-dialog{background:#0f1624;border:1px solid rgba(79,172,254,.2);border-radius:10px;padding:32px 36px;width:340px;position:relative;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 0 1px #4facfe0d,0 0 40px #4facfe0f,0 24px 64px #0009}.flux-dialog form{display:flex;flex-direction:column;gap:16px}.flux-dialog__close{position:absolute;top:14px;right:16px;background:none;border:none;color:#d4dae347;font-size:16px;cursor:pointer;line-height:1;padding:3px 7px;border-radius:4px;transition:color .2s}.flux-dialog__close:hover{color:#d4dae3}.flux-dialog__title{font-size:16px;font-weight:600;margin:0;color:#d4dae3;letter-spacing:.08em;text-transform:uppercase}.flux-dialog__input{width:100%;box-sizing:border-box;font-size:24px;letter-spacing:.35em;text-transform:uppercase;text-align:center;padding:14px;color:#4facfe}.flux-dialog__input::placeholder{text-transform:none;letter-spacing:normal;font-size:14px;color:#d4dae347}.flux-dialog__submit{width:100%;padding:11px}.flux-lobby{display:flex;flex-direction:column;gap:24px;width:280px}.flux-lobby__code{display:flex;flex-direction:column;gap:6px}.flux-lobby__code-label{font-size:10px;color:#d4dae359;text-transform:uppercase;letter-spacing:.18em}.flux-lobby__code-value{font-size:44px;font-weight:700;letter-spacing:.35em;color:#4facfe;text-shadow:0 0 16px rgba(79,172,254,.5),0 0 40px rgba(79,172,254,.2)}.flux-lobby__params{display:flex;gap:24px;font-size:11px;color:#d4dae359;text-transform:uppercase;letter-spacing:.1em}.flux-lobby__players{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.flux-lobby__player{padding:11px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:6px;font-size:13px;color:#d4dae359;letter-spacing:.04em;transition:border-color .2s}.flux-lobby__player--joined{color:#d4dae3;border-color:#4facfe33}.flux-lobby__waiting{color:#d4dae340;font-style:italic}.flux-lobby__waiting-text{font-size:12px;color:#d4dae34d}.flux-game{display:flex;flex-direction:column;height:100vh;overflow:hidden}.flux-game__header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#0f1624eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.flux-game__room-code{font-weight:700;letter-spacing:.22em;color:#4facfea6;font-size:12px;text-transform:uppercase}.flux-game__status{font-size:13px;color:#d4dae3;flex:1;letter-spacing:.04em}.flux-score-toggle{background:none;border:1px solid rgba(255,255,255,.09);border-radius:4px;color:#d4dae359;cursor:pointer;font-size:10px;font-weight:700;font-family:Chakra Petch,monospace;letter-spacing:.06em;padding:3px 8px;line-height:1.4;transition:color .15s,border-color .15s,background .15s}.flux-score-toggle:hover{color:#4facfe;border-color:#4facfe59}.flux-score-toggle--active{color:#4facfe;border-color:#4facfe73;background:#4facfe14;box-shadow:0 0 8px #4facfe1a}.flux-refresh-btn{background:none;border:1px solid rgba(255,255,255,.09);border-radius:4px;color:#d4dae359;cursor:pointer;font-size:15px;padding:2px 8px;line-height:1;transition:color .15s,border-color .15s}.flux-refresh-btn:hover{color:#4facfe;border-color:#4facfe66}.flux-game__body{display:flex;flex:1;overflow:hidden}.flux-game__body--finished{align-items:stretch}.flux-game__sidebar{width:220px;flex-shrink:0;padding:16px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.05)}.flux-game__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px}.flux-board{width:100%;max-width:420px;height:auto}.flux-game__controls{display:flex;flex-direction:column;align-items:center;gap:10px}.flux-controls__row{display:flex;gap:8px}.flux-action-btn{padding:8px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#d4dae373;cursor:pointer;font-size:12px;font-family:Chakra Petch,monospace;letter-spacing:.08em;text-transform:uppercase;transition:all .2s}.flux-action-btn--active{background:#4facfe1a;border-color:#4facfe66;color:#4facfe;box-shadow:0 0 12px #4facfe1a}.flux-action-btn:hover{border-color:#fff3;color:#d4dae3}.flux-move-btn{min-width:120px;letter-spacing:.08em}.flux-move-btn:disabled{opacity:.22;cursor:not-allowed;transform:none!important;box-shadow:none!important}.flux-game__hint{font-size:11px;color:#d4dae347;letter-spacing:.08em;text-transform:uppercase}.flux-player{padding:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:6px;margin-bottom:8px;font-size:12px;transition:border-color .25s,background .25s,box-shadow .25s}.flux-player--active{border-color:#4facfe73;background:#4facfe12;box-shadow:0 0 18px #4facfe14,inset 0 0 20px #4facfe0a}.flux-player--me .flux-player__name:after{content:" (вы)";color:#d4dae347;font-weight:400}.flux-player__name{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px;color:#d4dae3;letter-spacing:.04em;font-size:13px}.flux-player__color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.flux-player__score{font-size:22px;font-weight:700;color:#4facfe;margin:4px 0;text-shadow:0 0 12px rgba(79,172,254,.35)}.flux-player__turns{font-size:10px;color:#d4dae34d;text-transform:uppercase;letter-spacing:.08em}.flux-player__target{display:flex;align-items:center;gap:8px;margin-bottom:4px}.flux-ai-tag{font-size:10px;color:#d4dae34d;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:1px 5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.flux-target-shape,.flux-target-color{display:inline-block;width:16px;height:16px;vertical-align:middle}.flux-target-shape--circle{border-radius:50%;background:#d4dae3}.flux-target-shape--square{border-radius:2px;background:#d4dae3}.flux-target-shape--triangle{width:0;height:0;background:transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid #d4dae3}.flux-target-color--red{background:#c0392b;border-radius:50%}.flux-target-color--green{background:#27ae60;border-radius:50%}.flux-target-color--blue{background:#2980b9;border-radius:50%}.flux-legend{margin-top:20px;padding:12px 14px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:6px}.flux-legend__title{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#d4dae347;margin-bottom:10px}.flux-legend__row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.flux-legend__row:last-child{margin-bottom:0}.flux-legend__label{font-size:10px;color:#d4dae359;width:44px;flex-shrink:0;text-transform:uppercase;letter-spacing:.08em}.flux-legend__cycle{display:flex;align-items:center;gap:4px}.flux-legend__dot{display:inline-block;width:13px;height:13px;border-radius:50%;flex-shrink:0}.flux-legend__shape{width:13px;height:13px;flex-shrink:0}.flux-legend__arrow{font-size:10px;color:#d4dae333;line-height:1}.flux-results-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;padding:24px 20px;border-left:1px solid rgba(255,255,255,.06);overflow-y:auto;background:#0f162480}.flux-results-panel__title{font-size:14px;font-weight:700;color:#d4dae3;margin:0;letter-spacing:.12em;text-transform:uppercase}.flux-results-panel__btn{align-self:flex-start;margin-top:8px}.flux-results{width:100%;border-collapse:collapse;font-size:13px}.flux-results th{text-align:left;padding:6px 10px;color:#d4dae34d;font-weight:400;border-bottom:1px solid rgba(255,255,255,.07);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.flux-results__row td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);color:#d4dae3}.flux-results__row--first td{color:#4facfe}.flux-results__place{font-size:18px;width:36px}.flux-results__score{font-weight:700;font-size:16px}.flux-results__ai-tag{font-size:10px;color:#d4dae34d;margin-left:6px;text-transform:uppercase;letter-spacing:.06em}.flux-page .flux-results-page-wrap{margin-top:8px}