@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home-page{min-height:100vh;background-color:#be3b21;background-image:url(/assets/bg-CPCsv0tG.png);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px}.home-page__header{display:flex;justify-content:center}.home-page__header .logo{width:120px}.home-page__header .logo img{width:100%}.home-page__header .empty{flex:1}.home-page__header .username-box{display:flex;flex-direction:column}.home-page__header .username-box .username,.home-page__header .username-box .group{font-weight:700;color:#ffffff4d}.home-page__header .logout-button-box{margin-left:1em;display:flex;justify-content:center;align-items:center}.home-page__header .logout-button-box .logout-button{padding:.4em 1em;background-color:#ffae4833;font-size:1em;color:#f8caca}.home-page__hint{display:flex;justify-content:center;align-items:center}.home-page__hint .hint-box{display:flex;justify-content:center;align-items:center;height:7em;background-color:#600d0040;margin-top:2em;border-radius:1em;width:90%;color:#fffcbe;font-size:1.5em;font-weight:700}.home-page__button{display:flex;flex-direction:column;margin:2em 1em;padding:1.4em 1em;align-items:center;background-color:#edc498;border-radius:1em}.home-page__button .button-group{display:flex;flex-direction:row;justify-content:center}.home-page__button .tip-text{margin-top:.5em;font-size:1.2em;color:#b9765b;font-weight:700}.home-page__logout{padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s ease}.home-page__logout:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}@media screen and (max-width:1024px){.home-page{font-size:16px}.home-page__header{width:100vw}.home-page__header .logo{width:8em}}@media screen and (max-width:768px){.home-page{font-size:16px}.home-page__header{width:100%;padding:.6em 1em}.home-page__header .logo{width:8em}.home-page__logout{padding:.5em 1em;font-size:.5em}}@media screen and (max-width:425px){.home-page{font-size:12px}.home-page__header{width:100%;padding:.6em 1em}.home-page__header .logo{width:8em}.home-page__logout{padding:.5em 1em;font-size:.5em}}.home-dialog{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:3vh}.home-dialog .container{border-radius:.8rem;background-color:#fef5e4;box-shadow:0 0 0 .2rem #fef5e4,0 0 0 .5rem #f1cda9;padding:2vw;width:90%}.home-dialog .container .remain-box{width:100%;height:100%}.home-dialog .container .dialog-box{width:100%;height:100%;display:grid;place-items:center}.home-dialog .container .dialog-box .element{width:100%;height:100%;grid-area:1/1}.home-dialog .container .dialog-box .element img{width:100%;height:100%}.home-dialog .container .dialog-box .content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%}.home-dialog .container .dialog-box .content .title{height:12%;width:100%;display:flex;justify-content:center;align-items:center}.home-dialog .container .dialog-box .content .title .title-text{font-size:1.6em;font-weight:700;color:#ffb87e}.home-dialog .container .dialog-box .content .prize{padding-top:.5em;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.home-dialog .container .dialog-box .content .prize .prize-level-box{height:15%;width:100%;display:flex;justify-content:space-evenly;align-items:center}.home-dialog .container .dialog-box .content .prize .prize-image-box{padding-top:1em;width:100%;height:65%;display:flex;justify-content:center;align-items:center}.home-dialog .container .dialog-box .content .prize .prize-image-box img{width:500px;height:500px}@media(max-width:768px){.home-dialog .container .dialog-box .content .prize .prize-image-box img{width:auto;height:100%}}.home-dialog .container .dialog-box .content .prize-name-box{padding-top:1em;width:100%;height:20%;display:flex;justify-content:center;align-items:center}.home-dialog .container .dialog-box .content .prize-name-box .prize-name{font-size:2em;font-weight:600;color:#fffcbe}.home-dialog .container .dialog-box .content .announcing-box{padding-top:1em;height:1.6em;width:100%}.home-dialog .container .dialog-box .content .hint{height:700px;width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-dialog .container .dialog-box .content .hint .hint-text{font-size:46px;font-weight:600;color:#ffb87e}@media(max-width:768px){.home-dialog{padding-top:1em}.home-dialog .container{padding:4vw}.home-dialog .container .dialog-box .content .prize{height:100%}.home-dialog .container .dialog-box .content .prize .prize-image-box img{width:22em;height:22em}.home-dialog .container .dialog-box .content .prize-name-box .prize-name{font-size:1.5rem}.home-dialog .container .dialog-box .content .hint{height:100%;width:100%}.home-dialog .container .dialog-box .content .hint .hint-text{display:flex;justify-content:center;font-size:1.6em;width:100%}}.remain-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:340px;height:180px;background-color:#0003;padding:1.5rem;border-radius:12px}.remain-box .item{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.remain-box .item:last-child{margin-bottom:0}.remain-box .label-text{width:200px;font-size:28px;font-weight:600;color:#ffb87e;padding-left:40px}.remain-box .value{width:140px;font-size:28px;font-weight:600;color:#fffbdb}.remain-box .value-text{background-color:#00000080;padding:0 1.5rem;border-radius:24px;width:100px;text-align:center}@media(max-width:800px){.remain-box{display:flex;flex-direction:row;align-items:center;width:100%;height:100%;background-color:#0000;padding:0 0 .6rem;border:none}.remain-box .space{flex:1}.remain-box .item{display:flex;justify-content:center;align-items:center;margin-bottom:0}.remain-box .item:last-child{margin-bottom:0}.remain-box .label-text{width:auto;font-size:1.2em;font-weight:700;color:#ffb87e;padding-left:0}.remain-box .value{width:auto;font-size:1.2em;font-weight:600;color:#fffbdb;margin-left:1rem}.remain-box .value-text{background-color:#9e603480;padding:0 1.5rem;width:auto;text-align:center;color:#fffbdb}}.label{display:flex;align-items:center;justify-content:center;width:200px;height:60px;background-color:transparent;border-radius:30px;border:4px solid #F6A44E;font-size:36px;font-weight:600;color:#fff}.label.fill{background-color:#f6a44e}@media screen and (max-width:1024px){.label{font-size:1em;width:8em;height:2.2em}}@media screen and (max-width:768px){.label{font-size:1em;width:8em;height:2.2em}}.user-button{min-width:180px;height:120px;padding:0 20px;margin:0 10px;background-color:#f49d2a;border:8px solid #FFDCAF;border-radius:25px;box-shadow:0 6px 15px #0003;transition:all .3s ease;font-family:思源黑体,Noto Sans SC,sans-serif;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.user-button:hover{box-shadow:0 8px 20px #0000004d;border-color:#ffdcaf}.user-button:focus{outline:none}.user-button .user-button-primary-text{font-size:32px;font-weight:600;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-button .user-button-secondary-text{font-size:16px;font-weight:400;opacity:.9}.user-button .user-button-arrow{position:absolute;top:10px;right:15px;font-size:14px;transform:rotate(180deg)}.user-button-skip{background-color:#f49d2a;border-color:#fffcec;color:#fff}.user-button-add{background-color:#ef5c52;border-color:#fffcec;color:#fff}.user-button-disabled{cursor:not-allowed;background-color:#aa8c86;border-color:#e1cfbd;color:#e1cfbd}@media(max-width:768px){.user-button{min-width:140px;height:90px;padding:0 15px;margin:0 8px;border:6px solid #FFDCAF;border-radius:20px}.user-button .user-button-primary-text{font-size:24px;margin-bottom:3px}.user-button .user-button-secondary-text{font-size:12px}.user-button .user-button-arrow{top:8px;right:10px;font-size:12px}}.home-login{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-login__container{border-radius:.8rem;background-color:#fef5e4;box-shadow:0 0 0 .2rem #fef5e4,0 0 0 .5rem #f1cda9;padding:2vw;width:90%}.home-login__container .login-box{width:100%;height:100%;display:grid;place-items:center}.home-login__container .login-box .login-box-element{width:100%;height:100%;grid-area:1/1}.home-login__container .login-box .login-box-element img{width:100%;height:100%}.home-login__container .login-box .login-box-element .login-box-element-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.home-login__container .login-box .login-box-element .login-box-element-content .login-form{width:60%}.home-login__container .login-box .login-box-element .login-box-element-content .login-form-group{margin-bottom:1em}.home-login__container .login-box .login-box-element .login-box-element-content .login-form-label{width:100%;color:#ffb87e;font-size:1.2em;font-weight:700}.home-login__container .login-box .login-box-element .login-box-element-content .login-form-input{width:100%;padding:1em;font-size:1em;border:1px solid #ddd;border-radius:6px;transition:border-color .2s,box-shadow .2s}.home-login__container .login-box .login-box-element .login-box-element-content .login-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.home-login__container .login-box .login-box-element .login-box-element-content .login-form-input::placeholder{color:#aaa}.home-login__container .login-box .login-box-element .login-box-element-content .login-form-button{width:100%;background-color:#ffae48;font-size:1.2em}.home-login__title{font-size:1.75rem;font-weight:600;color:#333;text-align:center;margin-bottom:2rem}.home-login__error{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;text-align:center}.home-login__form{display:flex;flex-direction:column;gap:1.5rem}.home-login__form-group{display:flex;flex-direction:column;gap:.5rem}.home-login__label{font-size:.875rem;font-weight:500;color:#555}.home-login__input{padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:6px;transition:border-color .2s,box-shadow .2s}.home-login__input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.home-login__input::placeholder{color:#aaa}.home-login__button{padding:.875rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s,transform .1s}.home-login__button:hover:not(:disabled){opacity:.9}.home-login__button:active:not(:disabled){transform:translateY(1px)}.home-login__button:disabled{cursor:not-allowed;opacity:.7}.user-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.user-confirm-overlay .user-confirm-dialog{background-color:#fff8f0;border-radius:1em;border:8px solid #F3C9A3;padding:1.6em;width:80%;height:16em;box-shadow:0 8px 24px #f3c9a34d}.user-confirm-overlay .user-confirm-title{padding-top:1em;font-size:2em;text-align:center;height:70%;color:#80564a}.user-confirm-overlay .user-confirm-body{display:flex;flex-direction:row;gap:1.6em}.user-confirm-overlay .user-confirm-body .button-box{flex:1;display:flex;justify-content:center;align-items:center}.user-confirm-overlay .user-confirm-body .button-box button{width:100%;height:3em;background-color:#eaa267;color:#fff;font-size:1.2em}.historical-lottery-record{background-color:#8c2e24e6;border-radius:12px;box-shadow:0 4px 16px #0000004d;max-width:100%;margin:0 auto;font-family:Microsoft YaHei,sans-serif;height:960px;scroll-behavior:smooth}.historical-lottery-record__title{background-color:#c89161;border-radius:12px 12px 0 0;height:50px;display:flex;align-items:center;justify-content:flex-start}.historical-lottery-record__title .title-text{color:#f1d5a4;text-align:left;font-size:24px;font-weight:700;padding-left:18px}.historical-lottery-record__empty{text-align:center;padding:40px 20px;color:gold}.historical-lottery-record__empty-message{font-size:18px;margin:0;font-weight:500}.historical-lottery-record__prizes{display:flex;flex-direction:column;gap:24px;padding:24px 18px;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none;height:910px}.historical-lottery-record__prize-block{background-color:transparent;border:none;padding:0;border-radius:8px}.historical-lottery-record__prize-block:hover{box-shadow:none;transition:none}.historical-lottery-record__prize-header{display:flex;flex-direction:column;align-items:center;margin-bottom:6px;padding-bottom:4px}.historical-lottery-record__prize-header:last-child{margin-bottom:0}.historical-lottery-record__prize-name{margin:0;font-size:32px;font-weight:600;color:#fffcbe;text-align:center;line-height:1.2}.historical-lottery-record__prize-note{font-size:20px;color:#ffb87e;font-weight:500;margin-top:4px;display:block}.historical-lottery-record__winner-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.historical-lottery-record__winner-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ff7a6a26;padding:4px 2px;border-radius:8px;box-shadow:0 2px 8px #0003;width:calc(50% - 8px);box-sizing:border-box;transition:all .3s ease}.historical-lottery-record__winner-item:hover{background-color:#ff7a6a4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.historical-lottery-record__winner-info{display:flex;flex-direction:column;align-items:center;gap:2px}.historical-lottery-record__winner-name{font-size:20px;font-weight:600;color:#ffb87e;text-align:center;margin:0}.historical-lottery-record__winner-group{font-size:16px;font-weight:500;color:#ffb87e99;text-align:center;margin:0}@media(max-width:768px){.historical-lottery-record{padding:16px}.historical-lottery-record__title{font-size:20px}.historical-lottery-record__prize-name{font-size:18px}.historical-lottery-record__prize-note{font-size:14px}.historical-lottery-record__winner-grid{gap:12px}.historical-lottery-record__winner-item{width:100%;padding:12px}.historical-lottery-record__winner-name{font-size:16px}.historical-lottery-record__winner-group{font-size:14px}}@media(min-width:769px)and (max-width:1024px){.historical-lottery-record__winner-item{width:calc(50% - 8px)}}@media(min-width:1025px){.historical-lottery-record__winner-item{width:calc(50% - 10px)}}.host-page{min-height:100vh;background-color:#cb3e1ec0;background-image:url(/assets/bg-B5dbu0v6.png);display:flex}.host-page__logout{display:none}.host-page__main{flex:1;padding:2rem;max-width:1920px;margin:0;width:100%;box-sizing:border-box;display:flex;flex-direction:row}.host-page__main .logo{margin-bottom:40px}.host-page .yi-ji-welcome{width:340px;margin-top:300px;position:relative}.host-page .yi-ji-welcome img{position:absolute;left:-60px;width:150%}.host-page__block{padding:1.5rem}.host-page__left{flex:1;display:flex;flex-direction:column}.host-page__middle{flex:2}.host-page__right{flex:1}.host-page__left-info{flex:1;background-color:#0003;padding:1.5rem;border-radius:12px}.host-page__left-info__item{display:flex;align-items:center;justify-content:center;margin-top:.5rem}.host-page__left-info__item:first-child{margin-top:0}.host-page__left-info-label{width:100px}.host-page__left-info-number{font-size:2rem;font-weight:600;color:#fff;background-color:#00000080;padding:0 1.5rem;border-radius:24px;width:100px;text-align:center}.host-page__prize-box{width:900px;border-radius:20px;height:100%;background-color:#fef5e4;box-shadow:0 0 0 5px #fef5e4,0 0 0 15px #f1cda9}.host-page__prize-box__content{padding:2rem}.host-page__prize-box__button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.host-page__prize-history-box{width:450px}.button{width:420px;height:130px;background-color:#f49d2a;border:10px solid #FFDCAF;border-radius:35px;box-shadow:0 10px 25px #0000004d;transition:box-shadow .3s ease,transform .2s ease;font-family:思源黑体,Noto Sans SC,sans-serif;font-size:40px;font-weight:600;color:#212529;display:flex;justify-content:center;align-items:center}.button .button-text{font-size:50px;font-weight:600;letter-spacing:8px;color:#fff;-webkit-text-stroke:8px rgba(93,15,3,.3);paint-order:stroke fill;text-shadow:0 2px 4px rgba(0,0,0,.2)}.button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0066ff4d;border:10px solid #FFDCAF}.button:active{border:10px solid #FFDCAF;box-shadow:0 5px 15px #06f6;transform:translateY(1px)}.button:focus{outline:none;animation:border-breath 2s ease-in-out infinite}@media(max-width:768px){.button .button{width:210px;height:60px}}.host-dialog{width:900px;height:1040px;border-radius:20px;background-color:#fef5e4;box-shadow:0 0 0 5px #fef5e4,0 0 0 15px #f1cda9;padding:50px;display:flex;flex-direction:column;align-items:center}.host-dialog .container{display:grid;place-items:center}.host-dialog .container .element{grid-area:1/1;width:800px;height:800px}.host-dialog .container .element img{width:100%;height:100%}.host-dialog .button-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.host-dialog .button-container .button-element{padding-top:25px}.host-dialog .content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.host-dialog .content .title{padding-top:6px;height:80px;width:800px;display:flex;justify-content:center;align-items:center}.host-dialog .content .title .title-text{font-size:40px;font-weight:600;color:#ffb87e}.host-dialog .content .prize{padding-top:6px;height:700px;width:800px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.host-dialog .content .prize .prize-level-box{padding-top:6px;height:100px;width:500px;display:flex;justify-content:space-evenly;align-items:center}.host-dialog .content .prize .prize-image-box{padding-top:6px;height:500px;width:800px;display:flex;justify-content:center;align-items:center}.host-dialog .content .prize .prize-image-box img{width:auto;height:500px}.host-dialog .content .prize-name-box{padding-top:6px;height:100px;width:800px;display:flex;justify-content:center;align-items:center}.host-dialog .content .prize-name-box .prize-name{font-size:46px;font-weight:600;color:#fffcbe}.host-dialog .content .announcing-box{padding-top:6px;height:100px;width:800px}.host-dialog .content .announcing-box .funny-thing-group{display:flex;flex-direction:column;margin-top:200px;height:300px;align-items:center;justify-content:center}.host-dialog .content .announcing-box .funny-thing-group .funny-thing-text{font-size:40px;font-weight:700;color:#ffb87e}.host-dialog .content .hint{height:700px;width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center}.host-dialog .content .hint .hint-text{font-size:46px;font-weight:600;color:#ffb87e}.countdown{display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.countdown--active .countdown__label{color:#845038;font-size:24px;font-weight:700}.countdown--active .countdown__time-block{background-color:#845038;color:#fffcbe}.countdown__time{display:flex;gap:8px;font-size:3rem;font-weight:700;font-family:SF Mono,Monaco,Consolas,monospace;line-height:1;margin-top:4px}.countdown__time-block{display:inline-flex;align-items:center;justify-content:center;width:70px;height:100px;padding:4px 6px;background-color:#845038;color:#fffcbe;border-radius:8px;font-size:4rem}.countdown__time-comma{display:inline-flex;align-items:center;justify-content:center;width:32px;height:100px;padding:4px 6px;color:#845038;border-radius:8px;font-size:4rem}.countdown__label{margin:0;font-size:24px;color:#845038;font-weight:700;text-align:center}.announcing-group{width:100%;padding:20px;box-sizing:border-box}.winner-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;cursor:pointer;max-width:800px;margin:0 auto}.winner-box{width:180px;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.winner-box.hidden{background-color:#97291c33;background-size:20px 20px;box-shadow:0 2px 8px #00000026}.winner-box.shown{background-color:#97291c;box-shadow:0 4px 12px #0003;color:#fff}.winner-info{text-align:center;padding:10px}.winner-nickname{font-size:20px;font-weight:700;margin-bottom:5px;color:#fffee3}.winner-position{font-size:16px;color:#ffb87e99}@media(max-width:768px){.winner-box{width:150px;height:70px}.winner-nickname{font-size:16px}.winner-position{font-size:12px}}.winner-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.winner-dialog-container{display:grid;place-items:center}.winner-dialog-container .dialog-item-box{grid-area:1/1;width:700px;height:490px;display:flex;align-items:center;justify-content:center}.yi-ji-png-box{pointer-events:none;position:relative;width:10px;height:10px}.yi-ji-confirm-dialog-png{position:absolute;top:60px;left:350px;width:300px;height:300px}.winner-dialog-border{background-color:#fff8f0;border-radius:16px;border:8px solid #F3C9A3;padding:26px;width:560px;height:350px;box-shadow:0 8px 24px #f3c9a34d}.winner-dialog{padding:26px;width:560px;height:350px;text-align:center;display:flex;flex-direction:column;justify-content:center}.dialog-title{font-size:28px;font-weight:700;color:#cc5c34;margin-bottom:20px}.dialog-content{margin-bottom:25px}.winner-details{text-align:center}.detail-item{margin-bottom:15px;display:flex;align-items:center}.detail-item .detail-name{flex:1;font-size:50px;color:#845038}.detail-item .detail-position{flex:1;font-size:36px;color:#d4987c}.detail-label{font-weight:700;width:80px;color:#34495e}.detail-value{color:#2c3e50;flex:1}.dialog-confirm-box{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:center}.dialog-confirm-btn{background-color:#eaa267;color:#fff;border:4px solid rgba(62,6,6,.1);border-radius:6px;padding:2px 4px;font-size:32px;font-weight:700;cursor:pointer;transition:background-color .3s ease;height:60px;width:260px}.dialog-confirm-btn:focus{outline:none;animation:border-breath 2s ease-in-out infinite}@keyframes border-breath{0%{box-shadow:0 0 #f39c12b3}50%{box-shadow:0 0 0 15px #f39c1200}to{box-shadow:0 0 #f39c1200}}.dialog-confirm-btn:hover{background-color:#ea8f49;border:4px solid rgba(62,6,6,.1)}.dialog-confirm-btn:active{transform:translateY(1px)}@media(max-width:768px){.winner-dialog{padding:20px;margin:10px}.dialog-title{font-size:20px}}.host-login{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.host-login__container{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.host-login__title{font-size:1.75rem;font-weight:600;color:#333;text-align:center;margin-bottom:2rem}.host-login__error{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;text-align:center}.host-login__form{display:flex;flex-direction:column;gap:1.5rem}.host-login__form-group{display:flex;flex-direction:column;gap:.5rem}.host-login__label{font-size:.875rem;font-weight:500;color:#555}.host-login__input{padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:6px;transition:border-color .2s,box-shadow .2s}.host-login__input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.host-login__input::placeholder{color:#aaa}.host-login__button{padding:.875rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s,transform .1s}.host-login__button:hover:not(:disabled){opacity:.9}.host-login__button:active:not(:disabled){transform:translateY(1px)}.host-login__button:disabled{cursor:not-allowed;opacity:.7}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1920px;margin:0 auto;padding:0}.app-container{display:flex;flex-direction:column;gap:2rem}nav{background-color:#f0f0f0;padding:1rem;border-radius:8px}nav ul{list-style:none;display:flex;gap:2rem}nav ul li a{text-decoration:none;color:#333;font-weight:600;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s ease}nav ul li a:hover{background-color:#e0e0e0}nav ul li a.active{background-color:#646cff;color:#fff}h1{color:#333;margin-bottom:1rem}p{color:#666;font-size:1.1rem}