: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}}.grid-container{display:flex;flex-direction:column;border:2px solid #333;margin:0 auto;max-width:max-content}.grid-row{display:flex}.grid-tile{width:min(40px,7vw);height:min(40px,7vw);display:flex;align-items:center;justify-content:center;border:1px solid #333;font-family:monospace;font-size:1.2rem;background-color:#666;color:#a9a9a9;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s,box-shadow .2s}.grid-tile:hover{filter:brightness(1.1)}.grid-tile.revealed{background-color:#f3c412;color:#1a202c;cursor:default;pointer-events:none}.grid-tile.entry-point{background-color:#f39c12;animation:pulse-orange 1.5s infinite}.grid-tile.exit-unlocked{background-color:#10b981;animation:pulse-green 1.5s infinite}.grid-tile.word-complete{background-color:#000;color:#ff0;font-weight:700}.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes pulse-orange{0%{box-shadow:0 0 #f39c12b3}70%{box-shadow:0 0 0 10px #f39c1200}to{box-shadow:0 0 #f39c1200}}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.victory-message{margin:16px auto;padding:10px 20px;background:#10b981;color:#fff;border-radius:8px;text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:2px;box-shadow:0 2px 10px #10b98126}@media (max-width: 700px){.grid-tile{width:min(8vw,40px);height:min(8vw,40px);font-size:1rem}.victory-message,.error-message{font-size:1rem;padding:8px}.game-header{width:100%;max-width:600px;display:flex;justify-content:space-between;align-items:center;margin:0 auto 1.5rem;padding:0 10px;box-sizing:border-box;gap:10px}.game-header-room-code{font-family:monospace;font-size:1.1rem;font-weight:700;color:#4a5568;background-color:#f7fafc;padding:8px 12px;border:2px solid #E2E8F0;border-radius:6px;white-space:nowrap}.game-header-room-code span{color:#2d3748}.game-header .header-button{padding:8px 14px;font-size:.9rem;font-weight:700;border:none;border-radius:6px;background-color:#4a90e2;color:#fff;cursor:pointer;transition:background-color .2s;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.2)}.game-header .header-button:hover{background-color:#4a5568}.game-header .share-button{background-color:#48bb78}.game-header .share-button:hover{background-color:#38a169}.info-box-container{width:100%;max-width:600px;margin:1.5rem auto;padding:.75rem 1rem;background-color:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;font-family:sans-serif;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.info-box-text{color:#4a5568;font-size:.9rem;line-height:1.4;text-align:left;flex-grow:1}.info-box-kofi-link{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#72a4f2;color:#fff!important;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap;transition:background-color .2s}.info-box-kofi-link:hover{background-color:#5a91e8}@media (max-width: 550px){.info-box-container{flex-direction:column;text-align:center}.info-box-text{text-align:center;margin-bottom:.5rem}}}.scrollbox-container{margin-top:24px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;background-color:#f8f8f8;width:100%;max-width:600px;box-sizing:border-box;text-align:left}.scrollbox-title{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #ccc;font-family:sans-serif;font-size:1.2rem;color:#333}.scrollbox-content{max-height:250px;overflow-y:auto;padding-right:10px}.scrollbox-placeholder{color:#888;font-style:italic}.scrollbox-list{list-style-type:none;padding:0;margin:0}.scrollbox-item{padding:8px 4px;border-bottom:1px solid #e7e5e4;font-family:sans-serif;line-height:1.4}.scrollbox-item:last-child{border-bottom:none}.scrollbox-word{color:#111827;font-weight:600}.scrollbox-def{color:#4b5563}.lobby-container{display:flex;flex-direction:column;align-items:center;margin-top:40px;padding:24px;border:2px solid #e0e0e0;border-radius:8px;background-color:#f8f8f8;width:100%;max-width:400px}.lobby-container h2{margin-top:0;color:#333;font-family:sans-serif}.lobby-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.form-section{width:100%;display:flex;flex-direction:column;align-items:center}.separator{color:#888;font-weight:700;margin:8px 0}.lobby-input{width:100%;padding:12px;font-size:1.2rem;text-align:center;border:1px solid #ccc;border-radius:4px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:12px;box-sizing:border-box}.lobby-input::placeholder{text-transform:none;letter-spacing:normal}.lobby-button{width:100%;padding:12px;font-size:1rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.create-button{background-color:#2563eb;color:#fff}.create-button:hover{background-color:#1d4ed8}.join-button,.enter-button{background-color:#16a34a;color:#fff}.join-button:hover,.enter-button:hover{background-color:#15803d}.copy-button{background-color:#6b7280;color:#fff}.copy-button:hover{background-color:#4b5563}.room-code-display{font-family:monospace;font-size:2rem;font-weight:700;letter-spacing:.1em;padding:12px 20px;margin:8px 0 16px;border:2px dashed #888;background-color:#fff;color:#333;-webkit-user-select:all;user-select:all}.modal-overlay{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;background:#0000008c;display:flex;align-items:center;justify-content:center;pointer-events:none}.modal-content{background:#fff;color:#222;border-radius:16px;box-shadow:0 6px 32px #0003;padding:1.2em 2em 1em;min-width:320px;max-width:90vw;position:relative;font-size:1.08em;max-height:80vh;overflow-y:auto;pointer-events:auto}.close-modal{position:sticky;top:0;right:0;float:right;z-index:10;border:none;background:none;color:#e53935;font-size:2.1em;font-weight:700;padding:.12em .35em;cursor:pointer;transition:color .15s,background .2s}.close-modal:hover,.close-modal:focus{color:#fff;background:#e53935;border-radius:50%;outline:none}.howto-button{background:#4253d9;color:#fff;border:none;border-radius:6px;padding:.5em 1.1em;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #2222;transition:background .16s}.howto-button:hover{background:#3345a5}.make-own-button{background:#fbc02d;color:#222;border:none;border-radius:6px;padding:.5em 1.1em;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #2222;transition:background .16s;margin-right:.8em}.make-own-button:hover{background:#f9a825}.lobby-button.gift-button{background-color:#d4af37;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.lobby-button.gift-button:hover{background-color:#c5a230}.custom-prompt-input{border:1.5px solid #4253d9;border-radius:6px;padding:.6em .9em;font-size:1.08em;width:100%;margin-bottom:.5em;resize:vertical}.custom-prompt-input+div{color:#888;font-size:.95em;text-align:right;margin-bottom:1em}.lobby-button.submit-custom-button{background:#4caf50;color:#fff;transition:background-color .2s}.lobby-button.submit-custom-button:hover{background:#66bb6a}.lobby-button.submit-custom-button:disabled{background:#d7d7d7;color:#bbb;cursor:not-allowed}.lobby-button.cancel-custom-button{background:#b0b0b0;color:#333}.lobby-button.cancel-custom-button:hover{background:#a43b3b;color:#fff}.success-message{color:#2e7d32;margin-top:1em;font-weight:700}.error-message{margin:16px auto;padding:10px 20px;background:#d32f2f;color:#fff;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:700;letter-spacing:1px;box-shadow:0 2px 10px #d32f2f26}@keyframes spin{to{transform:rotate(360deg)}}.spinner-inline{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:12px}@media (max-width: 500px){.modal-content{min-width:96vw;padding:1em .5em .5em}.room-code-display{font-size:1.2em;padding:.25em .6em}.create-button,.join-button,.enter-button,.submit-custom-button,.howto-button{font-weight:700;text-shadow:0px 1px 2px rgba(0,0,0,.4)}}