@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);#root,body,html{height:100%;margin:0;padding:0;width:100%}body{background-color:#13022e;overflow:hidden}#game-container{height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:0}#root{display:block}#login-ui{box-sizing:border-box;color:#fff;font-family:Permanent Marker,cursive;height:100%;justify-content:center;left:0;padding:16px;pointer-events:none;position:absolute;text-shadow:0 0 8px #d8bfff,0 0 12px #9f5fff;top:0;z-index:10}#login-ui,.form-container{align-items:center;display:flex;flex-direction:column;width:100%}.form-container{max-width:360px;pointer-events:auto}.login-input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border:none;border-radius:30px;box-shadow:0 0 12px #ae71ff,inset 0 0 6px #8e4dff;box-sizing:border-box;color:#3e0f6f;display:block;font-family:Permanent Marker,cursive;font-size:18px;margin:12px 0;max-width:320px;outline:none;padding:12px 20px;text-align:left;text-shadow:0 0 4px #fff;width:100%}.login-input::placeholder{color:#e0cfff;opacity:.8;text-shadow:0 0 2px #fff}.login-button{align-items:center;background:linear-gradient(180deg,#9b5df7,#3e0f6f);border:none;border-radius:10px;box-shadow:0 0 14px #b983ff,0 0 20px #5a00ff;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Permanent Marker,cursive;font-size:20px;justify-content:center;margin:24px auto 0;max-width:320px;padding:14px 20px;transition:all .3s ease-in-out;width:100%}.login-button:hover{background:linear-gradient(145deg,#9b5df7,#7c4dff);box-shadow:0 0 24px #d3b0ff,0 0 30px #8c5cff}#login-ui h1{color:#fff;font-family:Permanent Marker,cursive;margin:0 0 12px;text-align:center;text-shadow:0 0 12px #b983ff,0 0 20px #5a00ff}.pass-wrapper{margin:12px 0;max-width:320px;position:relative;width:100%}.pass-wrapper .login-input{box-sizing:border-box;padding:12px 44px 12px 20px;width:100%}.toggle-password{color:#b983ff;cursor:pointer;font-size:20px;position:absolute;right:12px;text-shadow:0 0 6px #a96fff;top:50%;transform:translateY(-50%)}.error-message{color:#ac0d1a;margin-top:6px;min-height:22px;text-shadow:0 0 6px #c71a2999}.error-message,.register-toggle-text{max-width:320px;text-align:center;width:100%}.register-toggle-text{color:#ece2ff;cursor:pointer;margin-top:12px;-webkit-user-select:none;user-select:none}.register-toggle-text:hover{text-decoration:underline}@media (max-width:480px){#login-ui{padding:12px}.login-button,.login-input{font-size:16px}#login-ui h1{font-size:20px}}#dialog-log{background:#140028d9;border:2px solid #8e4dff;border-radius:10px;box-shadow:0 0 16px #00000073;color:#fff;display:flex;flex-direction:column;font-family:Permanent Marker,cursive;max-height:calc(100vh - 100px);overflow:hidden;padding:10px;position:fixed;right:20px;top:70px;width:min(360px,80vw);z-index:18}#dialog-log-header{align-items:center;border-bottom:1px solid #b983ff55;display:flex;flex-shrink:0;font-size:18px;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;text-shadow:0 0 8px #b983ff}#dialog-log-list{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px;scrollbar-width:none}#dialog-log-list::-webkit-scrollbar{display:none}.dialog-entry{grid-gap:10px;align-items:start;background:#ffffff0f;border:1px solid #b983ff59;border-radius:10px;box-shadow:inset 0 0 6px #b983ff59;display:grid;gap:10px;grid-template-columns:48px 1fr;padding:8px}.dialog-entry img{border-radius:50%;box-shadow:0 0 10px #b983ff;height:48px;object-fit:cover;width:48px}.dialog-entry .meta{display:flex;font-size:12px;justify-content:space-between;opacity:.8}.dialog-entry .name{color:#e9d1ff}.dialog-entry .time{color:#caaeff}.dialog-entry .text{font-size:14px;line-height:1.3;margin-top:6px}#dialog-log div,.dialog-entry .text{word-wrap:break-word;white-space:normal}#dialog-log-list>.dialog-entry{order:-1}.intro-active #dialog-log{display:none}#deduction-board{background:#140028d9;border:2px solid #8e4dff;border-radius:10px;box-shadow:0 0 16px #00000073;color:#fff;display:flex;flex-direction:column;font-family:Permanent Marker,cursive;left:20px;max-height:calc(100vh - 100px);overflow:hidden;padding:10px;position:fixed;top:70px;width:min(360px,80vw);z-index:18}#deduction-header{border-bottom:1px solid #b983ff55;font-size:18px;margin-bottom:10px;padding-bottom:8px;text-shadow:0 0 8px #b983ff}.db2{align-items:stretch;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.db2::-webkit-scrollbar{height:0;width:0}.db2{-ms-overflow-style:none;scrollbar-width:none}.db2-section{background:#ffffff0f;border:1px solid #b983ff59;border-radius:10px;box-shadow:inset 0 0 6px #b983ff59;display:inline-block;margin:0 auto;padding:8px;width:auto}.db2-section.narrow{width:100%!important}.db2-grid{margin:0 auto}.db2-title{font-size:14px;letter-spacing:.5px;margin-bottom:6px;opacity:.9;text-shadow:0 0 6px #b983ff}.db2-grid{grid-column-gap:8px;grid-row-gap:8px;align-items:stretch;column-gap:8px;display:grid;grid-auto-rows:54px;justify-items:stretch;row-gap:8px}.db2-grid>*{box-sizing:border-box;min-height:0;min-width:0}.db2-grid .corner{height:100%;width:100%}.db2-grid .label{background:#00000059;padding:0 8px}.db2-grid .col-header,.db2-grid .label{align-items:center;border:1px solid #b983ff59;border-radius:8px;display:flex;height:100%;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.db2-grid .col-header{background:#0006;font-size:11px;padding:0 6px;text-align:center}.db2-grid .cell{align-items:center;background:#ffffff14;border:1px solid #b983ff73;border-radius:8px;cursor:pointer;display:flex;font-size:22px;height:100%;justify-content:center;transition:transform .06s ease,background .15s ease;-webkit-user-select:none;user-select:none;width:100%}#deduction-header{justify-content:space-between}#deduction-header,.db-nav{align-items:center;display:flex}.db-nav{gap:8px}.db-arrow{background:#00000059;border:1px solid #b983ff8c;border-radius:8px;box-shadow:0 0 8px #b983ff66;color:#fff;cursor:pointer;font-family:Permanent Marker,cursive;padding:4px 10px}.db-arrow:hover{background:#00000080}#deduction-page-label{letter-spacing:.5px;opacity:.9}.db-pages{position:relative}.db-page{display:none}.db-page.active{display:block}.db2-section.narrow{width:76%}#deduction-board.hidden-by-sidebar{opacity:0;pointer-events:none;transform:translateX(-16px);transition:opacity .2s ease,transform .2s ease}#deduction-answer{gap:12px;padding:6px}#deduction-answer label{font-size:14px;margin-bottom:4px;text-shadow:0 0 6px #b983ff}#deduction-answer input{background:#ffffff14;border:1px solid #b983ff59;font-family:Monaco,monospace;font-size:14px;outline:none;padding:8px 10px}#deduction-answer input::placeholder{color:#caaeff;opacity:.8}#deduction-finish-btn{background:linear-gradient(180deg,#9b5df7,#3e0f6f);border:none;border-radius:8px;box-shadow:0 0 14px #b983ff,0 0 20px #5a00ff;color:#fff;cursor:pointer;font-size:15px;margin-top:14px;padding:10px 16px;transition:all .25s ease-in-out}#deduction-finish-btn:hover{background:linear-gradient(145deg,#9b5df7,#7c4dff);box-shadow:0 0 20px #d3b0ff,0 0 28px #8c5cff}#deduction-answer{display:flex;flex-direction:column;gap:10px}#deduction-answer .answer-row{align-items:center;display:flex;gap:10px}#deduction-answer label{color:#fff;opacity:.9;width:70px}#deduction-answer input{background:#0b0720;border:1px solid #8e4dff66;border-radius:6px;color:#fff;flex:1 1;padding:6px 8px}@media (max-width:600px){#dialog-log{right:10px;top:60px;width:82vw}#deduction-board{left:10px;top:60px;width:82vw}#deduction-header,#dialog-log-header{font-size:16px}}.sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140028d9;border:2px solid #8e4dff;border-radius:0 12px 12px 0;box-shadow:0 0 16px #00000073;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Monaco,monospace;inset:0 auto 0 0;padding:14px;position:fixed;transform:translateX(calc(-100% - 16px));transition:transform .28s ease,box-shadow .28s ease;width:min(340px,80vw);z-index:1200}.sidebar.open{transform:translateX(0)}.sidebar h2{border-bottom:1px solid #b983ff55;font-size:20px;font-weight:700;margin:6px 6px 12px;padding-bottom:8px;padding-top:45px;text-align:left;text-shadow:0 0 8px #b983ff}.sidebar ul{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:8px;list-style:none;margin:0;overflow-y:auto;padding:15px 6px 0;scrollbar-width:none}.sidebar ul::-webkit-scrollbar{display:none}.sidebar ul li{grid-gap:10px;align-items:center;background:#ffffff0f;border:1px solid #b983ff59;border-radius:10px;box-shadow:inset 0 0 6px #b983ff59;cursor:pointer;display:grid;font-size:16px;gap:10px;grid-template-columns:1fr auto;padding:10px 12px;transition:transform .06s ease,background .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease}.sidebar ul li:hover{background:#ffffff1a;border-color:#b983ff99;transform:translateY(-1px)}.sidebar ul li.locked{cursor:not-allowed;filter:grayscale(.2);opacity:.55}.sidebar ul li.locked:hover{background:#ffffff0f;border-color:#b983ff59;transform:none}.check-icon{color:#32cd32;filter:drop-shadow(0 0 6px rgba(50,205,50,.6));font-size:18px}.lock-icon{color:#bfb4ff;filter:drop-shadow(0 0 6px rgba(185,131,255,.45));font-size:18px;opacity:.9}.sidebar .author{border-top:1px solid #b983ff55;font-size:12px;margin:10px 6px 2px;opacity:.85;padding-top:8px;text-align:center}.menu-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140028d9;border:1px solid #8e4dff;border-radius:999px;box-shadow:0 0 12px #00000059;color:#fff;cursor:pointer;left:16px;padding:10px 12px;position:fixed;top:16px;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;z-index:1210}.menu-icon:hover{box-shadow:0 0 18px #00000080;transform:translateY(-1px)}.sidebar:not(.open){pointer-events:none}.sidebar.open{pointer-events:auto}.logout-btn{background:#b82323;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;margin:10px auto;padding:8px;transition:background .2s ease;width:90%}.logout-btn:hover{background:#d62c2c}@media (max-width:600px){.sidebar{max-width:360px;padding-inline:10px;width:82vw}.sidebar h2{font-size:18px;padding-top:38px}.sidebar ul li{font-size:14px;padding:8px 10px}.logout-btn{width:100%}}
/*# sourceMappingURL=main.d109f648.css.map*/