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;background-repeat:repeat;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%;box-sizing:border-box;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 .flux-input{width:100%;box-sizing:border-box}.flux-form__field{margin-bottom:22px}.flux-join__room-info{display:flex;align-items:center;justify-content:space-between}.flux-join__code{font-size:18px;font-weight:700;letter-spacing:.2em;color:#4facfe}.flux-form__actions{display:flex;gap:12px}.flux-form__actions .flux-btn{flex:1;text-align:center}.flux-difficulty{display:flex;gap:8px}.flux-difficulty__option{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:border-color .2s,background .2s}.flux-difficulty__option input{display:none}.flux-difficulty__option:has(input:checked){border-color:#4facfe73;background:#4facfe12}.flux-difficulty__label{font-size:13px;font-weight:600;letter-spacing:.06em;color:#d4dae3}.flux-difficulty__hint{font-size:10px;letter-spacing:.05em;color:#d4dae359;text-transform:none}.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-game__timer{font-size:13px;font-weight:700;font-family:Chakra Petch,monospace;letter-spacing:.08em;color:#d4dae359;min-width:36px;text-align:right}.flux-game__timer--warn{color:#f0a500}.flux-game__timer--danger{color:#e05050}.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-action-btn--collect.flux-action-btn--active{background:#4ffeac1a;border-color:#4ffeac66;color:#4ffeac;box-shadow:0 0 12px #4ffeac1a}.flux-player__pending{font-size:11px;color:#4ffeac;opacity:.85}.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-menu-btns__rules-link{display:block;margin-top:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d4dae34d;text-decoration:none;transition:color .2s}.flux-menu-btns__rules-link:hover{color:#d4dae3b3}.flux-rules-page{display:flex;justify-content:center;padding:60px 32px;min-height:100vh}.flux-rules{width:460px;max-width:100%;display:flex;flex-direction:column;gap:36px}.flux-rules__title{font-size:22px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d4dae3;margin:0}.flux-rules__section{display:flex;flex-direction:column;gap:12px}.flux-rules__heading{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#4facfebf;margin:0}.flux-rules__text{font-size:14px;line-height:1.65;color:#d4dae3b3;margin:0}.flux-rules__text--hint{font-size:12px;color:#d4dae359}.flux-rules__list{margin:0;padding-left:20px;font-size:14px;line-height:1.9;color:#d4dae3b3}.flux-rules__cycles{display:flex;flex-direction:column;gap:10px}.flux-rules__cycle-row{display:flex;align-items:center;gap:14px}.flux-rules__cycle-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d4dae34d;width:52px;flex-shrink:0}.flux-rules__cycle-chain{display:flex;align-items:center;gap:8px}.flux-rules__dot{display:inline-block;width:14px;height:14px;border-radius:50%}.flux-rules__shape-icon{width:20px;height:20px;flex-shrink:0}.flux-rules__arrow{font-size:12px;color:#d4dae340}.flux-rules__score-table{display:flex;flex-direction:column;gap:8px}.flux-rules__score-row{display:flex;align-items:center;gap:14px}.flux-rules__score-pts{font-size:15px;font-weight:700;color:#d4dae380;width:28px;flex-shrink:0;font-family:Chakra Petch,monospace}.flux-rules__score-pts--bonus{color:#4facfe}.flux-rules__score-desc{font-size:13px;color:#d4dae399}.flux-rules__back{align-self:flex-start}.flux-page .flux-results-page-wrap{margin-top:8px}@media (max-width: 640px){.flux-game{height:100dvh}.flux-game__header{padding:8px 12px;gap:8px}.flux-game__status{font-size:12px}.flux-game__body{flex-direction:column}.flux-game__sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:8px 10px;overflow-x:auto;overflow-y:visible;flex-shrink:0}.flux-legend{display:none}.flux-players{display:flex;flex-direction:row;gap:8px;min-width:min-content}.flux-player{flex-shrink:0;margin-bottom:0;padding:8px 10px;min-width:100px}.flux-player__score{font-size:18px;margin:2px 0}.flux-player__turns{display:none}.flux-player__target{margin-bottom:2px}.flux-game__center{flex:1;min-height:0;padding:8px;gap:8px;justify-content:flex-start}.flux-board{max-width:100%;width:100%;flex-shrink:1}.flux-game__controls{gap:8px;width:100%}.flux-controls__row{width:100%;gap:8px}.flux-action-btn{flex:1;padding:10px 8px;font-size:11px}.flux-action-btn--collect{width:100%}.flux-game__hint{font-size:10px}.flux-page{justify-content:flex-start;padding:40px 20px}.flux-form,.flux-lobby{width:100%;max-width:360px}.flux-game__body--finished{flex-direction:row}.flux-results-panel{width:100%}}