:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#000;color:#a7f3d0;font-family:ui-monospace,Cascadia Mono,Consolas,Courier New,monospace}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:12px}.term{width:100%;max-width:980px;background:#000;border:1px solid rgba(16,185,129,.6);border-radius:14px;box-shadow:0 0 40px #10b9811a;overflow:hidden}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#020202;border-bottom:1px solid rgba(16,185,129,.4);color:#a7f3d0;font-size:14px}.screen{height:74vh;padding:14px;color:#86efac;font-size:15px;overflow-y:auto;position:relative;scroll-behavior:smooth}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(16,185,129,.035) 0px,rgba(16,185,129,.035) 1px,transparent 2px,transparent 4px)}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 60%,#00000080)}.line{white-space:pre-wrap;line-height:1.7;position:relative;z-index:1}.stack .line{margin:6px 0}.stack .line.section{margin-top:12px;font-weight:700;color:#34d399}.banner{margin:8px 0 12px;text-align:center;color:#34d399;text-shadow:0 0 6px rgba(16,185,129,.35)}.panel{margin-top:14px;border:1px solid rgba(16,185,129,.6);border-radius:12px;background:#0009;padding-bottom:10px;animation:windowPop .14s ease-out;position:relative;z-index:1}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;color:#34d399;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(16,185,129,.35);background:#00000080}.panel-close{color:#86efac;opacity:.9;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 10px;border:1px solid rgba(16,185,129,.4);border-radius:6px;font-size:14px}.panel-close:hover{background:#10b9811f}@keyframes windowPop{0%{box-shadow:0 0 #10b98100;transform:translateY(4px);opacity:0}to{box-shadow:0 0 24px #10b9812e;transform:translateY(0);opacity:1}}.prompt{color:#34d399}.input{width:100%;margin-top:8px;padding:12px;background:#000;color:#bfffe8;border:1px solid rgba(16,185,129,.5);border-radius:8px;outline:none;font-size:15px}.input:focus{box-shadow:0 0 0 2px #10b98140}.softkeys{position:sticky;bottom:0;margin-top:10px;padding-top:8px;background:linear-gradient(to top,#000000d9,#0000);display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.softkey{border:1px solid rgba(16,185,129,.5);border-radius:8px;background:#000;color:#bfffe8;padding:12px 8px;text-align:center;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform 80ms ease}.softkey.active{background:#10b9811f}.softkey:hover{background:#10b98114;transform:translateY(-1px)}.footer{padding:10px 14px;border-top:1px solid rgba(16,185,129,.4);color:#34d399;font-size:12px;display:flex;justify-content:space-between}.name-gold{color:#eab308;font-weight:800}.copybox{margin-top:8px;border:1px dashed rgba(16,185,129,.6);border-radius:8px;padding:10px;background:#00000080;color:#bfffe8;-webkit-user-select:text;user-select:text}.copybtn{margin-top:8px;border:1px solid rgba(16,185,129,.6);border-radius:8px;padding:8px 10px;background:#10b9811f;color:#bfffe8;cursor:pointer}.copybtn:hover{background:#10b9812e}.field{display:flex;flex-direction:column;gap:6px;color:#bfffe8}.control{padding:10px;background:#000;color:#bfffe8;border:1px solid rgba(16,185,129,.5);border-radius:8px}@media (max-width: 640px){.titlebar{flex-direction:column;align-items:flex-start;gap:6px;font-size:13px}.screen{height:78vh;padding:12px;font-size:16px}.input{padding:14px;font-size:16px}.softkeys{grid-template-columns:repeat(2,1fr);gap:8px}.softkey{padding:14px 10px;font-size:14px}.panel.panel-mobile{position:fixed;top:10px;right:10px;bottom:10px;left:10px;z-index:5;margin-top:0;background:#000000f5}.panel.panel-mobile .panel-title{position:sticky;top:0;background:#000000f5}.panel.panel-mobile .stack{max-height:calc(100vh - 160px);overflow-y:auto}}@media (min-width: 641px) and (max-width: 920px){.softkeys{grid-template-columns:repeat(3,1fr)}}:root{--vh: 1vh}.app{min-height:calc(var(--vh) * 100)}.screen{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.softkeys{padding-bottom:env(safe-area-inset-bottom)}html{-webkit-text-size-adjust:100%}.screen,.panel .stack{-webkit-overflow-scrolling:touch}.screen,.panel .stack{overscroll-behavior:contain}svg[style*=imageRendering]{image-rendering:pixelated;image-rendering:crisp-edges}@supports (-webkit-touch-callout: none){@media (max-width: 640px){.softkeys{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));background:#000000e6;padding:10px;border-radius:10px;border:1px solid rgba(16,185,129,.4);z-index:9}.screen{padding-bottom:120px}}}@media (prefers-reduced-motion: reduce){.screen,.panel .stack{scroll-behavior:auto}}.avatar{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.avatar-frame{width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid rgba(16,185,129,.55);box-shadow:0 0 10px #10b9812e,inset 0 0 8px #10b9811f;background:#000}.avatar-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:grayscale(100%) saturate(80%) brightness(.92);transition:filter .16s ease,transform .12s ease,box-shadow .16s ease}.avatar-frame:hover .avatar-img{filter:grayscale(0%) saturate(110%) brightness(1);box-shadow:0 0 18px #10b98159}@media (hover: none){.avatar-img{filter:none}}