*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;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}body{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;color:#e0e0e0}button{transition:transform .12s ease,box-shadow .12s ease;transform:translateZ(0)}@media (hover:hover){button:enabled:hover{transform:scale(1.03)}}button:enabled:active{transform:scale(1.02)}button:focus-visible{outline:2px solid rgba(255,214,153,.6);outline-offset:2px}.emergency-button:enabled{box-shadow:0 0 0 rgba(255,215,0,0)}@media (hover:hover){.emergency-button:enabled:hover{box-shadow:0 0 16px rgba(255,215,0,.35)}}.emergency-button:enabled:active{box-shadow:0 0 20px rgba(255,215,0,.45)}.room-shell{min-height:100vh;background:linear-gradient(135deg,#1f1f1f,#2a2a2a 45%,#333)}@media (min-width:431px){.room-shell,body,html{height:100vh;overflow:hidden}.room-page{height:100vh;display:flex;flex-direction:column}.room-content{flex:1 1 auto;min-height:0;height:100%;align-items:stretch!important}.room-chat{display:flex;flex-direction:column;min-height:0;height:100%}.chat-box{flex:1 1 auto;min-height:0;max-height:none;margin-bottom:.75rem}.chat-input-row{flex:0 0 auto}.room-sidebar{max-height:none;height:100%}.share-link-button{position:fixed!important;bottom:1.75rem!important;right:1.75rem!important;width:3rem!important;height:3rem!important;padding:0!important;border-radius:50%!important;z-index:1000}.share-text{display:none}.share-icon{font-size:1.5rem}}.word-hover-area .word-image{transition:filter .2s ease}.word-hover-area.impostor-hover:hover .word-image{filter:sepia(35%) saturate(220%) hue-rotate(-20deg) brightness(.92)}@media (max-width:430px){body,html{font-size:14px}.room-page{padding:3.5rem .5rem .5rem!important;max-width:100%!important;min-height:100vh;min-height:100dvh}.room-page h1{font-size:1.2rem;margin-bottom:.25rem!important}.room-page>p{font-size:.85rem;margin-bottom:.75rem!important}.room-actions{position:fixed;top:0;left:0;right:0;background:linear-gradient(180deg,#1f1f1f 0,#1f1f1f 85%,transparent);padding:.5rem .75rem 1rem;z-index:1000;flex-direction:row!important;justify-content:space-between!important;gap:.5rem;margin-bottom:0!important}.back-button,.room-actions{display:flex!important;align-items:center!important}.back-button{position:static!important;width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;padding:0!important;justify-content:center!important;flex-shrink:0}.back-button-text{display:none}.room-header-title{position:static!important;flex:1 1;min-width:0;text-align:center}.room-header-title h2{margin:0!important;font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-header-title p{margin:0!important;font-size:.7rem!important}.share-buttons-container{position:fixed!important;right:.75rem!important;bottom:4.5rem!important;z-index:1100;display:flex;flex-direction:column;gap:.5rem}.share-link-button{width:3rem!important;height:3rem!important;min-width:3rem!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.share-text{display:none!important}.share-icon{font-size:1.3rem!important}.room-actions button{padding:.5rem .75rem!important;font-size:.85rem}.word-card{padding:.5rem!important;margin-bottom:.5rem!important}.word-image{width:80px!important;height:80px!important}.word-tooltip{font-size:1.1rem!important;padding:.5rem 1rem!important}.word-card>p{font-size:.75rem;margin:.35rem 0 0!important}.room-content{flex-direction:column!important;gap:.5rem!important;height:auto!important}.room-chat{order:1;flex:none!important;width:100%}.room-sidebar{order:2;width:100%!important;padding:.75rem!important;max-height:none!important;overflow:visible!important}.room-sidebar h3{font-size:.9rem;margin:0 0 .5rem!important}.room-sidebar ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.35rem;gap:.35rem;margin-bottom:.5rem!important}.room-sidebar li{padding:.4rem .5rem!important;font-size:.8rem;margin-bottom:0!important}.room-sidebar button{padding:.6rem!important;font-size:.85rem;margin-top:.5rem!important;min-height:44px}.chat-box{max-height:35vh!important;padding:.75rem!important;margin-bottom:.5rem!important}.chat-box p{font-size:.85rem}.chat-box>div>div{padding:.5rem!important;margin-bottom:.5rem!important}.chat-input-row{flex-direction:row!important;gap:.5rem;position:-webkit-sticky;position:sticky;bottom:0;background:#2a2a2a;padding:.5rem;margin:0 -.5rem -.5rem;border-radius:0 0 8px 8px}.chat-input-row input{flex:1 1;padding:.6rem .75rem!important;font-size:.9rem;min-height:44px}.chat-input-row button{padding:.6rem 1rem!important;font-size:.9rem;min-height:44px;white-space:nowrap}.creator-actions{position:fixed!important;bottom:.75rem!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;margin:0!important;gap:.5rem;z-index:1100}.creator-actions>div{display:flex;flex-direction:column;align-items:center}.creator-actions button{padding:.75rem 1.5rem!important;font-size:.9rem;min-height:48px}.home-layout{flex-direction:column}.home-visual{display:none}.home-panel{flex:none}.home-main{padding:1rem!important}.home-main h2,.home-main p{font-size:.95rem}.home-main button{padding:.6rem 1rem!important;font-size:.85rem;min-height:44px}.settings-page{padding:1rem!important;min-height:100vh;min-height:100dvh}.settings-card{width:100%}.settings-card h1{font-size:1.2rem;margin-bottom:1rem!important}.settings-card input,.settings-card label{font-size:.9rem}.settings-card input{padding:.6rem .75rem!important;min-height:44px}.settings-card button{min-height:44px}.settings-actions{flex-direction:column;gap:.5rem}.settings-actions button{width:100%;padding:.75rem!important;font-size:.9rem;min-height:48px}}a{color:inherit;text-decoration:none}@media (min-width:431px) and (max-width:768px){.room-page{padding:1rem!important}.room-content{flex-direction:column!important;gap:1rem!important}.room-chat{order:1;width:100%}.room-sidebar{order:2;width:100%!important}.room-sidebar ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.chat-box{max-height:50vh!important}.creator-actions{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;margin-top:1rem!important;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:#2a2a2a;border-radius:12px;padding:1.5rem;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.5)}@media (max-width:430px){.modal-content{max-width:none;width:calc(100% - 2rem);max-height:85vh;border-radius:16px}}button:focus-visible,input:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}html{scroll-behavior:smooth}@media (hover:none){button:active{transform:scale(.98);opacity:.9}}@supports (padding-bottom:env(safe-area-inset-bottom)){.room-page{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.creator-actions{bottom:calc(.75rem + env(safe-area-inset-bottom))!important}@media (max-width:430px){.share-buttons-container{bottom:calc(4.5rem + env(safe-area-inset-bottom))!important}}}