:root{--blue: linear-gradient(180deg, #0120cb 0%, #011ba9 100%);--yellow: #ffe817;--green: #90ff7e;--red: #ffa57e;--spooky-orange: #ad4e08;--spooky-orange-text: #fffec8;--gap: 0.1em;--text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)}*{box-sizing:border-box}html,body{height:100%}body{font-family:sans-serif;background:#1d4594;color:#fff;font-size:2vw;text-align:center;padding:1em;padding-top:0;padding-bottom:0}.top-header{display:flex;justify-content:space-between;align-items:center;text-shadow:var(--text-shadow)}.score{display:flex;align-items:center}.score-count{color:var(--yellow);font-size:2em;font-weight:bold;margin-left:.2em}.column ul{list-style-type:none;margin:0;padding:0}.content ul{list-style-type:none;margin:0;padding:0}.board{display:flex;justify-content:space-around}.board .column{flex:1;margin-left:var(--gap);margin-right:var(--gap)}.board .column header{text-transform:capitalize;background:#e10e78;text-align:center;margin-bottom:1em;height:3em;display:flex;align-items:center;justify-content:center}.board .column li{background:#e10e78;color:var(--yellow);height:3em;margin-bottom:.25em}.board .column button{height:100%;color:inherit;font-size:2em;-webkit-appearance:none;border:0;background:none;display:block;width:100%;cursor:pointer;text-shadow:var(--text-shadow);font-weight:bold}.content li{list-style-type:none;background:var(--blue);color:var(--yellow);height:3em;margin-bottom:1em;border:1px solid #1e2d7b}.content button{min-height:80px;color:inherit;font-size:18px;-webkit-appearance:none;border:0;background:none;display:block;width:100%;cursor:pointer;text-shadow:var(--text-shadow);font-weight:bold;border:2px solid #1e2d7b}.board .column button.used{visibility:hidden}.card-modal{opacity:0;pointer-events:none;transition:opacity .4s;left:0;right:0;top:0;bottom:0;background:#1d4594;position:fixed;font-size:2vw;text-align:center;display:flex;align-items:center;justify-content:center}.card-modal.visible{opacity:1;pointer-events:initial}.card-modal.showing-result .result{display:block}.card-model .clue-text{margin-bottom:2em}.result,.card-modal.showing-result form{display:none}.card-modal form{display:flex}.card-modal form input[type=text]{display:block;flex-grow:1;height:3em;line-height:3em;border:0;text-align:center;border-top-left-radius:.4em;border-bottom-left-radius:.4em}.card-modal form button[type=submit]{padding-left:2em;padding-right:2em;cursor:pointer;font-family:inherit;background:var(--yellow);border:0;font-size:inherit;border-top-right-radius:.4em;border-bottom-right-radius:.4em}.card-modal-inner{width:80%;text-shadow:0px 4px 4px rgba(0,0,0,.25)}.result_success,.result_fail{font-size:2em;font-weight:bold}.result_success{color:var(--green)}.result_fail{color:var(--red)}.result_correct-answer-text{font-weight:bold;font-size:2em;display:block;margin-left:.1em}.column1{float:left;width:45%;background:#e10e78;color:var(--yellow);margin-bottom:.25em}.row:after{content:"";display:table;clear:both}#indexPage :root{--blue: linear-gradient(180deg, #0120cb 0%, #011ba9 100%);--yellow: #ffe817;--green: #90ff7e;--red: #ffa57e;--spooky-orange: #ad4e08;--spooky-orange-text: #fffec8;--gap: 0.1em;--text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)}#indexPage *{box-sizing:border-box}#indexPage body{margin:0;font-family:Arial,sans-serif;background:#1d4594;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#indexPage .quiz-form-box{width:100%;max-width:450px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 35px rgba(0,0,0,.2)}#indexPage .quiz-form-box h2{margin:0 0 20px;text-align:center;color:#0120cb;font-size:28px;line-height:1.3}#indexPage .form-group{margin-bottom:16px}#indexPage .form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:15px}#indexPage .form-group input{width:100%;height:48px;padding:0 14px;border:1px solid #ccc;border-radius:10px;font-size:15px;outline:none;transition:.3s ease}#indexPage .form-group input:focus{border-color:#0120cb;box-shadow:0 0 0 3px rgba(1,32,203,.12)}#indexPage .btn-submit{width:100%;height:50px;border:none;background:#e10e78;color:#fff;font-size:16px;font-weight:bold;border-radius:10px;cursor:pointer;transition:.3s ease}#indexPage .btn-submit:hover{background:#c70b69}#indexPage .error-msg{background:#ffdede;color:#b10000;padding:10px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:14px}@media(max-width: 768px){#indexPage body{padding:16px;align-items:center}#indexPage .quiz-form-box{max-width:100%;padding:24px 20px;border-radius:14px}#indexPage .quiz-form-box h2{font-size:24px;margin-bottom:18px}#indexPage .form-group label{font-size:14px}#indexPage .form-group input{height:46px;font-size:14px}#indexPage .btn-submit{height:48px;font-size:15px}}@media(max-width: 480px){#indexPage body{padding:12px}#indexPage .quiz-form-box{padding:20px 16px;border-radius:12px}#indexPage .quiz-form-box h2{font-size:22px}#indexPage .form-group{margin-bottom:14px}#indexPage .form-group label{font-size:13px;margin-bottom:5px}#indexPage .form-group input{height:44px;font-size:14px;padding:0 12px}#indexPage .btn-submit{height:46px;font-size:15px}#indexPage .error-msg{font-size:13px;padding:9px}}@media(max-width: 360px){#indexPage .quiz-form-box h2{font-size:20px}#indexPage .form-group input,#indexPage .btn-submit{height:42px}}.modal-close{position:absolute;top:10px;right:12px;font-size:24px;border:none;background:none;cursor:pointer;color:#fff}.form-group{text-align:left;margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;text-align:left}.form-group input{width:100%;padding:8px;text-align:left;box-sizing:border-box}.btn-submit{display:block}.event-list ul{list-style:none;padding:0}.event-list li{margin-bottom:10px}.event-list a{display:block;padding:10px 15px;background:#f5f5f5;text-decoration:none;border-radius:6px}.event-list a:hover{background:#ddd}