@font-face{font-family:FiraSans-Medium;font-style:normal;font-weight:400;src:url(/static/media/FiraSans-Medium.53bacf9d8b8b2b534960.woff2) format("woff2"),url(/static/media/FiraSans-Medium.63122c24a4c67f91d149.woff) format("woff")}@font-face{font-family:arial;font-style:normal;font-weight:400;src:url(/static/media/arial.5afb1f7c7464ace62524.ttf) format("ttf")}:root{--text-color:#000;--ui-color-1:#000;--ui-color-2:#fa6321;--option-color:#fb9905;--option-text-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:none;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:FiraSans-Medium;height:100%;margin:0;padding:0;position:relative;width:100%}.back-default{cursor:pointer}body.common-bg{background:url(/static/media/background-web.9c42fd07cbdc7398519a.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%}@media (max-width:768px){body.common-bg{background:url(/static/media/background-mob.dee69c224c1409dda7f4.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%}}.login-logo{margin-top:110px;width:31%}.begin-play{background:#000;border-radius:17px;color:#fff;cursor:pointer;font-size:16px;font-weight:bolder;margin:0 auto;padding:8px 15px;text-decoration:none;width:max-content}.begin-play-img{margin:0 auto;width:190px}a{text-decoration:none}.login-main-container{align-items:center;flex-direction:column;gap:30px;height:100%}.loader,.login-main-container{display:flex;justify-content:center}.loader{align-items:flex-end;border-bottom:2px solid #ddd;gap:5px;height:60px;padding-bottom:5px}.bar{animation:bounce .6s ease-in-out infinite;background-color:#4285f4;border-radius:5px 5px 0 0;height:30px;width:10px}.bar:nth-child(2){animation-delay:.2s;background-color:#34a853}.bar:nth-child(3){animation-delay:.4s;background-color:#fbbc05}.begin-play-btn{background-color:#6b91e8;border-radius:6px;color:#fff;display:inline-block;font-size:18px;font-weight:700;padding:12px 25px;text-align:center;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.begin-play-btn:hover{background-color:#000;transform:scale(1.05)}.begin-play-btn:active{transform:scale(.98)}@media (min-width:100px) and (max-width:720px){.login-logo{margin-top:100px;width:100%}.begin-play-img{margin:30px auto 0;width:157px}.begin-play-btn{font-size:15px}}.header-admin{align-items:center;background:#fff;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;display:flex;height:65px;justify-content:space-between;padding:0 20px}.brand-logo-and-game-holder{align-items:center;display:flex;font-size:18px;font-weight:400;gap:20px}.header-admin .brand-logo{width:180px}.brand-logo-holder{border-right:2px solid #000;padding-right:10px}.user{background:#f6f6f6;border:.5px solid #00000026;border-radius:50%;height:30px;padding:3px;width:30px}.user img{width:100%}.back-button-holder{left:0;margin:0 auto;position:absolute;right:0;top:65px;width:94%}.back-button{background:#0000;border:none!important;color:#000;cursor:pointer;font-size:16px;margin:10px auto;padding:5px 10px;position:absolute;top:8px}.code{border-radius:.25rem;color:#f74b5c;font-size:13px;margin-top:5px;padding:.2rem .4rem;text-align:left}.admin-background{background:#f4f5fa;background-position:100% 100%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.theme-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;left:50%;max-height:90vh;max-width:355px;overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.theme-modal h2{color:#d83307;font-size:22px;margin-top:0}.form-group,.theme-modal h2{margin-bottom:1.5rem}.form-group label{color:#444;display:block;font-weight:500;font-weight:bolder;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text]{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:#666;outline:none}.image-upload-group{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1.5rem}.image-upload-group h3{color:#444;font-size:1.1rem;margin-bottom:.5rem}.format-note{color:#666;color:red;font-size:.85rem}.format-note,.upload-section{margin-bottom:1rem}.upload-section label{color:#444;display:block;font-weight:500;margin-bottom:.5rem}.upload-box{border:2px dashed #ccc;border-radius:6px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s}.upload-box:hover{background-color:#f9f9f9;border-color:#999}.upload-box span{color:#666;font-size:.95rem}.toggle-group{margin-bottom:1.5rem}.toggle-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.toggle-item label{color:#444;font-weight:500;font-weight:bolder}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn,.save-btn{font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.cancel-btn{background-color:#f5f5f5;border:1px solid #ddd}.cancel-btn:hover{background-color:#e9e9e9}.save-btn{border:none}.save-btn,.save-btn:hover{background-color:#d83307}.file-upload-wrapper{align-items:center;background:#e3e3e3;color:#708090;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:13px;gap:5px;justify-content:space-between;padding:11px 13px;position:relative;text-align:center}.file-icon-contaianer{border:1px solid #d83307;border-radius:5px;color:#d83307;padding:2px 5px}.per-question-container{align-items:center;display:flex;justify-content:space-between}.per-question-container input{width:100px!important}.image-upload-group h3,.per-question-container label,b{font-weight:bolder}.file-upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.preview-wrapper{display:inline-block;position:relative}.thumb-preview{border-radius:4px;height:64px;object-fit:cover}.file-upload-container{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr)}.theme-modal .form-group{margin-bottom:5px}@media (max-width:480px){.theme-modal{padding:1.5rem;width:95%}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.te-container{display:flex;gap:20px;margin:75px auto 0;width:70%}.te-left{background:#fff;display:flex;flex:5 5}.te-image-wrapper{flex:4 10;padding:16px}.te-main-image{border-radius:10px;height:320px;width:220px}.te-info{display:flex;flex:6 10;flex-direction:column;justify-content:space-between;padding:16px}.te-name{font-size:24px;font-weight:100;margin:0}.te-desc{flex:1 1;margin:8px 0}.te-icons{display:flex;gap:12px;justify-content:right}.te-icon{background:#515151ab;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:6px;transition:all 1s}.te-right{background:#fff;display:flex;flex:5 5;flex-direction:column;min-height:500px;padding:16px}.te-select-header{align-items:center;display:flex;justify-content:space-between}.te-select-title{font-size:25px;font-weight:100;margin:0}.te-create-btn{background:#0000;border:1px solid #d83307;color:#d83307;cursor:pointer;font-size:18px;font-weight:bolder;padding:5px 10px}.te-create-btn i{font-size:1rem}.te-create-btn:hover{border:2px solid #d83307}.te-themes-list{grid-gap:15px;align-content:start;display:grid;gap:15px;grid-auto-rows:max-content;grid-template-columns:repeat(3,1fr);height:100%;margin-top:16px;overflow-x:hidden;overflow-y:auto;padding:5px 16px}.te-theme-item{border:.5px solid #cdcdcd;border-radius:10px;height:230px;overflow:hidden;position:relative;transition:all 1s;width:100%;width:156px}.te-theme-image{height:100%;width:100%}.te-theme-item .te-icons{align-items:center;border-radius:4px;bottom:8px;box-shadow:0 2px 6px #00000026;display:flex;justify-content:center;left:0;padding:5px 0;position:absolute;width:100%}.te-selected-icon{background:#fff;border-radius:50%;color:green;padding:4px;position:absolute;right:4px;top:4px}.te-theme-item:hover{box-shadow:5px 5px 5px #79797996}.te-icon:hover{transform:rotate(30deg)}.load-theme-container{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;text-align:center}.load-theme-spinner{animation:load-theme-spin 1s linear infinite;border:5px solid #ccc;border-radius:50%;border-top-color:#4caf50;height:50px;margin-bottom:10px;width:50px}.character-limit{color:red;font-size:.85rem;margin-top:5px}@keyframes load-theme-spin{to{transform:rotate(1turn)}}.load-theme-error{color:#d9534f;font-size:16px;font-weight:700}.ut-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.ut-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;left:50%;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.ut-title{color:#333;font-size:1.5rem;margin-top:0;text-align:center}.ut-theme-name{color:#555;font-weight:700;margin-bottom:1rem;text-align:center}.ut-image-upload-group{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1.5rem}.ut-file-upload-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.ut-file-upload-wrapper{align-items:center;background:#f3f3f3;border-radius:6px;color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:5px;padding:10px;position:relative;text-align:center}.ut-label{color:#444;font-weight:700;margin-bottom:5px}.ut-file-icon-container{border:1px solid #d83307;border-radius:4px;color:#d83307;cursor:pointer;display:inline-block;padding:8px}.ut-preview-wrapper{position:relative}.ut-thumb-preview{border-radius:4px;height:64px;object-fit:cover}.ut-file-upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.ut-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1rem}.ut-cancel-btn,.ut-update-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background-color .2s}.ut-cancel-btn{background:#f5f5f5;color:#333}.ut-cancel-btn:hover{background:#e0e0e0}.ut-update-btn{background:#d83307;color:#fff}.ut-update-btn:hover{background:#b12a05}@media (max-width:480px){.ut-modal{padding:1rem;width:95%}.ut-modal-actions{flex-direction:column}.ut-cancel-btn,.ut-update-btn{width:100%}}.rule-page{border-collapse:initial;border-spacing:50px 0;display:table;padding-top:100px;table-layout:fixed;width:100%}.custom-rules-container,.custom-toogle-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:table-cell;padding:20px;vertical-align:top;width:35%}.custom-rules-title{color:#333;font-size:16px;font-weight:400;margin-top:25px}.rules-list{margin-bottom:20px}.rule-item{align-items:center;display:flex;margin-bottom:10px}.rule-input,.rule-number{margin-right:10px}.rule-input{background:#f3f3f5;border:none;border-radius:4px;color:#646464;font-size:14px;padding:8px;width:90%}.remove-button{background:none;border:none;color:#f44;cursor:pointer;padding:5px}.remove-button:disabled{color:#ccc;cursor:not-allowed}.add-rule-container{display:flex;margin-top:20px}.new-rule-input{border:1px solid #ccc;border-radius:4px;flex:1 1;margin-right:10px;padding:8px}.add-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.add-btn{background:#0000;border:1px solid #000;color:#000;cursor:pointer;padding:5px 10px}.add-button:disabled{background-color:#ccc;cursor:not-allowed}.rule-row{align-items:center;display:flex;margin:10px 0}.rules-button-container{padding-top:15px;width:100%}.remove-btn{border:1px solid #000;color:#000;cursor:pointer;padding:3px 7px}.custom-toogle-container .toggle-group{margin-top:15px}.next-button-container,.save-button-container{text-align:center}.next-button-container button{background:#0000;border:1px solid #d83307;color:#d83307;cursor:pointer;font-size:19px;font-weight:bolder;margin:10px auto;padding:5px 10px}.custom-toogle-container .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.custom-toogle-container .form-group label{color:#333;font-weight:600;margin-bottom:.5rem}.custom-toogle-container .form-group input[type=color],.custom-toogle-container .form-group input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px;transition:border-color .2s;width:100%}.custom-toogle-container .form-group input[type=color]:focus,.custom-toogle-container .form-group input[type=text]:focus{border-color:#888;outline:none}.custom-toogle-container>.custom-rules-title{margin-bottom:1rem}.rule-page{align-items:flex-start}.save-button-container button{margin-top:20px}.input-color{height:50px;width:100px!important}.open-color-settings{background:#0000;border:1px solid #d83307;color:#d83307;cursor:pointer;font-size:19px;font-weight:bolder;padding:5px 10px}.rules-page-new{margin:0 auto;max-width:1400px;padding-top:20px;width:95%}.admin-tabs-holder{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;width:95%}.admin-tab-container{background:#fff;display:flex;flex-basis:calc(25% - 14px);flex-direction:column;flex-grow:1;flex-shrink:1;padding:20px}.form-group-v1{margin-top:15px}.form-group-v1 label{color:#444;display:block;font-size:15px;font-weight:500;margin-bottom:.5rem}.form-group-v1 input[type=number],.form-group-v1 input[type=text]{background:#f3f3f5;border:none;border-radius:6px;color:#646464;font-size:15px;padding:8px;transition:border-color .2s;width:100%}.form-group-v1 input[type=number]:focus,.form-group-v1 input[type=text]:focus{border-color:#666;outline:none}.rules-action-holder{display:flex;flex-basis:100%;justify-content:center;text-align:right;width:100%}.save-and-continue{background:#000;border-radius:5px;color:#fff;cursor:pointer;margin:20px 0;padding:7px 10px}.stats-download-section{border-top:1px solid #eee;margin-top:24px;padding-top:20px}.stats-download-title{color:#333;font-size:16px;font-weight:400;margin:0 0 12px}.stats-download-holder{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.stats-download-btn{background:#222;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.stats-download-btn:disabled{cursor:not-allowed;opacity:.6}.pallet-holder .per-question-container{margin-top:16px}.pallet-holder .toggle-group{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}.pallet-holder .toggle-item{align-items:center;display:flex;gap:10px}.pallet-holder .toggle-item label{color:#444;font-size:14px}.rules-page-layout .back-button-holder{left:auto;margin:0;position:static;right:auto;width:auto}.rules-page-layout .back-button{margin:12px 0 0 20px;position:static}.quiz-pallet-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;font-family:sans-serif;left:50%;max-height:85vh;overflow-y:auto;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.quiz-pallet-modal h2{color:#333;font-size:1.25rem;margin:0 0 1rem}.modal-backdrop{background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.pallet-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.color-holder{align-items:center;display:flex;gap:10px}.pallet-holder{margin-top:15px}.pallet-input{align-items:center;background:#f9f9f9;border-radius:6px;display:flex;gap:8px;justify-content:space-between;padding:.5rem .75rem;width:100%}.pallet-input label{color:#555;font-size:14px;margin:0;white-space:nowrap}.pallet-swatch{border:.5px solid #c4c4c4;height:25px;padding:0;width:25px}.actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.5rem 1.25rem}.cancel-btn{background:#e0e0e0;color:#333}.save-btn{background:#ff5722;color:#fff}@media (max-width:480px){.pallet-input{flex:1 1 100%}.actions{flex-direction:column;gap:.5rem}}.LoginPage_container{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center}.LoginPage_form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;width:320px}.LoginPage_title{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.LoginPage_field{margin-bottom:1rem}.LoginPage_label{color:#333;display:block;font-size:.9rem;margin-bottom:.5rem}.LoginPage_input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.5rem;width:100%}.LoginPage_button{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.LoginPage_error{color:#e74c3c;font-size:.9rem;margin-bottom:1rem;text-align:center}body.lobby-static-bg,html.lobby-static-bg{min-height:100%;min-height:100dvh}body.lobby-static-bg{background:linear-gradient(110deg,#c8e4f5,#d4e8f2 28%,#e8d4e0 58%,#f5d4c8);background-attachment:fixed;margin:0}.lobby-page{--lobby-glass:#ffffff7a;--lobby-glass-border:#ffffffa6;align-items:center;box-sizing:border-box;color:var(--lobby-navy);display:flex;flex-direction:column;overflow-x:hidden;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) clamp(2rem,5vw,3rem);position:relative;width:100%}.lobby-page--loading{gap:.8rem;justify-content:center;min-height:70vh}.lobby-initial-loader{animation:lobby-spin .9s linear infinite;border:4px solid #2a4a7a33;border-radius:50%;border-top-color:#2a4a7a;height:46px;width:46px}.lobby-loading-text{font-weight:700;letter-spacing:.02em;margin:0}@keyframes lobby-spin{to{transform:rotate(1turn)}}.lobby-back{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--lobby-glass);border:1px solid var(--lobby-glass-border);border-radius:999px;box-shadow:0 4px 20px #1a2b4b1a;color:var(--lobby-navy);cursor:pointer;font-size:.8rem;font-weight:700;left:clamp(1rem,3vw,1.5rem);letter-spacing:.12em;padding:.5rem 1.15rem;position:absolute;text-transform:uppercase;top:clamp(1rem,3vw,1.5rem);transition:background .2s,box-shadow .2s,transform .15s;z-index:2}.lobby-back:hover{background:#ffffffa6;box-shadow:0 6px 24px #1a2b4b1f}.lobby-back:active{transform:scale(.98)}.lobby-title{font-size:clamp(2rem,6vw,3.25rem);font-weight:800;letter-spacing:.06em;margin:0 0 clamp(1.75rem,5vw,2.75rem);padding-top:clamp(.5rem,2vw,1rem);text-align:center;text-transform:uppercase}.lobby-cards,.lobby-title{position:relative;z-index:1}.lobby-cards{align-items:stretch;display:flex;flex-wrap:wrap;gap:clamp(1.25rem,3vw,2rem);justify-content:center;max-width:920px;width:100%}.lobby-glassCard{background-color:initial;background-image:url(/static/media/glass.6cc5105d967e435afbbc.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #00000059,inset 0 1px 0 #ffffff1f;box-sizing:border-box;flex:1 1 280px;max-width:400px;min-width:min(100%,280px);padding:clamp(3.35rem,3.5vw,1.75rem) clamp(1.25rem,3vw,1.6rem)}.lobby-cardTitle{color:#fff;font-size:1.65rem;font-weight:800;letter-spacing:.1em;margin:0 0 1.25rem;text-align:center;text-transform:uppercase}.lobby-cardBody{display:flex;flex-direction:column;gap:1rem}.lobby-cardBody--join{justify-content:center;min-height:4.5rem}.lobby-field{display:flex;flex-direction:column;gap:.4rem}.lobby-field--flush{gap:.45rem}.lobby-fieldLabel{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.lobby-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='none' d='M2.5 4.5 6 8l3.5-3.5' stroke='%231a2b4b' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #2a5aa059;border-radius:12px;box-sizing:border-box;color:var(--lobby-navy);cursor:pointer;font-size:.95rem;font-weight:600;outline:none;padding:.65rem 2rem .65rem .85rem;transition:border-color .2s,box-shadow .2s;width:100%}.lobby-select:focus{border-color:var(--lobby-blue-btn);box-shadow:0 0 0 3px #2a4a7a26}.lobby-createBtn{background:var(--lobby-blue-btn);border:none;border-radius:999px;box-shadow:0 4px 16px #2a4a7a59;color:#fff;cursor:pointer;font-size:.82rem;font-weight:800;letter-spacing:.14em;padding:.72rem 1.25rem;text-transform:uppercase;transform:translateY(0) scale(1);transition:transform .22s cubic-bezier(.34,1.45,.64,1),box-shadow .22s ease;width:100%}.lobby-createBtn:hover:not(:disabled){box-shadow:0 8px 24px #2a4a7a73;transform:translateY(-3px) scale(1.02)}.lobby-createBtn:active:not(:disabled){box-shadow:0 4px 14px #2a4a7a4d;transform:translateY(0) scale(.97);transition-duration:.1s}.lobby-createBtn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.lobby-createBtn:disabled:hover{box-shadow:none}.lobby-pinInput{background:#fff;border:1.5px solid #2a5ab473;border-radius:12px;box-sizing:border-box;color:var(--lobby-navy);font-size:1rem;font-weight:500;outline:none;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.lobby-pinInput::placeholder{color:#1a2b4b61}.lobby-pinInput:focus{border-color:var(--lobby-blue-btn);box-shadow:0 0 0 3px #2a4a7a1f}.lobby-errorText{color:#b45309;font-size:.8rem;font-weight:500;margin:0}.lobby-nextBtn{border:none;border-radius:999px;box-shadow:0 6px 28px #1a2b4b1f,0 2px 8px #1a2b4b0f;cursor:pointer;font-size:1.05rem;font-weight:800;letter-spacing:.04em;margin-top:clamp(2rem,5vw,3rem);min-width:min(92vw,200px);padding:.85rem 2.5rem;position:relative;transform:translateY(0) scale(1);transition:transform .22s cubic-bezier(.34,1.45,.64,1),box-shadow .22s ease,opacity .2s ease;z-index:1}.lobby-nextBtn:hover:not(:disabled){box-shadow:0 10px 32px #1a2b4b33,0 4px 12px #1a2b4b1a;transform:translateY(-3px) scale(1.02)}.lobby-nextBtn:active:not(:disabled){box-shadow:0 4px 16px #1a2b4b1f;transform:translateY(0) scale(.97);transition-duration:.1s}.lobby-nextBtn:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (prefers-reduced-motion:reduce){.lobby-createBtn,.lobby-nextBtn{transition:box-shadow .2s ease,opacity .2s ease}.lobby-createBtn:active:not(:disabled),.lobby-createBtn:hover:not(:disabled),.lobby-nextBtn:active:not(:disabled),.lobby-nextBtn:hover:not(:disabled){transform:none}}@media (max-width:640px){.lobby-title{margin-bottom:1.5rem}.lobby-glassCard{max-width:none}}@media (max-width:768px) and (orientation:portrait){.user-rules-fieldset{padding-left:clamp(1.5rem,5vw,2rem);padding-right:clamp(1.5rem,5vw,2rem)}.user-rules-list li{font-size:12px;font-weight:400;margin-bottom:0}.user-rules-list{padding:25px}}body.host-static-bg,html.host-static-bg{min-height:100%;min-height:100dvh}body.host-static-bg{background:linear-gradient(128deg,#c9e8ff,#e5f3fb 42%,#ffeadd 72%,#ffd8c4);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;margin:0}.host-blob{border-radius:48px;filter:blur(72px);opacity:.38;position:absolute;transform:translateZ(0)}.host-blob--1{background:#a0c8ffd9;height:min(380px,55vw);left:-8%;top:-6%;width:min(380px,55vw)}.host-blob--2{background:#ffd7c3bf;height:min(320px,48vw);right:-10%;top:18%;width:min(320px,48vw)}.host-blob--3{background:#c8dcffb3;bottom:8%;height:min(280px,42vw);left:5%;width:min(280px,42vw)}.host-blob--4{background:#ffc8aaa6;bottom:-12%;height:min(340px,50vw);right:18%;width:min(340px,50vw)}.host-back-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #ffffffb3;border-radius:12px;box-shadow:0 4px 20px #0000000f;color:#3a3a3a;cursor:pointer;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:700;left:1.25rem;letter-spacing:.12em;padding:.45rem 1.1rem;position:fixed;top:1.25rem;z-index:10}.host-back-btn:hover{background:#ffffff9e}.host-landing{align-items:center;box-sizing:border-box;color:#111;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;gap:1.75rem;padding:4rem 1.25rem 2rem;position:relative;width:100%;z-index:1}.host-join-wrap,.host-landing{display:flex;justify-content:center}.host-join-wrap{align-items:stretch;flex-wrap:wrap;gap:1.35rem;width:min(880px,100%)}.host-glass-card{align-items:center;background-color:initial;background-image:url(/static/media/glass.6cc5105d967e435afbbc.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #ffffff2e;border-radius:28px;box-shadow:0 8px 32px #00000059,inset 0 1px 0 #ffffff1f;box-sizing:border-box;display:flex;flex:1 1 300px;flex-direction:column;max-width:420px;padding:1.75rem 1.5rem 2rem}.host-glass-card--scan{justify-content:flex-start;min-height:clamp(320px,42vw,380px)}.host-glass-card--scan .host-qr-card{align-self:center;flex:1 1;margin:0 auto}.host-glass-card--pin{justify-content:flex-start;min-height:clamp(320px,42vw,380px)}.host-glass-card--pin .host-pin{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0}.host-card-title{color:#fff;font-size:clamp(.82rem,1.6vw,.98rem);font-weight:800;letter-spacing:.1em;line-height:1.2;margin:0 0 1.25rem;text-align:center;text-transform:uppercase}.host-qr-card{align-items:center;aspect-ratio:1/1;background:#fff;border-radius:14px;box-shadow:0 8px 24px #00000014;display:flex;justify-content:center;margin:auto 0;padding:.65rem;width:min(240px,72%)}.host-qr-image{height:100%;object-fit:contain;width:100%}.host-pin{color:#fff;font-size:clamp(3rem,10vw,4.75rem);font-weight:800;letter-spacing:.04em;line-height:1;margin:auto 0;text-align:center}.host-share-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:center;width:min(92vw,520px)}.host-secondary-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #ffffffbf;border-radius:999px;box-shadow:0 4px 18px #3c506414;color:#222;cursor:pointer;font-family:inherit;font-size:clamp(.88rem,2vw,1rem);font-weight:600;min-width:148px;padding:.6rem 1.35rem;transform:translateY(0) scale(1);transition:transform .22s cubic-bezier(.34,1.45,.64,1),box-shadow .22s ease}.host-secondary-btn:hover:not(:disabled){box-shadow:0 10px 28px #3c50642e;transform:translateY(-3px) scale(1.02)}.host-secondary-btn:active:not(:disabled){box-shadow:0 4px 14px #3c50641f;transform:translateY(0) scale(.97);transition-duration:.1s}.host-start-btn{background:#fffffffa;border:1px solid #ffffffe6;border-radius:999px;box-shadow:0 10px 32px #283c5a1f;color:#111;cursor:pointer;font-family:inherit;font-size:clamp(1.05rem,2.8vw,1.35rem);font-weight:800;letter-spacing:.03em;min-width:min(200px,88vw);padding:.85rem 2.5rem;transform:translateY(0) scale(1);transition:transform .22s cubic-bezier(.34,1.45,.64,1),box-shadow .22s ease}.host-start-btn:hover:not(:disabled){box-shadow:0 14px 36px #283c5a38;transform:translateY(-3px) scale(1.02)}.host-start-btn:active:not(:disabled){box-shadow:0 6px 20px #283c5a24;transform:translateY(0) scale(.97);transition-duration:.1s}@media (prefers-reduced-motion:reduce){.host-secondary-btn,.host-start-btn{transition:box-shadow .2s ease}.host-secondary-btn:active:not(:disabled),.host-secondary-btn:hover:not(:disabled),.host-start-btn:active:not(:disabled),.host-start-btn:hover:not(:disabled){transform:none}}@media (max-width:768px){.host-landing{gap:1.35rem;padding-top:1.5rem}.host-glass-card{flex:1 1 210px}.host-join-wrap{align-items:center;flex-direction:column;gap:1rem}.host-glass-card{max-width:none;min-height:auto;padding:1.5rem 1.25rem 1.65rem;width:min(440px,70%)}.host-glass-card--pin,.host-glass-card--scan{min-height:0;min-height:auto}.host-qr-card{margin:.25rem 0 0;width:min(160px,78%)}.host-pin{margin-top:.5rem}.host-share-row{flex-wrap:nowrap;width:min(94vw,440px)}.host-secondary-btn{flex:1 1;min-width:0}.host-back-btn{left:.85rem;top:.85rem}}#root,.app-shell{min-height:100dvh}.app-shell{display:flex;flex-direction:column;width:100%}.app-page-shell{display:block;flex:1 1 auto;position:relative;width:100%}.upperaction{align-items:center;display:flex;flex-shrink:0;padding:8px 10px;position:relative;z-index:999}.logo-holder{background-color:#fff;margin-top:2px;max-height:75px;max-width:150px}.logo-button{background:#0000;border:none;cursor:pointer;margin:0;padding:0}.back-holder{border-left:3px solid #000;margin-left:10px}.back-default{background:#e9695e;border:none;border-radius:5px;color:#fff;font-size:18px;font-weight:700;margin-left:10px;margin-right:15px;margin-top:0;padding:3px 10px;text-transform:uppercase}.quiz-loader{animation:spin 1s linear infinite;border:5px solid #e3e3e3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.quiz-loader-container{height:100vh}.quiz-loader-container,.waiting-page{align-items:center;display:flex;justify-content:center;width:100%}.waiting-page{box-sizing:border-box;color:#fff;flex:1 1;flex-direction:column;gap:clamp(1.5rem,4vh,2.5rem);overflow:hidden;padding:clamp(1rem,4vh,2rem) clamp(1rem,4vw,2rem);position:relative;text-align:center;z-index:1}.waiting-error,.waiting-play-btn,.waiting-status-line,.waiting-vs-row{position:relative;z-index:2}.waiting-status-line{color:#fff;font-size:clamp(2.2rem,2.2vw,1.1rem);font-weight:600;letter-spacing:.06em;margin:0}.waiting-error{color:#ffb4b4;font-size:clamp(.9rem,2.2vw,1rem);margin:0;max-width:28rem}.waiting-vs-row{grid-gap:clamp(1rem,4vw,2rem);align-items:center;display:grid;gap:clamp(1rem,4vw,2rem);grid-template-columns:1fr auto 1fr;margin-inline:auto;width:min(720px,100%)}.waiting-player{align-items:center;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);min-width:0}.waiting-player.me .waiting-card-glass{box-shadow:0 0 0 2px #ec489959,0 8px 32px #0006,inset 0 1px 0 #ffffff24}.waiting-card-glass{align-items:center;aspect-ratio:1;background-color:initial;background-image:url(/static/media/glass.6cc5105d967e435afbbc.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff24;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.1rem,3vw,1.5rem);position:relative;width:min(220px,40vw)}.waiting-avatar{color:#fff;display:grid;flex:1 1;min-height:0;place-items:center;width:100%}.waiting-person-icon-wrap{aspect-ratio:64/72;display:block;flex-shrink:0;width:clamp(52px,52%,88px)}.waiting-person-icon{display:block;filter:drop-shadow(0 0 14px rgba(255,255,255,.35));height:100%;overflow:visible;width:100%}.waiting-player.empty .waiting-avatar,.waiting-player.empty .waiting-person-icon-wrap{opacity:.35}.waiting-placeholder{color:#ffffff73;font-size:clamp(1.5rem,5vw,2rem);letter-spacing:.2em}.waiting-player-name{color:#fff;font-size:clamp(1.15rem,3.2vw,1.6rem);font-weight:700;letter-spacing:.02em;line-height:1.2;margin:0;max-width:min(220px,40vw);text-shadow:0 0 20px #ffffff26;word-break:break-word}.waiting-player.empty .waiting-player-name{opacity:.5}.waiting-vs{align-items:center;align-self:center;display:flex;grid-column:2;grid-row:1;height:clamp(72px,14vw,96px);justify-content:center;justify-self:center;position:relative;width:clamp(72px,14vw,96px)}.waiting-vs-text{color:#fff;font-size:clamp(2rem,5.5vw,2.75rem);font-style:normal;font-weight:800;line-height:1;position:relative;text-shadow:0 0 16px #fffffff2,0 0 36px #ffffffa6,0 0 48px #ec48998c;text-transform:lowercase;z-index:3}.waiting-vs-glow{animation:waiting-vs-pulse 2.4s ease-in-out infinite;background:radial-gradient(circle,#ffffffbf 0,#ffc8e673 22%,#ec48994d 45%,#0000 68%);border-radius:50%;filter:blur(6px);inset:-45%;z-index:1}.waiting-vs-glow,.waiting-vs-sparks{pointer-events:none;position:absolute}.waiting-vs-sparks{animation:waiting-vs-sparkle 3s ease-in-out infinite;background:radial-gradient(circle at 18% 35%,#fff 0 1.5px,#0000 2px),radial-gradient(circle at 78% 28%,#ffffffe6 0 1px,#0000 1.5px),radial-gradient(circle at 62% 72%,#ffdcffd9 0 1.5px,#0000 2px),radial-gradient(circle at 28% 68%,#ffffffbf 0 1px,#0000 1.5px),radial-gradient(circle at 88% 55%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 8% 52%,#fffc 0 1px,#0000 1.5px);inset:-20%;z-index:2}@keyframes waiting-vs-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes waiting-vs-sparkle{0%,to{opacity:.7;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.05) rotate(8deg)}}.waiting-play-btn{border:0;border-radius:999px;box-shadow:0 8px 24px #00000059;cursor:pointer;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:800;letter-spacing:.04em;margin-top:clamp(.25rem,1vh,.75rem);min-height:44px;padding:0 1.25rem;text-transform:uppercase;transform:translateY(0) scale(1);transition:transform .22s cubic-bezier(.34,1.45,.64,1),box-shadow .22s ease,opacity .2s ease;width:min(220px,calc(100vw - 48px))}.waiting-play-btn:hover:not(:disabled){box-shadow:0 12px 28px #0006;transform:translateY(-2px) scale(1.02)}.waiting-play-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.waiting-play-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:520px){.waiting-vs-row{gap:.65rem}.waiting-card-glass{padding:.85rem;width:min(150px,42vw)}.waiting-person-icon-wrap{width:clamp(44px,50%,72px)}.waiting-vs{height:56px;width:56px}.waiting-status-line{font-size:clamp(1.7rem,2.2vw,1.1rem)}.waiting-vs-text{font-size:1.75rem}}@media (max-height:520px) and (orientation:landscape){.waiting-page{gap:.75rem;padding-block:.75rem}.waiting-card-glass{width:min(120px,28vw)}.waiting-person-icon-wrap{width:clamp(36px,48%,56px)}}@media (prefers-reduced-motion:reduce){.waiting-vs-glow,.waiting-vs-sparks{animation:none}.waiting-play-btn{transition:opacity .2s ease}.waiting-play-btn:active:not(:disabled),.waiting-play-btn:hover:not(:disabled){transform:none}}.scoreboard-page{box-sizing:border-box;color:#fff;min-height:calc(100dvh - 88px);overflow:hidden;position:relative;width:100%}.scoreboard-grid{background-image:linear-gradient(#a855f773 1px,#0000 0),linear-gradient(90deg,#a855f773 1px,#0000 0);background-size:42px 42px;height:36vh;left:-20%;opacity:.88;pointer-events:none;position:absolute;right:-20%;z-index:1}.scoreboard-grid--top{mask-image:linear-gradient(180deg,#000 20%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 20%,#0000);top:0;transform:perspective(280px) rotateX(54deg) translateY(-5%)}.scoreboard-grid--bottom{bottom:0;mask-image:linear-gradient(0deg,#000 20%,#0000);-webkit-mask-image:linear-gradient(0deg,#000 20%,#0000);transform:perspective(280px) rotateX(-54deg) translateY(5%)}.scoreboard-home{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:700;gap:.35rem;letter-spacing:.06em;padding:.45rem .85rem;position:absolute;right:max(12px,env(safe-area-inset-right));text-transform:uppercase;top:max(12px,env(safe-area-inset-top));z-index:5}.scoreboard-home:focus-visible,.scoreboard-home:hover{background:#ffffff29;outline:none}.scoreboard-home__icon{font-size:1.1rem;line-height:1}.scoreboard-content{box-sizing:border-box;flex-direction:column;min-height:calc(100dvh - 88px);padding:3.5rem 1rem 2rem;position:relative;z-index:2}.scoreboard-content,.scoreboard-header{align-items:center;display:flex;justify-content:center}.scoreboard-header{gap:.75rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.scoreboard-trophy{filter:drop-shadow(0 2px 6px rgba(255,200,80,.5));font-size:clamp(1.75rem,4vw,2.25rem);line-height:1}.scoreboard-title{font-size:clamp(1.5rem,4.5vw,2.25rem);font-weight:800;letter-spacing:.14em;margin:0;text-shadow:0 4px 12px #00000073;text-transform:uppercase}.scoreboard-players{align-items:flex-start;display:flex;gap:clamp(1.25rem,5vw,3rem);justify-content:center;width:min(720px,100%)}.scoreboard-player{align-items:center;display:flex;flex-direction:column;width:min(200px,42vw)}.scoreboard-avatar-box{aspect-ratio:1;background-color:initial;background-image:url(/static/media/glass.6cc5105d967e435afbbc.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;box-shadow:0 10px 28px #00000059;overflow:hidden;position:relative;width:min(180px,38vw)}.scoreboard-avatar-icon{color:#ffffff8c;display:grid;inset:0;place-items:center;position:absolute;z-index:1}.scoreboard-avatar-icon svg{width:70%}.scoreboard-name{font-size:clamp(.85rem,2.5vw,1rem);font-weight:600;letter-spacing:.02em;line-height:1.25;margin-top:.5rem;max-width:min(200px,42vw);overflow:hidden;padding:0 .25rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.scoreboard-score-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff4d;border-radius:4px;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;letter-spacing:.04em;margin-top:.35rem;min-width:min(50px,36vw);padding:.5rem 1rem;text-align:center;text-shadow:0 2px 8px #00000059}.scoreboard-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.scoreboard-replay{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:grid;height:44px;padding:0;place-items:center;width:44px}.scoreboard-replay:focus-visible,.scoreboard-replay:hover{background:#ffffff1a;outline:none}.scoreboard-replay svg{height:28px;width:28px}.scoreboard-play-again{border:none;border-radius:6px;box-shadow:0 8px 24px #00000059;cursor:pointer;font-family:inherit;font-size:clamp(1rem,3vw,1.15rem);font-weight:800;letter-spacing:.12em;margin-top:50px;min-width:min(180px,80vw);padding:.85rem 2rem;text-transform:uppercase;transition:filter .2s ease,background-color .2s ease,color .2s ease}.scoreboard-play-again:focus-visible:not(:disabled),.scoreboard-play-again:hover:not(:disabled){filter:brightness(1.08);outline:none}.scoreboard-play-again:disabled{cursor:wait;opacity:.85}.scoreboard-play-again__count{font-weight:700;letter-spacing:.05em}.scoreboard-empty{font-size:1.1rem;font-weight:700;padding:2rem;position:relative;text-align:center;z-index:2}@media (max-width:480px){.scoreboard-players{gap:1rem}.scoreboard-player{width:min(160px,44vw)}}.category-page{color:#fff;display:block;overflow:hidden;width:100%}.category-page,.category-page__content{box-sizing:border-box;position:relative}.category-page__content{align-items:center;display:flex;justify-content:center;min-height:calc(100dvh - 88px);padding:2rem 1rem 3rem;z-index:2}.category-grid{height:36vh;left:-20%;opacity:.88;pointer-events:none;position:absolute;right:-20%;z-index:1}.category-grid--top{mask-image:linear-gradient(180deg,#000 20%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 20%,#0000);top:0;transform:perspective(280px) rotateX(54deg) translateY(-5%)}.category-grid--bottom{bottom:0;mask-image:linear-gradient(0deg,#000 20%,#0000);-webkit-mask-image:linear-gradient(0deg,#000 20%,#0000);transform:perspective(280px) rotateX(-54deg) translateY(5%)}.category-cards{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(1rem,3vw,2.5rem);justify-content:center;list-style:none;max-width:920px;width:100%}.category-cards,.category-cards__item{margin:0;padding:0}.category-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.85rem;padding:0;transition:transform .2s ease;width:clamp(150px,28vw,250px)}.category-card:focus-visible,.category-card:hover{outline:none;transform:translateY(-4px)}.category-card__glass{align-items:center;aspect-ratio:1;background-color:initial;background-image:url(/static/media/glass.6cc5105d967e435afbbc.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;box-shadow:0 10px 28px #00000059;box-sizing:border-box;display:flex;justify-content:center;padding:clamp(.65rem,2.5vw,.9rem);width:100%}.category-card__img{display:block;height:auto;max-height:78%;object-fit:contain;pointer-events:none;position:relative;width:78%;z-index:1}.category-card__label{font-size:clamp(.9rem,2.2vw,1.8rem);font-weight:700;letter-spacing:.1em;text-align:center;text-shadow:0 0 12px #ffffff40;text-transform:uppercase}.category-new-game-link{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#5ce1ff26,#c77dff26);border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.02em;margin-top:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.category-new-game-link:hover{background:linear-gradient(135deg,#5ce1ff40,#c77dff40);border-color:#fff6;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.category-page__content{flex-direction:column}.swal2-container.category-subscribe-swal-container.swal2-backdrop-show,.swal2-container.category-subscribe-swal-container.swal2-shown{background:#060b18e0!important}.swal2-popup.category-subscribe-swal{background-color:initial!important;background-image:url(/static/media/glass.6cc5105d967e435afbbc.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #00000073,inset 0 1px 0 #ffffff1f;color:#fff;padding:2rem 1.5rem 1.5rem}.category-subscribe-swal__title{color:#fff!important;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 8px #000000a6;text-transform:uppercase}.category-subscribe-swal__text{color:#fff!important;text-shadow:0 1px 6px #0009}.category-subscribe-swal__icon.swal2-icon{border-color:#f5c542;color:#f5c542}.category-subscribe-swal__icon.swal2-icon .swal2-icon-content{color:#f5c542}.category-subscribe-swal__actions{gap:.75rem}.category-subscribe-swal__btn{border-radius:999px!important;font-weight:700;letter-spacing:.04em;padding:.55rem 1.25rem!important}.category-subscribe-swal__btn.swal2-confirm{background:linear-gradient(135deg,#5ce1ff,#c77dff)!important;border:none!important;color:#0a0f1e!important}.category-subscribe-swal__btn--cancel.swal2-cancel{background:#ffffff1f!important;border:1px solid #ffffff59!important;color:#fff!important}@media (max-width:520px){.category-cards{align-items:center;flex-direction:column}.category-card{width:min(200px,78vw)}.category-grid{height:26vh}}:root{--stt-bg-primary:#0a0a1a;--stt-bg-secondary:#12122a;--stt-glass-bg:#ffffff14;--stt-glass-border:#ffffff26;--stt-x-color:#5ce1ff;--stt-x-glow:#5ce1ff99;--stt-o-color:#c77dff;--stt-o-glow:#c77dff99;--stt-text-primary:#fff;--stt-text-secondary:#ffffffb3;--stt-text-muted:#ffffff80;--stt-accent:#ff6b9d;--stt-success:#4ade80;--stt-warning:#fbbf24;--stt-error:#f87171;--stt-valid-highlight:#4ade804d;--stt-invalid-highlight:#f871714d}.stt-container{color:#fff;color:var(--stt-text-primary);display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;position:relative;width:100%}.stt-container:before{background:radial-gradient(circle at 20% 20%,#5ce1ff1a 0,#0000 40%),radial-gradient(circle at 80% 80%,#c77dff1a 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stt-board{grid-gap:8px;aspect-ratio:1;background:url(/static/media/glass.6cc5105d967e435afbbc.png) 50%/cover no-repeat;border:1px solid #ffffff26;border:1px solid var(--stt-glass-border);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0 auto;padding:16px;position:relative;width:min(90vw,320px)}.stt-board--disabled{opacity:.9;pointer-events:none}.stt-cell{align-items:center;aspect-ratio:1;background:#0000004d;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease}.stt-cell:hover:not(.stt-cell--occupied):not(.stt-cell--disabled){background:#ffffff1a;border-color:#fff3}.stt-cell--valid-target{animation:pulseGlow 1.5s ease-in-out infinite;background:#4ade804d;background:var(--stt-valid-highlight);border-color:#4ade80;border-color:var(--stt-success)}.stt-cell--selected{border-color:#5ce1ff;border-color:var(--stt-x-color);box-shadow:0 0 15px #5ce1ff99;box-shadow:0 0 15px var(--stt-x-glow)}.stt-cell--selected.stt-cell--o{border-color:#c77dff;border-color:var(--stt-o-color);box-shadow:0 0 15px #c77dff99;box-shadow:0 0 15px var(--stt-o-glow)}.stt-cell--invalid{animation:shake .4s ease-in-out}.stt-cell--disabled{cursor:not-allowed;opacity:.6}.stt-cell--winning{animation:winPulse .8s ease-in-out infinite}.stt-piece{align-items:center;animation:piecePopIn .3s cubic-bezier(.175,.885,.32,1.275);display:flex;height:82%;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:82%}.stt-piece__img{display:block;height:100%;object-fit:contain;pointer-events:none;width:100%}.stt-piece--x .stt-piece__img{filter:drop-shadow(0 0 8px rgba(92,225,255,.5))}.stt-piece--o .stt-piece__img{filter:drop-shadow(0 0 8px rgba(255,94,184,.5))}.stt-piece--shifting{animation:pieceShift .3s ease-out}.stt-piece--selectable{cursor:pointer;transition:transform .2s ease}.stt-piece--selectable:hover{transform:scale(1.1)}.stt-winning-line{left:0;pointer-events:none;position:absolute;top:0;z-index:10}.stt-winning-line,.stt-winning-line__svg{height:100%;width:100%}.stt-winning-line__line{stroke:#ff6b9d;stroke:var(--stt-accent);stroke-width:4;stroke-linecap:round;animation:drawLine .5s ease-out forwards,lineGlow 1.5s ease-in-out .5s infinite;filter:drop-shadow(0 0 10px #ff6b9d);filter:drop-shadow(0 0 10px var(--stt-accent))}.stt-indicators{flex-direction:column;padding:16px}.stt-indicators,.stt-turn-indicator{align-items:center;display:flex;gap:12px}.stt-turn-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--stt-glass-bg);border:1px solid #ffffff26;border:1px solid var(--stt-glass-border);border-radius:50px;font-size:1.1rem;font-weight:600;padding:12px 24px}.stt-turn-indicator__piece{font-size:1.5rem}.stt-turn-indicator--x .stt-turn-indicator__piece{color:#5ce1ff;color:var(--stt-x-color);text-shadow:0 0 10px #5ce1ff99;text-shadow:0 0 10px var(--stt-x-glow)}.stt-turn-indicator--o .stt-turn-indicator__piece{color:#c77dff;color:var(--stt-o-color);text-shadow:0 0 10px #c77dff99;text-shadow:0 0 10px var(--stt-o-glow)}.stt-turn-indicator--thinking{animation:pulse 1s ease-in-out infinite}.stt-phase-indicator{align-items:center;background:#ffffff0d;border-radius:20px;color:#ffffffb3;color:var(--stt-text-secondary);display:flex;font-size:.85rem;gap:8px;padding:8px 16px}.stt-phase-indicator__dot{animation:pulse 1.5s ease-in-out infinite;background:#ff6b9d;background:var(--stt-accent);border-radius:50%;height:8px;width:8px}.stt-pieces-remaining{background:#ffffff14;background:var(--stt-glass-bg);border-radius:12px;display:flex;font-size:.9rem;gap:24px;padding:12px 20px}.stt-pieces-remaining__player{align-items:center;display:flex;gap:8px}.stt-pieces-remaining__count{font-weight:700}.stt-pieces-remaining__count--x{color:#5ce1ff;color:var(--stt-x-color)}.stt-pieces-remaining__count--o{color:#c77dff;color:var(--stt-o-color)}.stt-controls{flex-wrap:wrap;gap:16px;padding:20px}.stt-btn,.stt-controls{display:flex;justify-content:center}.stt-btn{align-items:center;background:#ffffff14;background:var(--stt-glass-bg);background:linear-gradient(135deg,#5ce1ff,#c77dff);background:linear-gradient(135deg,var(--stt-x-color),var(--stt-o-color));border:none;border-radius:12px;color:#fff;color:var(--stt-text-primary);color:#000;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;margin:0 auto;padding:12px 24px;transition:all .2s ease;width:190px}.stt-btn:hover{background:#ffffff26;transform:translateY(-2px)}.stt-btn:active{transform:translateY(0)}.stt-btn--primary{background:linear-gradient(135deg,#5ce1ff,#c77dff);background:linear-gradient(135deg,var(--stt-x-color),var(--stt-o-color));border:none;color:#000}.stt-btn--primary:hover{background:linear-gradient(135deg,#c77dff,#5ce1ff);background:linear-gradient(135deg,var(--stt-o-color),var(--stt-x-color))}.stt-btn--icon{border-radius:50%;height:48px;padding:0;width:48px}.stt-btn--danger{background:#f8717133;border-color:#f87171;border-color:var(--stt-error);color:#f87171;color:var(--stt-error)}.stt-turn-transition{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.stt-turn-transition__content{padding:40px;text-align:center}.stt-turn-transition__title{color:#ffffffb3;color:var(--stt-text-secondary);font-size:1.5rem;margin-bottom:16px}.stt-turn-transition__player{font-size:4rem;font-weight:700;margin-bottom:24px}.stt-turn-transition__player--x{color:#5ce1ff;color:var(--stt-x-color);text-shadow:0 0 30px #5ce1ff99;text-shadow:0 0 30px var(--stt-x-glow)}.stt-turn-transition__player--o{color:#c77dff;color:var(--stt-o-color);text-shadow:0 0 30px #c77dff99;text-shadow:0 0 30px var(--stt-o-glow)}.stt-turn-transition__instruction{color:#ffffff80;color:var(--stt-text-muted);font-size:1.1rem;margin-bottom:32px}.stt-home{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:32px;justify-content:center;padding:24px;position:relative;z-index:1}.stt-home__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5ce1ff,#c77dff);background:linear-gradient(135deg,var(--stt-x-color),var(--stt-o-color));-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,8vw,3rem);font-weight:800;margin-bottom:8px;text-align:center}.stt-home__subtitle{color:#ffffffb3;color:var(--stt-text-secondary);font-size:1rem;max-width:300px;text-align:center}.stt-mode-cards{display:flex;flex-direction:column;gap:16px;max-width:320px;width:100%}.stt-mode-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--stt-glass-bg);border:1px solid #ffffff26;border:1px solid var(--stt-glass-border);border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stt-mode-card:hover{background:#ffffff1f;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.stt-mode-card__icon{align-items:center;background:linear-gradient(135deg,#5ce1ff,#c77dff);background:linear-gradient(135deg,var(--stt-x-color),var(--stt-o-color));border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stt-mode-card__content{flex:1 1}.stt-mode-card__title{font-size:1.1rem;font-weight:600;margin-bottom:4px}.stt-mode-card__desc{color:#ffffffb3;color:var(--stt-text-secondary);font-size:.85rem}.stt-mode-card__arrow{color:#ffffff80;color:var(--stt-text-muted);font-size:1.5rem}.stt-settings{display:flex;gap:12px;justify-content:center;margin-top:16px}.stt-settings__btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffb3;color:var(--stt-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:all .2s ease}.stt-settings__btn:hover{background:#ffffff1a;color:#fff;color:var(--stt-text-primary)}.stt-settings__btn--active{background:#5ce1ff33;border-color:#5ce1ff;border-color:var(--stt-x-color);color:#5ce1ff;color:var(--stt-x-color)}.stt-difficulty{background:#ffffff14;background:var(--stt-glass-bg);border:1px solid #ffffff26;border:1px solid var(--stt-glass-border);border-radius:20px;display:flex;flex-direction:column;gap:16px;max-width:320px;padding:24px;width:100%}.stt-difficulty__title{font-size:1.2rem;font-weight:600;margin-bottom:8px;text-align:center}.stt-difficulty__options{display:flex;flex-direction:column;gap:12px}.stt-difficulty__option{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.stt-difficulty__option:hover{background:#ffffff14}.stt-difficulty__option--selected{background:#5ce1ff26;border-color:#5ce1ff;border-color:var(--stt-x-color)}.stt-difficulty__radio{align-items:center;border:2px solid #ffffff80;border:2px solid var(--stt-text-muted);border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.stt-difficulty__option--selected .stt-difficulty__radio{border-color:#5ce1ff;border-color:var(--stt-x-color)}.stt-difficulty__option--selected .stt-difficulty__radio:after{background:#5ce1ff;background:var(--stt-x-color);border-radius:50%;content:"";height:10px;width:10px}.stt-difficulty__label{flex:1 1}.stt-difficulty__name{font-weight:600;margin-bottom:2px}.stt-difficulty__desc{color:#ffffffb3;color:var(--stt-text-secondary);font-size:.8rem}.stt-game{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:16px;position:relative;z-index:1}.stt-game__header{max-width:320px;width:100%}.stt-game__board-area{position:relative}.stt-game__footer{max-width:320px;width:100%}.stt-lobby{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:center;padding:24px;position:relative;z-index:1}.stt-lobby__title{font-size:1.5rem;font-weight:700;text-align:center}.stt-lobby__options{max-width:320px;width:100%}.stt-lobby__options,.stt-room-code{display:flex;flex-direction:column;gap:16px}.stt-room-code{align-items:center;background:#ffffff14;background:var(--stt-glass-bg);border:1px solid #ffffff26;border:1px solid var(--stt-glass-border);border-radius:20px;padding:32px}.stt-room-code__label{color:#ffffffb3;color:var(--stt-text-secondary);font-size:.9rem}.stt-room-code__value{color:#5ce1ff;color:var(--stt-x-color);font-size:3rem;font-weight:800;letter-spacing:8px;text-shadow:0 0 20px #5ce1ff99;text-shadow:0 0 20px var(--stt-x-glow)}.stt-room-code__status{animation:pulse 2s ease-in-out infinite;color:#ffffff80;color:var(--stt-text-muted);font-size:.9rem}.stt-join-input{display:flex;flex-direction:column;gap:16px;max-width:320px;width:100%}.stt-input{background:#0000004d;border:1px solid #ffffff26;border:1px solid var(--stt-glass-border);border-radius:12px;color:#fff;color:var(--stt-text-primary);font-size:1.2rem;font-weight:600;letter-spacing:4px;padding:16px;text-align:center;text-transform:uppercase;width:100%}.stt-input:focus{border-color:#5ce1ff;border-color:var(--stt-x-color);box-shadow:0 0 15px #5ce1ff99;box-shadow:0 0 15px var(--stt-x-glow);outline:none}.stt-input::placeholder{color:#ffffff80;color:var(--stt-text-muted);letter-spacing:2px}.stt-result{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:32px;justify-content:center;padding:24px;position:relative;text-align:center;z-index:1}.stt-result__icon{animation:bounce 1s ease-in-out;font-size:5rem}.stt-result__title{font-size:2.5rem;font-weight:800}.stt-result__title--x{color:#5ce1ff;color:var(--stt-x-color);text-shadow:0 0 30px #5ce1ff99;text-shadow:0 0 30px var(--stt-x-glow)}.stt-result__title--o{color:#c77dff;color:var(--stt-o-color);text-shadow:0 0 30px #c77dff99;text-shadow:0 0 30px var(--stt-o-glow)}.stt-result__title--draw{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5ce1ff,#c77dff);background:linear-gradient(135deg,var(--stt-x-color),var(--stt-o-color));-webkit-background-clip:text;background-clip:text}.stt-result__subtitle{color:#ffffffb3;color:var(--stt-text-secondary);font-size:1.2rem}.stt-result__actions{display:flex;flex-direction:column;gap:12px;max-width:280px;width:100%}@keyframes piecePopIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pieceShift{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #4ade80;box-shadow:0 0 5px var(--stt-success)}50%{box-shadow:0 0 15px #4ade80;box-shadow:0 0 15px var(--stt-success)}}@keyframes winPulse{0%,to{background:#ff6b9d33}50%{background:#ff6b9d66}}@keyframes drawLine{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 1000}}@keyframes lineGlow{0%,to{filter:drop-shadow(0 0 10px #ff6b9d);filter:drop-shadow(0 0 10px var(--stt-accent))}50%{filter:drop-shadow(0 0 25px #ff6b9d);filter:drop-shadow(0 0 25px var(--stt-accent))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-20px)}50%{transform:translateY(0)}70%{transform:translateY(-10px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.stt-board{width:min(70vw,400px)}.stt-mode-cards{flex-direction:row;max-width:700px}.stt-mode-card{flex:1 1;flex-direction:column;padding:32px 20px;text-align:center}.stt-mode-card__arrow{display:none}}.stt-screen-enter{animation:slideIn .4s ease-out}.stt-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff26;border-top-color:#5ce1ff;border:3px solid var(--stt-glass-border);border-radius:50%;border-top-color:var(--stt-x-color);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.stt-error{animation:shake .4s ease-in-out;background:#f8717126;border:1px solid #f87171;border:1px solid var(--stt-error);border-radius:10px;color:#f87171;color:var(--stt-error);font-size:.9rem;padding:12px 20px}.stt-back-btn{align-items:center;background:#ffffff14;background:var(--stt-glass-bg);border:1px solid #ffffff26;border:1px solid var(--stt-glass-border);border-radius:50%;color:#fff;color:var(--stt-text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:16px;position:absolute;top:16px;transition:all .2s ease;width:40px;z-index:10}.stt-back-btn:hover{background:#ffffff26}body.game-page-bg,html.game-page-bg{height:100%;overflow:hidden}html.game-page-bg .app-page-shell{flex:1 1 auto;height:calc(100dvh - 88px);height:calc(100dvh - var(--game-app-header, 88px));max-height:calc(100dvh - 88px);max-height:calc(100dvh - var(--game-app-header, 88px));min-height:0;overflow:hidden}.game-page{--game-app-header:clamp(72px,14vw,88px);--game-safe-top:env(safe-area-inset-top,0px);--game-safe-right:env(safe-area-inset-right,0px);--game-safe-bottom:env(safe-area-inset-bottom,0px);--game-safe-left:env(safe-area-inset-left,0px);-webkit-tap-highlight-color:transparent;box-sizing:border-box;color:#fff;height:100%;max-height:100%;overflow:hidden;position:relative;width:100%}.game-page.game-page--scroll,.stt-container.game-page.game-page--scroll{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}.game-page.game-page--scroll .stt-container,.stt-container.game-page.game-page--scroll{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:min(100%,calc(100dvh - var(--game-app-header) - var(--game-safe-top)));padding:max(1rem,var(--game-safe-top)) max(1rem,var(--game-safe-right)) max(1rem,var(--game-safe-bottom)) max(1rem,var(--game-safe-left))}.game-page__loader{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:auto;max-width:28rem;text-align:center;width:100%}.game-page__loader .game-page__message{margin:0;padding:0 .5rem}.game-page .stt-container{box-sizing:border-box;height:100%;max-height:100%;overflow:hidden;position:relative;width:100%}.game-page__grid{background-image:linear-gradient(#b450ff66 1px,#0000 0),linear-gradient(90deg,#b450ff66 1px,#0000 0);background-size:40px 40px;height:min(28vh,220px);left:-15%;opacity:.6;pointer-events:none;position:absolute;right:-15%;z-index:0}.game-page__grid--top{mask-image:linear-gradient(180deg,#000 10%,#0000 90%);-webkit-mask-image:linear-gradient(180deg,#000 10%,#0000 90%);top:0;transform:perspective(280px) rotateX(56deg) translateY(-6%)}.game-page__grid--bottom{bottom:0;mask-image:linear-gradient(0deg,#000 10%,#0000 90%);-webkit-mask-image:linear-gradient(0deg,#000 10%,#0000 90%);transform:perspective(280px) rotateX(-56deg) translateY(6%)}.game-page__viewport{--game-page-pad:clamp(0.4rem,2vw,0.75rem);--game-content-max:min(100%,420px);box-sizing:border-box;flex-direction:column;gap:clamp(.35rem,2vw,.55rem);height:100%;max-height:100%;overflow:hidden;padding:var(--game-page-pad);padding-bottom:max(var(--game-page-pad),var(--game-safe-bottom));padding-top:max(var(--game-page-pad),var(--game-safe-top));position:relative;z-index:2}.game-page__header,.game-page__viewport{align-items:center;display:flex;width:100%}.game-page__header{flex:0 0 auto;gap:.45rem;max-width:var(--game-content-max);min-height:44px}.game-page__slot--rules{flex-shrink:0}.game-hud__phase-badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;flex:1 1;font-size:clamp(1.25rem,2.2vw,.85rem);font-weight:700;letter-spacing:.08em;line-height:1.2;margin:0;min-width:0;overflow:hidden;padding:.35rem .6rem;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.game-page__hud-slot{display:flex;flex:0 0 auto;justify-content:center;max-width:var(--game-content-max);width:100%}.game-page__hud-slot .game-hud__panel{max-width:min(100%,320px);width:100%}.game-page__board-column{flex:1 1 auto;flex-direction:column;justify-content:flex-start;max-width:var(--game-content-max)}.game-page__board-area,.game-page__board-column{align-items:center;display:flex;min-height:0;width:100%}.game-page__board-area{flex:1 1 auto;justify-content:center}.game-page__hud-slot--bottom{align-self:stretch;flex:0 0 auto;justify-content:flex-start}.game-page__hud-slot--bottom .game-hud__panel{align-self:flex-start}.game-page__footer{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:.25rem;justify-content:flex-end;max-width:var(--game-content-max);min-height:clamp(2rem,8vmin,3rem);width:100%}.game-page__icon-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:clamp(44px,10vw,48px);justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:0;width:clamp(44px,10vw,48px)}.game-page__icon-btn:hover{background:#ffffff24}.game-page__board-wrap{--board-max:min(88vw,360px);--board-fit-height:calc(100dvh - var(--game-app-header) - var(--game-safe-top) - var(--game-safe-bottom) - 14.5rem);align-items:center;display:flex;flex-shrink:1;height:min(var(--board-max),var(--board-fit-height),100%);justify-content:center;margin:0 auto;width:min(var(--board-max),var(--board-fit-height),100%)}.game-page .stt-board,.game-page__board-wrap{aspect-ratio:1;max-height:100%;max-width:100%}.game-page .stt-board{background:url(/static/media/glass.6cc5105d967e435afbbc.png) 50%/cover no-repeat;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #fff3;gap:clamp(4px,1.2vw,6px);height:100%;margin:0;padding:clamp(8px,2vw,14px);width:100%}.game-page .stt-cell{background:#0003;border:1px solid #ffffff1f;border-radius:6px}.game-page .stt-piece{height:min(76%,7.5vmin);width:min(76%,7.5vmin)}.game-hud__panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;min-width:0;padding:clamp(5px,1.4vw,8px) clamp(6px,1.8vw,10px)}.game-hud__panel--o,.game-hud__panel--x{margin:0;max-width:none;min-width:0;position:static;width:auto}.game-hud__panel--compact .game-hud__remaining{font-size:clamp(1rem,2.2vw,.62rem)}.game-hud__panel--active{border-color:#ffffff59}.game-hud__panel--x.game-hud__panel--active{box-shadow:0 0 16px #5ce1ff33}.game-hud__panel--o.game-hud__panel--active{box-shadow:0 0 16px #ff5eb833}.game-hud__player-name{display:block;font-size:clamp(.55rem,2.4vw,.7rem);font-weight:700;margin-bottom:.1rem;max-width:100%;opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-hud__pieces-row{display:flex;gap:clamp(4px,1.5vw,8px);justify-content:center}.game-hud__piece-slot{align-items:center;background:#0003;border:1px solid #ffffff26;border-radius:5px;display:flex;font-size:clamp(.75rem,2.5vw,.9rem);font-weight:800;height:clamp(22px,6vw,28px);justify-content:center;width:clamp(22px,6vw,28px)}.game-hud__piece-slot--x{color:#5ce1ff}.game-hud__piece-slot--o{color:#ff5eb8}.game-hud__piece-slot--used{box-shadow:0 0 8px currentColor;opacity:1}.game-hud__progress-track{background:#ffffff1f;border-radius:3px;height:6px;margin-bottom:2px;margin-top:2px;overflow:hidden}.game-hud__progress-track--timer{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a;height:7px}.game-hud__progress-track--timer:not(.game-hud__progress-track--active){opacity:.35}.game-hud__progress-track--timer.game-hud__progress-track--active{opacity:1}.game-hud__progress-fill--x{background:linear-gradient(90deg,#3db8ff,#5ce1ff);height:100%}.game-hud__progress-fill--o{background:linear-gradient(90deg,#e040a0,#ff8fd4);height:100%}.game-hud__progress-fill--countdown{transition:width .08s linear}.game-hud__panel--active .game-hud__progress-fill--countdown{box-shadow:0 0 10px currentColor}.game-hud__remaining{color:#ffffffeb;font-size:clamp(.5rem,2.1vw,.6rem);letter-spacing:.02em;line-height:1.2;min-height:1.1em;text-align:center;text-transform:uppercase;white-space:nowrap}.game-page__end-turn-btn{margin-top:.35rem;max-width:200px;width:100%}.game-page__shift-hint{background:#8c64ff1f;border:1px solid #b478ff33;border-radius:6px;color:#ffffffbf;font-size:clamp(.65rem,2.5vw,.75rem);line-height:1.3;margin:0;max-width:min(100%,400px);padding:.35rem .6rem;text-align:center}.game-page .stt-error{font-size:.75rem;max-width:100%;padding:.35rem .6rem}.game-rules-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:300}.game-rules-modal{background-color:initial;background-image:url(/static/media/glass.6cc5105d967e435afbbc.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #fff3;max-height:min(85dvh,520px);max-width:600px;overflow-y:auto;padding:1.5rem 1.25rem;position:relative;width:100%}.game-rules-modal__close{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.3rem;height:30px;position:absolute;right:.65rem;top:.65rem;width:30px}.game-rules-modal__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5ce1ff,#c77dff);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700;margin:0 0 .85rem}.game-rules-modal__body section{margin-bottom:.85rem}.game-rules-modal__body h3{color:#5ce1ff;font-size:.9rem;margin:0 0 .25rem}.game-rules-modal__body p{color:#ffffffbf;font-size:.85rem;line-height:1.45;margin:0}.game-rules-modal__list{list-style:disc;margin:0;padding-left:1.15rem}.game-rules-modal__list li{color:#ffffffd9;font-size:1.25rem;line-height:1.45;margin-bottom:.65rem}.game-rules-modal__list li:last-child{margin-bottom:0}.game-rules-modal__btn{border:none;border-radius:8px;cursor:pointer;display:block;font-size:.8rem;font-weight:600;line-height:1.2;margin:.75rem auto 0;min-width:5.5rem;padding:.4rem 1.1rem;width:auto}.game-page__result-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:250}.game-page__result-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;max-width:300px;padding:1.5rem 1.25rem;text-align:center;width:100%}.game-page__result-icon{font-size:4rem;margin-bottom:.35rem}.game-page__result-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:20px;margin-top:1rem}.game-page__message{color:#fff;font-size:clamp(.85rem,3.5vw,1rem);line-height:1.45;margin:0 auto 1rem;max-width:28rem;padding:0 .5rem;text-align:center}.game-page .stt-btn{font-size:clamp(.9rem,3.5vw,1rem);min-height:44px;min-width:min(100%,200px);padding:.65rem 1.25rem}.game-page .stt-lobby{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:1rem;position:relative;width:100%;z-index:2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:520px){html.game-page-bg .app-page-shell{height:calc(100dvh - var(--game-app-header) - var(--game-safe-top));max-height:calc(100dvh - var(--game-app-header) - var(--game-safe-top))}.game-page__viewport{--game-content-max:100%;--game-page-pad:max(0.3rem,var(--game-safe-left));gap:.28rem}.game-page__header{display:block;gap:.35rem;min-height:40px}.game-page__icon-btn{font-size:1.1rem;height:40px;min-height:40px;min-width:40px;width:40px}.game-hud__phase-badge{font-size:clamp(1.28rem,3vw,.72rem);padding:.28rem .5rem}.game-page__hud-slot .game-hud__panel{margin:auto auto 20px;max-width:min(100%,180px)}.game-hud__panel.game-hud__panel--o.game-hud__panel--compact{margin-top:30px}.game-page__hud-slot--bottom{margin-top:.35rem}.game-hud__panel{gap:2px;padding:5px 6px}.game-hud__pieces-row{gap:3px}.game-hud__piece-slot{font-size:clamp(.65rem,2.2vw,.8rem);height:clamp(18px,5vw,24px);width:clamp(18px,5vw,24px)}.game-page__board-wrap{--board-max:min(92vw,300px);--board-fit-height:calc(100dvh - var(--game-app-header) - var(--game-safe-top) - var(--game-safe-bottom) - 13.5rem)}.game-page__footer{padding:0 .2rem}.game-page__shift-hint{font-size:clamp(.58rem,2.6vw,.68rem);padding:.28rem .45rem}.game-page .stt-lobby{padding:max(.75rem,var(--game-safe-top)) max(.75rem,var(--game-safe-right)) max(1rem,var(--game-safe-bottom)) max(.75rem,var(--game-safe-left))}.game-page .stt-room-code{box-sizing:border-box;padding:clamp(1rem,4vw,1.75rem);width:min(100%,320px)}.game-page .stt-room-code__value{font-size:clamp(2rem,12vw,3rem);letter-spacing:clamp(4px,2vw,8px)}.game-page .stt-mode-card{min-height:44px}.game-rules-overlay{padding:max(.75rem,var(--game-safe-top)) max(.75rem,var(--game-safe-right)) max(.75rem,var(--game-safe-bottom)) max(.75rem,var(--game-safe-left))}.game-rules-modal{max-height:min(88dvh,calc(100dvh - var(--game-app-header) - 2rem));padding:1.25rem 1rem}.game-rules-modal__list li{font-size:clamp(.9rem,3.8vw,1.1rem)}}@media (max-width:380px){.game-page__board-wrap{width:min(100%,min(94vw,268px))}.game-hud__piece-slot{font-size:.6rem;height:clamp(16px,4.8vw,22px);width:clamp(16px,4.8vw,22px)}.game-hud__remaining{font-size:.48rem}}@media (max-height:600px){.game-page__viewport{gap:.2rem;padding-bottom:max(.2rem,var(--game-safe-bottom));padding-top:max(.2rem,var(--game-safe-top))}.game-page__grid{height:min(14vh,100px);opacity:.45}.game-page__header{display:block;min-height:36px}.game-hud__phase-badge{font-size:1.58rem;padding:.22rem .4rem}.game-hud__panel{padding:4px 5px}.game-hud__progress-track{height:8px;margin:10px 0}.game-page__board-wrap{width:min(100%,min(78vmin,240px))}}@media (max-height:500px) and (orientation:landscape){.game-page__viewport{gap:.2rem;padding:max(.2rem,var(--game-safe-top)) max(.4rem,var(--game-safe-right)) max(.2rem,var(--game-safe-bottom)) max(.4rem,var(--game-safe-left))}.game-page__hud-slot .game-hud__panel{max-width:min(240px,55vw);padding:3px 5px}.game-page__board-wrap{--board-max:min(42vh,280px);--board-fit-height:calc(100dvh - var(--game-app-header) - var(--game-safe-top) - var(--game-safe-bottom) - 9rem)}.game-page__footer{min-height:0}}@media (min-width:521px){.game-page__viewport{--game-content-max:none;--game-page-pad:clamp(0.45rem,1.5vw,0.65rem);grid-gap:clamp(.2rem,1vw,.45rem);align-items:center;display:grid;gap:clamp(.2rem,1vw,.45rem);grid-template-areas:"rules phase ." "board board board" "foot foot foot";grid-template-columns:1fr auto 1fr;grid-template-rows:auto minmax(0,1fr) auto;height:100%;justify-items:center;overflow:hidden;padding:max(.4rem,var(--game-safe-top)) max(.75rem,var(--game-safe-right)) max(.4rem,var(--game-safe-bottom)) max(.75rem,var(--game-safe-left));width:100%}.game-page__header{display:contents}.game-page__slot--rules{align-self:start;grid-area:rules;justify-self:start;z-index:14}.game-hud__phase-badge{align-self:start;background:#0000;border:none;flex:none;font-size:clamp(.7rem,1.8vw,.88rem);grid-area:phase;justify-self:center;margin-top:0;max-width:min(100%,260px);padding:.3rem .75rem}.game-page__hud-slot--top{justify-content:flex-end;margin:0;max-width:none;position:absolute;right:max(var(--game-page-pad),var(--game-safe-right));top:max(var(--game-page-pad),var(--game-safe-top));width:auto;z-index:12}.game-page__hud-slot--top .game-hud__panel{max-width:140px;min-width:104px;width:auto}.game-page__board-column{align-items:center;grid-area:board;height:100%;justify-content:center;max-width:none;min-height:0;width:100%}.game-page__board-area{flex:0 0 auto;margin-top:0;width:100%}.game-page__board-wrap{--board-max:min(62vmin,360px);--board-fit-height:calc(100dvh - var(--game-app-header) - var(--game-safe-top) - var(--game-safe-bottom) - 10.5rem)}.game-page__hud-slot--bottom{align-self:flex-start;justify-content:flex-start;margin-left:var(--game-page-pad);margin-top:.4rem;max-width:none;width:auto}.game-page__hud-slot--bottom .game-hud__panel{align-self:flex-start;margin-top:8px;max-width:140px;min-width:104px;width:auto}.game-page__footer{grid-area:foot;justify-content:flex-start;max-width:none;min-height:clamp(2.5rem,10vmin,4rem);width:100%}.game-hud__piece-slot{height:clamp(22px,4vw,26px);width:clamp(22px,4vw,26px)}.game-hud__progress-track{height:8px;margin-bottom:6px;margin-top:6px}.game-hud__progress-track--timer{height:8px}.game-hud__remaining{font-size:.58rem}}@media (min-width:768px){.game-page__viewport{--game-page-pad:0.65rem;gap:clamp(.25rem,1.2vw,.5rem);padding:max(.5rem,var(--game-safe-top)) max(1rem,var(--game-safe-right)) max(.5rem,var(--game-safe-bottom)) max(1rem,var(--game-safe-left))}.game-hud__phase-badge{font-size:clamp(1.75rem,1.2vw,.9rem);margin-top:2%;max-width:min(100%,280px);padding:.35rem .85rem}.game-page__hud-slot--top .game-hud__panel{max-width:150px;min-width:118px}.game-page__board-area{margin-top:3%}.game-page__board-wrap{--board-max:min(56vmin,460px);--board-fit-height:calc(100dvh - var(--game-app-header) - var(--game-safe-top) - var(--game-safe-bottom) - 11rem)}.game-page__hud-slot--bottom .game-hud__panel{max-width:150px;min-width:118px}.game-page__footer{min-height:clamp(3rem,14vmin,5rem)}.game-hud__piece-slot{height:28px;width:28px}.game-hud__progress-track{height:11px;margin-bottom:10px;margin-top:10px}.game-hud__progress-track--timer{height:8px}.game-hud__remaining{font-size:.6rem}}@media (min-width:1200px){.game-page__board-wrap{--board-max:min(480px,60vmin);--board-fit-height:calc(100dvh - var(--game-app-header) - var(--game-safe-top) - var(--game-safe-bottom) - 10rem)}}.passplay-create{color:#fff;min-height:calc(100dvh - 88px);overflow:hidden;position:relative;width:100%}.passplay-create__grid{background-image:linear-gradient(#b450ff73 1px,#0000 0),linear-gradient(90deg,#b450ff73 1px,#0000 0);background-size:48px 48px;height:min(32vh,280px);left:-15%;opacity:.65;pointer-events:none;position:absolute;right:-15%;z-index:1}.passplay-create__grid--top{mask-image:linear-gradient(180deg,#000 15%,#0000 85%);-webkit-mask-image:linear-gradient(180deg,#000 15%,#0000 85%);top:0;transform:perspective(280px) rotateX(54deg) translateY(-5%)}.passplay-create__grid--bottom{bottom:0;mask-image:linear-gradient(0deg,#000 15%,#0000 85%);-webkit-mask-image:linear-gradient(0deg,#000 15%,#0000 85%);transform:perspective(280px) rotateX(-54deg) translateY(5%)}.passplay-create__content{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative;width:100%;z-index:2}.passplay-create__panel{background-image:url(/static/media/glass.6cc5105d967e435afbbc.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:clamp(18px,3vw,28px);box-shadow:0 16px 48px #00000073,inset 0 1px 0 #ffffff1f;box-sizing:border-box;padding:clamp(1.75rem,5vw,3rem) clamp(1.5rem,4.5vw,2.75rem);width:min(92vw,42rem)}.passplay-create__header{margin-bottom:clamp(1.5rem,4vw,2.5rem);text-align:center}.passplay-create__title{font-size:clamp(2rem,6vw,3.25rem);font-weight:800;letter-spacing:.06em;margin:0 0 .65rem;text-shadow:0 0 24px #c77dff73;text-transform:uppercase}.passplay-create__subtitle{color:#ffffffe0;font-size:clamp(1.05rem,2.8vw,1.35rem);line-height:1.45;margin:0 auto;max-width:28rem}.passplay-create__form{display:flex;flex-direction:column;gap:clamp(1.35rem,3.5vw,2rem)}.passplay-create__field{display:flex;flex-direction:column;gap:.65rem}.passplay-create__field-head{align-items:center;display:flex;gap:.75rem}.passplay-create__mark{align-items:center;border-radius:12px;box-shadow:0 4px 16px #00000059;display:inline-flex;flex-shrink:0;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800;height:clamp(2.5rem,8vw,3.25rem);justify-content:center;width:clamp(2.5rem,8vw,3.25rem)}.passplay-create__mark--x{background:#5ce1ff26;border:2px solid #5ce1ff8c;color:#5ce1ff;text-shadow:0 0 12px #5ce1ffcc}.passplay-create__mark--o{background:#c77dff26;border:2px solid #c77dff8c;color:#e9a8ff;text-shadow:0 0 12px #c77dffcc}.passplay-create__label{font-size:clamp(1.05rem,2.8vw,1.3rem);font-weight:700;letter-spacing:.04em}.passplay-create__label--x{color:#7dd3fc}.passplay-create__label--o{color:#f0abfc}.passplay-create__input{background:#0000006b;border:2px solid #ffffff38;border-radius:14px;box-sizing:border-box;color:#fff;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:500;min-height:clamp(3.25rem,10vw,4rem);padding:.9rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.passplay-create__input::placeholder{color:#ffffff6b;font-size:clamp(1rem,2.5vw,1.15rem)}.passplay-create__field--x .passplay-create__input:focus{border-color:#5ce1ffd9;box-shadow:0 0 0 3px #5ce1ff40;outline:none}.passplay-create__field--o .passplay-create__input:focus{border-color:#c77dffd9;box-shadow:0 0 0 3px #c77dff40;outline:none}.passplay-create__error{background:#f8717126;border:1px solid #f8717173;border-radius:12px;color:#fecaca;font-size:clamp(1rem,2.5vw,1.15rem);margin:0;padding:.85rem 1rem;text-align:center}.passplay-create__submit{border-radius:14px!important;font-size:clamp(1.1rem,3vw,1.35rem)!important;font-weight:700!important;letter-spacing:.04em;margin-top:clamp(.5rem,2vw,1rem);max-width:none;min-height:clamp(3.25rem,10vw,4rem);padding:.95rem 1.5rem!important;width:100%!important}@media (min-width:768px){.passplay-create__panel{width:min(88vw,46rem)}.passplay-create__form{gap:2rem}}@media (max-width:400px){.passplay-create__panel{padding:1.5rem 1.15rem;width:94vw}}
/*# sourceMappingURL=main.d03cc649.css.map*/