*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Courier New,Courier,monospace;background:#1a1a1a;color:#e0e0e0}#root{height:100%}body.bg-image{background-image:url(/assets/homescreen-BHMaP-H7.png);background-size:cover;background-position:center}a{color:#f5c542;text-decoration:none}a:hover{text-decoration:underline}.yellow-text{color:#f5c542!important}.desktop-nav{display:none}.pager{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:100%;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.page{flex:0 0 100%;width:100%;min-height:100%;scroll-snap-align:start;overflow-y:auto;padding:40px 28px 100px}.page-inner{max-width:600px;margin:0 auto}.page-title{font-size:2rem;font-weight:700;color:#f5c542;margin-bottom:20px}.page-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-scroll::-webkit-scrollbar{display:none}.hw-image{width:220px;height:220px;object-fit:cover;border-radius:8px;margin-bottom:24px}.hw-image-square{width:220px;height:220px;background-color:#f5c542;border-radius:16px;margin-bottom:24px}.hw-right{margin-top:16px}.hw-right p{line-height:1.5;font-size:.95rem;margin-bottom:20px}.hw-table{width:100%;margin-top:4px}.hw-table-header{font-size:.85rem;margin-bottom:4px;color:#ccc;border-bottom:1px solid #555;padding-bottom:4px}.hw-table table{width:100%;border-collapse:collapse;font-size:.85rem}.hw-table th,.hw-table td{text-align:left;padding:6px 8px}.hw-table th{border-bottom:1px solid #555;color:#ccc}.hw-table td{border-bottom:1px solid #333}.coming-soon{font-weight:700;color:#e0e0e0;text-align:right}.profile-btn{font-family:Courier New,Courier,monospace;font-size:.85rem;padding:7px 18px;border-radius:999px;border:1px solid #555;background:transparent;color:#e0e0e0;cursor:pointer;transition:border-color .2s,color .2s}.profile-btn:not(.primary):hover{border-color:#f5c542;color:#f5c542}.profile-btn.primary{background:#f5c542;border-color:#f5c542;color:#1a1a1a;font-weight:700}.project-list{margin-bottom:40px}.project-item{display:flex;align-items:center;gap:12px;color:#e0e0e0;font-size:1.1rem;text-decoration:none;padding:8px 0}button.project-item{background:none;border:none;font-family:inherit;font-size:1.1rem;cursor:pointer}.project-item:hover{color:#f5c542}.project-icon{width:36px;height:36px;border-radius:6px;background-color:#f5c542}.contact-section h2{font-size:1.1rem;margin-bottom:12px;color:#e0e0e0;text-decoration:underline}.contact-section table{font-size:.9rem}.contact-label{padding-right:16px;color:#ccc}.contact-section td{padding:4px 0}.app-overlay{position:fixed;inset:0;z-index:50;overflow:hidden}.app-pager{display:flex;height:100%;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-pager::-webkit-scrollbar{display:none}.app-page,.app-exit-page{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}.app-page{background:#1a1a1a}.app-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:40px 28px 100px}.app-scroll::-webkit-scrollbar{display:none}.ordotron-page{display:flex;justify-content:center}button.blinding-lights{background:none;border:none;padding:0;font-family:inherit;font-weight:700;cursor:pointer}.blinding-lights{font-size:clamp(2.4rem,11vw,6rem);letter-spacing:.06em;color:#fffdf2;text-shadow:0 0 4px #ffffff,0 0 11px #ffffff,0 0 19px #fff3c4,0 0 40px #f5c542,0 0 80px #f5c542,0 0 110px #f5a742,0 0 160px #f5a742;animation:blinding-flicker 2.6s infinite}@keyframes blinding-flicker{0%,17%,21%,24%,54%,58%,to{opacity:1;text-shadow:0 0 4px #ffffff,0 0 11px #ffffff,0 0 19px #fff3c4,0 0 40px #f5c542,0 0 80px #f5c542,0 0 110px #f5a742,0 0 160px #f5a742}19%,23%,56%{opacity:.55;text-shadow:0 0 2px #ffffff,0 0 6px #f5c542}}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#2a2a2a;border-top:1px solid #444;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100}.tab-bar.social{background:#f5c542;border-top-color:#d9a92e}.social-tab{background:none;border:none;cursor:pointer;padding:8px 20px;color:#1a1a1a73;transition:color .2s}.social-tab.active{color:#1a1a1a}.social-tab svg{display:block;width:26px;height:26px}@media(min-width:768px){.desktop-nav{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:16px 40px;position:fixed;top:0;right:0;z-index:200}.nav-link{color:#e0e0e0;text-decoration:none;font-size:.95rem;font-family:Courier New,Courier,monospace}.nav-link.active{text-decoration:underline}.tab-bar{justify-content:center;gap:60px}.pager{display:block;overflow:visible;height:auto}.page{display:none;min-height:100vh;padding:60px 60px 120px;overflow-y:auto}.page.active{display:block}.page-inner{max-width:1000px}#page-projects{padding-left:24px}#page-projects .page-inner{margin-left:0}.app-scroll{padding:60px 60px 120px}.ordotron-page{align-items:center;min-height:70vh}.helloworld-page{display:flex;gap:40px;align-items:flex-start}.hw-left{flex:0 0 auto}.hw-right{flex:1;padding-top:60px;margin-top:0}.hw-table{max-width:320px}}