*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-primary: #e94560;--color-text: #eee;--color-text-muted: #999;--color-border: #333;--min-touch: 44px;--font-size-base: 15px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;font-size:var(--font-size-base);line-height:1.4;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#root{width:100%;height:100%;display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;width:100%;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.app-shell__main{flex:1;display:flex;flex-direction:row;overflow:hidden}.app-shell__canvas{flex:5;min-width:0;background:#111;position:relative;overflow:hidden;color:var(--color-text-muted)}.app-shell__panel{flex:1.5;min-width:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border)}.app-shell__panel-content{flex:1;min-height:0;overflow-y:auto;padding:.75rem}.app-shell__panel-nav{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--color-border);flex-shrink:0}.app-shell__panel-nav button{flex:1;min-height:var(--min-touch);border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.9rem;cursor:pointer}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;gap:1rem}.auth-screen h1{font-size:1.5rem;color:var(--color-primary)}.auth-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.auth-form input{min-height:var(--min-touch);padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:1rem}.auth-form button{min-height:var(--min-touch);border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:var(--color-primary);font-size:.85rem;text-align:center}.auth-toggle{font-size:.85rem;color:var(--color-text-muted);text-align:center}.auth-toggle button{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline}.save-screen{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;height:100%;overflow-y:auto}.save-screen h2{font-size:1.25rem}.save-list{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:400px}.save-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.save-item button{min-height:36px;padding:0 .75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer}.save-actions{display:flex;gap:.5rem}.new-save-form{display:flex;gap:.5rem;width:100%;max-width:400px}.new-save-form input{flex:1;min-height:var(--min-touch);padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:1rem}.new-save-form button{min-height:var(--min-touch);padding:0 1rem;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:.9rem;cursor:pointer}.dialogue-box{display:flex;flex-direction:column;gap:.5rem}.dialogue-speaker{font-weight:600;color:#4fc3f7;font-size:.9rem}.dialogue-text{font-size:.9rem;line-height:1.5;color:var(--color-text)}.dialogue-options{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.dialogue-option{min-height:var(--min-touch);padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.85rem;text-align:left;cursor:pointer}.dialogue-option:active{background:var(--color-primary);border-color:var(--color-primary)}.intro-modal{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.intro-modal__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;max-width:640px;max-height:100%;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.intro-modal__title{color:var(--color-primary);font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}.intro-modal__content p{font-size:.9rem;line-height:1.5;color:var(--color-text)}.intro-modal__continue{align-self:flex-end;min-height:var(--min-touch);padding:.5rem 1.25rem;border:1px solid var(--color-primary);border-radius:6px;background:var(--color-primary);color:#fff;font-size:.95rem;cursor:pointer}.char-creator{position:fixed;inset:0;background:#000000e6;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.char-creator__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;max-width:640px;width:100%;max-height:100%;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.char-creator__step{color:var(--color-primary);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.char-creator__prompt{font-size:.95rem;line-height:1.5;color:var(--color-text)}.char-creator__answers{display:flex;flex-direction:column;gap:.5rem}.char-creator__answer{min-height:var(--min-touch);padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.9rem;text-align:left;cursor:pointer}.char-creator__answer:hover,.char-creator__answer:focus{border-color:var(--color-primary)}.char-creator__stats{display:flex;flex-direction:column;gap:.6rem}.char-creator__stat{border:1px solid var(--color-border);border-radius:6px;padding:.5rem .75rem;background:var(--color-bg)}.char-creator__stat-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.char-creator__stat-label{font-size:.95rem;font-weight:600}.char-creator__stat-controls{display:flex;align-items:center;gap:.5rem}.char-creator__stat-controls button{min-width:36px;min-height:36px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:1.1rem;cursor:pointer}.char-creator__stat-controls button:disabled{opacity:.4;cursor:not-allowed}.char-creator__stat-value{min-width:24px;text-align:center;font-size:1rem;font-weight:600}.char-creator__stat-desc{margin-top:.25rem;font-size:.8rem;color:var(--color-text-muted)}.char-creator__actions{display:flex;justify-content:flex-end}.char-creator__confirm{min-height:var(--min-touch);padding:.5rem 1.25rem;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer}.char-creator__confirm:disabled{opacity:.5;cursor:not-allowed}.char-creator__error{color:var(--color-primary);font-size:.85rem}a[href*="vibej.am"]{right:auto!important;left:-1px!important;border-top-left-radius:0!important;border-top-right-radius:12px!important}@keyframes quest-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.95);filter:brightness(1.6)}40%{opacity:1;transform:translateY(0) scale(1.04);filter:brightness(1.8)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}