:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-border: #e5e5e5;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-success-border: #6ee7b7;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-warning-border: #fcd34d;--color-critical: #ef4444;--color-critical-bg: #fef2f2;--color-critical-border: #fca5a5}.app{min-height:100vh;background-color:var(--color-bg);padding:1.5vw;overflow:auto}.intro-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 3vw);padding:2rem}.intro-content{max-width:700px;background-color:var(--color-surface);padding:2.5rem;border-radius:12px;border:1px solid var(--color-border)}.intro-section{margin-bottom:1.75rem}.intro-section:last-of-type{margin-bottom:2rem}.intro-section h2{margin:0 0 .6rem;font-size:1.1rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.intro-section p{margin:0 0 .6rem;line-height:1.65;color:var(--color-text);font-size:.95rem}.intro-section p:last-child{margin-bottom:0}.btn-intro{font-size:.9rem;padding:.5rem 1rem}.main-content{height:calc(100vh - 3vw);display:grid;grid-template-columns:28vw 1fr;gap:1.5vw;align-items:start}@media (max-width: 1400px){.main-content{grid-template-columns:1fr}}.instructions-panel{background-color:var(--color-surface);padding:1.5vw;border-radius:.8vw;border:1px solid var(--color-border);height:100%;overflow-y:auto;display:flex;flex-direction:column}.instructions-panel h2{color:var(--color-text);font-size:1.3rem;font-weight:700;margin-bottom:.4rem;letter-spacing:-.02em;flex-shrink:0}.world-description{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:1rem;line-height:1.5;flex-shrink:0}.instruction-box{background-color:var(--color-bg);border-left:3px solid var(--color-primary);padding:1rem;border-radius:.5vw;margin-top:.8rem;flex-shrink:0}.instruction-box.success{background-color:var(--color-success-bg);border-left-color:var(--color-success)}.instruction-box.warning{background-color:var(--color-warning-bg);border-left-color:var(--color-warning)}.instruction-box.critical{background-color:var(--color-critical-bg);border-left-color:var(--color-critical)}.instruction-box h3{margin-top:0;margin-bottom:.7rem;color:var(--color-text);font-size:1rem;font-weight:600;letter-spacing:-.01em}.instruction-box p{margin-bottom:.6rem;line-height:1.6;color:var(--color-text);font-size:.85rem}.instruction-box p:last-of-type{margin-bottom:0}.quote-box{margin:1rem 0;padding:.9rem;background:#fff;border:1px solid var(--color-border);border-left:3px solid var(--color-text-secondary);border-radius:.4vw}.quote-text{font-size:.8rem;line-height:1.5;color:var(--color-text-secondary);font-style:italic;margin-bottom:.5rem!important}.quote-attribution{font-size:.75rem;color:var(--color-text-secondary);text-align:right;margin:0!important;font-weight:500}.visualization-panels{display:flex;flex-direction:column;gap:1.5vw;height:100%}.panel{background-color:var(--color-surface);padding:1.5vw;border-radius:.8vw;border:1px solid var(--color-border);flex:1;display:flex;flex-direction:column;overflow:hidden}.panel h3{margin:0;color:var(--color-text);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;flex-shrink:0}.panel-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.6;flex-shrink:0}.panel-header-inline{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem;flex-shrink:0;flex-wrap:wrap}.panel-description-inline{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.panel>div:not(.panel-header-inline){display:flex;align-items:center;justify-content:center;flex:1}.btn-next{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;color:#000;border:2px solid black;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:1rem}.btn-next:hover{background-color:#f5f5f5}.btn-next:active{transform:scale(.98)}.tooltip{pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}body{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;background-color:#f5f5f5;color:#333}#root{min-height:100vh}