.screen{width:100%;min-height:100vh;max-width:430px;margin:0 auto;padding:1rem}.auth-screen{display:flex;flex-direction:column;justify-content:center;gap:1rem}.with-nav{display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.nav-actions{display:flex;align-items:center;gap:.75rem}.brand{color:#f5f7ff;text-decoration:none;font-weight:700}.link-button{border:none;background:transparent;color:#8eb5ff;font-size:.95rem}.content{display:flex;flex-direction:column;gap:1rem;flex:1}.subtle-headline{margin:0;font-size:1rem;font-weight:600;color:#b5c3eb}.game-cards{display:flex;flex-direction:column;gap:.6rem}.game-card{width:100%;text-align:left;border:1px solid #334169;border-radius:12px;background:#131d38;color:#f5f7ff;padding:.85rem}.game-card h2{margin:0 0 .35rem;font-size:1rem}.game-card p{margin:0;color:#cfdbff;font-size:.92rem}.stack{display:flex;flex-direction:column;gap:.75rem}.field{display:flex;flex-direction:column;gap:.35rem}.field input,.field textarea{border:1px solid #334169;border-radius:10px;background:#131d38;color:#f5f7ff;padding:.7rem;font-size:1rem}.primary{border:none;border-radius:10px;padding:.8rem;background:#4d76ff;color:#fff;font-size:1rem;font-weight:600}.ghost{border:1px solid #4d76ff;border-radius:10px;padding:.8rem;background:transparent;color:#d6e2ff;font-size:1rem}.dropzone{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #334169;border-radius:12px;background:#131d38;color:#f5f7ff;padding:1rem;cursor:pointer}.dropzone.dragging{border-color:#8eb5ff}.hidden-input{display:none}.character-block{border:1px solid #334169;border-radius:12px;background:#131d38;padding:.9rem;display:flex;flex-direction:column;gap:.65rem}.character-block h2{margin:0;font-size:1rem}.game-layout{min-height:0;position:relative;overflow:hidden;border-radius:12px;padding:.75rem;background-color:#000}.game-screen{height:100vh;overflow:hidden}.game-screen .content{min-height:0}.game-screen .game-layout{overflow:hidden}.scene-ui>h1{font-size:1rem}.scene-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .25s ease}.has-bg-image .scene-bg-layer{background-image:linear-gradient(#00000059,#000000a6),var(--scene-bg-image)}.bg-visible .scene-bg-layer{opacity:1}.scene-ui{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;opacity:1;transition:opacity .25s ease}.has-bg-image .scene-ui{opacity:0}.content-visible .scene-ui{opacity:1}.image-only-view .scene-ui{opacity:0;pointer-events:none}.image-only-view .scene-bg-layer{opacity:1}.log{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1;min-height:42vh;padding-right:.25rem}.game-screen .log{min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.game-screen .log::-webkit-scrollbar{width:8px}.game-screen .log::-webkit-scrollbar-track{background:transparent}.game-screen .log::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.game-screen .log::-webkit-scrollbar-thumb:hover{background:#ffffff80}.bubble{border-radius:12px;padding:.75rem}.bubble.assistant{background:#1b2850;border:1px solid #34447a}.bubble.user{background:#283156;border:1px solid #46558c}.has-bg-image .bubble.assistant{background:#1b2850b3}.has-bg-image .bubble.user{background:#283156b3}.bubble p{margin:0;white-space:pre-wrap}.action-form{display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem}.action-row{display:grid;grid-template-columns:1fr 2fr;gap:.5rem}.has-bg-image .field textarea{background:#131d38b3}.has-bg-image .action-row .primary{background:#131d38b3;border:1px solid #4d76ff}.auth-footnote,.status,.error{margin:0;font-size:.9rem}.error{color:#ff9ca6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}.modal{width:100%;max-width:360px;border:1px solid #334169;border-radius:12px;background:#131d38;color:#f5f7ff;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.modal h2,.modal p{margin:0}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:#0b1020;color:#f5f7ff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:#8eb5ff}