*{box-sizing:border-box}body{margin:0;padding:0;font-size:16px;line-height:1.4}#terminal-container{flex-direction:column;max-width:1200px;height:100vh;margin:0 auto;display:flex}#terminal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:10px 15px;font-size:14px;display:flex}.terminal-title{flex-shrink:0;font-weight:700}.header-controls{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.header-links{gap:8px;display:flex}.header-links a{border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.header-links a svg{flex-shrink:0}.header-links a:hover{opacity:.8;transform:translateY(-1px)}.notification-status{cursor:pointer;border-radius:4px;align-items:center;padding:4px 8px;font-size:16px;transition:background-color .2s;display:flex}.notification-status:hover{background-color:#0000001a}.notification-status.disabled{opacity:.5;cursor:default}.notification-status.disabled:hover{background-color:#0000}.theme-selector{align-items:center;gap:6px;font-size:12px;display:flex}.theme-selector label{white-space:nowrap;font-weight:500}.theme-selector select{cursor:pointer;background:0 0;border:1px solid;border-radius:4px;padding:4px 8px;font-size:12px}#command-toolbar{border-top:1px solid;border-bottom:1px solid;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 15px;display:flex}.toolbar-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;justify-content:center;align-items:center;min-width:70px;padding:10px 16px;font-family:Palatino,Book Antiqua,serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.toolbar-btn:hover{opacity:.9;transform:translateY(-1px)}.toolbar-btn:active,.toolbar-btn.clicked{opacity:.8;transform:translateY(0)}.toolbar-btn.touch-active{opacity:.7;transform:translateY(0)}.toolbar-btn .btn-label{text-transform:uppercase;letter-spacing:.8px;line-height:1}@media (width<=600px){#command-toolbar{gap:6px;padding:6px 10px}.toolbar-btn{min-width:60px;padding:8px 12px;font-size:12px}.toolbar-btn .btn-label{letter-spacing:.5px}}#terminal-output{flex-direction:column;flex:1;min-height:0;padding:15px;font-size:14px;display:flex;overflow-y:auto}#terminal-output:before{content:"";flex-grow:1}#terminal-output::-webkit-scrollbar{width:10px}.output-line{white-space:pre-wrap;word-wrap:break-word;margin:5px 0}.system-message{font-style:italic}#terminal-input-line{align-items:center;padding:10px 15px;display:flex}.prompt{margin-right:10px;font-weight:700}#terminal-form{flex:1;display:flex}#terminal-input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}@media (width<=768px){body{font-size:14px}#terminal-header{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}#terminal-output{padding:10px;font-size:12px}#terminal-input{font-size:12px}}.output-line strong{font-weight:700}.output-line em{font-style:italic}.output-line code{border-radius:3px;padding:2px 4px;font-family:Courier New,Courier,monospace}.output-line .code-block{white-space:pre;border-radius:5px;margin:10px 0;padding:15px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.4;overflow-x:auto}.output-line .code-block code{background:0 0;border-radius:0;padding:0}.output-line .header-1{margin:15px 0 10px;font-size:20px;font-weight:700;line-height:1.3}.output-line .header-2{margin:12px 0 8px;font-size:18px;font-weight:700;line-height:1.3}.output-line .header-3{margin:10px 0 6px;font-size:16px;font-weight:700;line-height:1.3}.loading{display:inline-block}.loading:after{content:"...";animation:1.5s infinite loading}@keyframes loading{0%{content:"."}33%{content:".."}66%{content:"..."}}.welcome-message{text-align:center;margin:20px 0;padding:20px}.activity-list{margin:10px 0}.activity-list li{margin:5px 0}@media (width<=768px){#terminal-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px}.header-controls{justify-content:space-between;gap:10px;width:100%}.theme-selector{font-size:11px}.theme-selector select{padding:3px 6px;font-size:11px}}.component-container{width:100%;margin:16px 0}.action-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.game-button{border:1px solid var(--button-border,#ccc);background:var(--button-bg,#f8f9fa);min-width:36px;min-height:36px;color:var(--button-text,#333);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;border-radius:6px;outline:none;flex:1;max-width:120px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.game-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.game-button:active,.game-button.clicked{transition:transform .1s;transform:scale(.95)}.game-button.touch-active{background:var(--button-active-bg,#e9ecef)}.game-button:disabled,.game-button.disabled,.game-button.processing{opacity:.6;cursor:not-allowed;transform:none}.game-button.processing:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite button-spinner;position:absolute;top:50%;left:50%}@keyframes button-spinner{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.game-button.style-primary{background:var(--button-primary-bg,#007bff);color:var(--button-primary-text,#fff);border-color:var(--button-primary-border,#0056b3)}.game-button.style-secondary{background:var(--button-secondary-bg,#6c757d);color:var(--button-secondary-text,#fff);border-color:var(--button-secondary-border,#545b62)}.game-button.style-success{background:var(--button-success-bg,#28a745);color:var(--button-success-text,#fff);border-color:var(--button-success-border,#1e7e34)}.game-button.style-danger{background:var(--button-danger-bg,#dc3545);color:var(--button-danger-text,#fff);border-color:var(--button-danger-border,#bd2130)}.game-button:focus{outline:2px solid var(--button-focus,#007bff);outline-offset:2px}@media (prefers-contrast:high){.game-button{border-width:2px;font-weight:600}}@media (width>=768px){.game-button{max-width:140px;font-size:14px}.action-row{justify-content:flex-start}}@media (width<=480px){.game-button{min-width:32px;min-height:32px;padding:5px 8px;font-size:13px}.action-row{gap:6px}.component-container{margin:12px 0}}