@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--parchment:#d8c8a8;--parchment-dark:#c4b090;--parchment-stain:#a89870;--wood-dark:#3a2a18;--wood:#5a4020;--wood-light:#7a5a30;--blood:#6a2a18;--blood-dark:#4a1a10;--ink-black:#1a1410;--ink-brown:#3a2a1a;--stone-dark:#2a2520;--stone-medium:#3d3830;--win-gray:silver;--win-dark:gray;--win-light:#fff;--win-blue:navy;--font-pixel:"Press Start 2P",cursive}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;background:#0a0806;width:100%;height:100%;position:fixed;overflow:hidden}body{font-family:var(--font-pixel);color:var(--ink-brown);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;background:#0a0806;font-size:12px;line-height:1.6}.video-background{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.video-background .video-bg-media{object-fit:cover;backface-visibility:hidden;will-change:opacity;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0;transform:translateZ(0)}.video-background .video-bg-layer{opacity:1}.video-background .static-bg-layer{opacity:0}.video-background.is-static .static-bg-layer{opacity:1}.video-background.is-static .video-bg-layer{opacity:0}.video-background:after{content:"";pointer-events:none;background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.desktop{z-index:1;width:100vw;height:calc(100vh - 40px);padding:20px;position:relative;overflow:hidden}.desktop-icons{flex-flow:column wrap;align-content:flex-start;gap:30px;max-height:calc(100vh - 100px);display:flex}.icon-group{display:contents;position:relative}.icon-group:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.icon-group-primary .desktop-icon:last-child{margin-bottom:35px;position:relative}.icon-group-primary .desktop-icon:last-child:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d 20% 80%,#0000);border-radius:1px;width:80px;height:2px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ffffff26}.icon-group-secondary .desktop-icon:first-child{margin-top:15px;position:relative}.icon-group-secondary .desktop-icon:first-child:before{content:"";background:#fff3;border-radius:1px;width:60px;height:1px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.icon-group-primary .desktop-icon{position:relative}.icon-group-primary .desktop-icon:before{content:"";z-index:-1;opacity:0;background:#00008014;border:1px dashed #fff3;border-radius:6px;transition:opacity .2s;position:absolute;inset:-8px}.icon-group-primary .desktop-icon:hover:before{opacity:1}.icon-group-secondary .desktop-icon{position:relative}.icon-group-secondary .desktop-icon:before{content:"";z-index:-1;opacity:0;background:#0000000d;border:1px dashed #ffffff1a;border-radius:6px;transition:opacity .2s;position:absolute;inset:-8px}.icon-group-secondary .desktop-icon:hover:before{opacity:.6}.desktop-icon{cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:8px;width:80px;padding:8px;transition:all .1s;display:flex}.desktop-icon:hover{background:#0000804d;border:1px dotted #ffffff80}.desktop-icon.selected{background:#00008080;border:1px dotted #fff}.desktop-icon-image{filter:drop-shadow(2px 2px 2px #000c);font-size:40px}.desktop-icon-label{font-family:var(--font-pixel);color:#fff;text-align:center;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;word-wrap:break-word;font-size:10px;line-height:1.4}.desktop-icon-secondary .desktop-icon-image{opacity:.75;font-size:32px}.desktop-icon-secondary .desktop-icon-label{opacity:.7;color:#fffc;font-size:9px}.window{background:var(--win-gray);border:2px outset var(--win-gray);flex-direction:column;min-width:380px;max-width:600px;max-height:80vh;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:2px 2px #00000080}.window.focused{border:2px inset var(--win-gray);box-shadow:2px 2px 0 #00000080,0 0 0 1px var(--win-blue)}.title-bar{color:#fff;cursor:move;font-family:var(--font-pixel);filter:url(#filter_tornpaper);background:linear-gradient(navy,#1084d0);justify-content:space-between;align-items:center;height:20px;padding:2px 4px;font-size:11px;display:flex}.title-bar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.title-bar-controls{gap:2px;display:flex}.title-bar-controls button{border:1px outset var(--win-gray);background:var(--win-gray);cursor:pointer;filter:none;color:#0000;justify-content:center;align-items:center;width:18px;height:16px;padding:0;font-size:10px;transition:color .15s;display:flex}.title-bar-controls button.close-button{width:22px;height:20px;font-size:16px;font-weight:700}.window:hover .title-bar-controls button.close-button{color:var(--blood)}.title-bar-controls button:hover{background:#d4d0c8}.title-bar-controls button:active{border:1px inset var(--win-gray)}.window-body{background:var(--win-light);filter:none;flex:1;max-height:calc(80vh - 30px);padding:8px;overflow-y:auto}.window-body.cultural-window-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.window-body.experience-window-body{background:0 0;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.scroll-window-titlebar:before{content:"";filter:url(#filter_tornpaper);background:linear-gradient(#c8b898 0%,#d0c0a0 10%,#d8c8a8 25%,#e0d0b8 40%,#d8c8a8 55%,#d4c4a8 70% 100%);border-radius:50% 50% 0 0/100% 100% 0 0;height:48px;position:absolute;top:0;left:-25px;right:-25px;box-shadow:0 -2px 8px #0003,inset 0 12px 25px #fff3,inset 0 -8px 15px #00000014}.scroll-window-titlebar:after{content:"";z-index:-1;background:linear-gradient(#5d3a1a 0%,#8b6914 15%,#a67c3d 30%,#c4a060 50%,#a67c3d 70%,#8b5a2b 85%,#5d3a1a 100%);border-radius:7px;height:14px;position:absolute;top:18px;left:-50px;right:-50px;box-shadow:0 2px 6px #0006}.scroll-window-title{z-index:3;font-family:var(--font-pixel);color:#2a1a0a;text-shadow:1px 1px #c8b48c99,-1px -1px #0003;letter-spacing:.5px;filter:url(#filter_tornpaper);align-items:center;gap:10px;padding:0 20px;font-size:12px;display:flex;position:relative}.scroll-knob{z-index:10;background:radial-gradient(circle at 35% 35%,#e8c090 0%,#d4a574 20%,#a67c3d 45%,#8b5a2b 70%,#5d3a1a 100%);border-radius:50%;width:28px;height:28px;position:absolute;box-shadow:3px 3px 10px #0009,inset 3px 3px 6px #ffdcb480,inset -3px -3px 6px #0006}.scroll-knob-left{left:-60px}.scroll-knob-right{right:-60px}.scroll-knob-top{top:25px;transform:translateY(-50%)}.scroll-knob-bottom{bottom:25px;transform:translateY(50%)}.scroll-knob:after{content:"";background:radial-gradient(#8b5a2b4d 0%,#0000 70%);border-radius:50%;width:60%;height:60%;position:absolute;top:20%;left:20%}.scroll-window-title{z-index:3;font-family:var(--font-pixel);color:#2a1a0a;text-shadow:1px 1px #c8b48c99,-1px -1px #0003;letter-spacing:.5px;align-items:center;gap:10px;padding:0 20px;font-size:12px;display:flex;position:relative}.scroll-window-controls{z-index:5;gap:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.scroll-window-controls button{cursor:pointer;width:28px;height:28px;font-family:var(--font-pixel);color:gold;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='0.15'/%3E%3C/svg%3E"),radial-gradient(circle at 35% 35%,#a01020,#700818 60%,#500010);border:3px solid #3a0808;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex;box-shadow:0 3px 6px #00000080,inset 0 2px 4px #ffc8964d,inset 0 -2px 4px #0006}.scroll-window-controls button:hover{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='0.15'/%3E%3C/svg%3E"),radial-gradient(circle at 35% 35%,#c01830,#901020 60%,#600818);transform:scale(1.1)}.scroll-window-controls button:active{transform:scale(.95)}.scroll-window-body{z-index:0;overscroll-behavior:none;overscroll-behavior-y:none;background-color:#d4c4a8;background-image:radial-gradient(at 15% 25%,#8c6e4633 0%,#0000 40%),radial-gradient(at 85% 15%,#785a3726 0%,#0000 35%),radial-gradient(at 75% 75%,#82644133 0%,#0000 45%),radial-gradient(at 25% 80%,#6e553226 0%,#0000 30%),linear-gradient(#c8b898 0%,#d8c8a8 15%,#e0d0b8 40%,#d8c8a8 60%,#d0c0a0 85%,#c8b898 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:1;max-height:calc(70vh - 130px);margin-top:-10px;margin-bottom:-10px;padding:30px 40px;position:relative;overflow-y:auto;box-shadow:inset 0 0 60px #64503226,inset 0 0 30px #0000000d}.scroll-window-footer{z-index:2;justify-content:center;align-items:flex-start;height:55px;padding-top:8px;display:flex;position:relative}.scroll-window-footer:before{content:"";filter:url(#filter_tornpaper);background:linear-gradient(#d4c4a8 0% 30%,#d8c8a8 45%,#e0d0b8 60%,#d8c8a8 75%,#d0c0a0 90%,#c8b898 100%);border-radius:0 0 50% 50%/0 0 100% 100%;height:48px;position:absolute;bottom:0;left:-25px;right:-25px;box-shadow:0 2px 8px #0003,inset 0 -12px 25px #fff3,inset 0 8px 15px #00000014}.scroll-window-footer:after{content:"";z-index:-1;background:linear-gradient(#5d3a1a 0%,#8b6914 15%,#a67c3d 30%,#c4a060 50%,#a67c3d 70%,#8b5a2b 85%,#5d3a1a 100%);border-radius:7px;height:14px;position:absolute;bottom:18px;left:-50px;right:-50px;box-shadow:0 2px 6px #0006}.scroll-window-body::-webkit-scrollbar{width:12px}.scroll-window-body::-webkit-scrollbar-track{background:#a08c644d;border-radius:6px;margin:10px 0}.scroll-window-body::-webkit-scrollbar-thumb{background:linear-gradient(#a08868 0%,#806848 50%,#604828 100%);border:2px solid #a08c644d;border-radius:6px}.scroll-window-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b09878 0%,#907858 50%,#705838 100%)}.scroll-content-title{font-family:var(--font-pixel);color:var(--blood);text-align:center;border-bottom:3px double var(--parchment-stain);margin-bottom:15px;padding-bottom:10px;font-size:14px}.scroll-content-text{font-family:var(--font-pixel);color:var(--ink-brown);max-width:95%;margin-bottom:15px;margin-left:auto;margin-right:auto;font-size:10px;line-height:2.4}.scroll-content-text img,.scroll-content-text .emoji{vertical-align:middle;font-size:.9em}.scroll-section-title{font-family:var(--font-pixel);color:#0a0806;border-bottom:2px solid var(--parchment-stain);margin:20px 0 10px;padding-bottom:5px;font-size:11px;font-weight:700}.scroll-section-title:before{content:"> ";color:var(--blood)}.scroll-list{margin:10px 0;padding:0;list-style:none}.scroll-list li{font-family:var(--font-pixel);color:var(--ink-brown);border-bottom:1px dashed var(--parchment-stain);padding:8px 0 8px 15px;font-size:10px;line-height:1.8;position:relative}.scroll-list li:last-child{border-bottom:none}.scroll-list li:before{content:"*";color:var(--blood);position:absolute;left:0}.experience-entry{border-left:3px solid var(--blood);background:#a8987026;margin-bottom:15px;padding:10px}.experience-header{flex-wrap:wrap;justify-content:space-between;gap:5px;margin-bottom:5px;display:flex}.experience-role{font-family:var(--font-pixel);color:var(--ink-black);font-size:11px}.experience-period{font-family:var(--font-pixel);color:#505050;text-shadow:1px 1px #fffc;font-size:12px}.experience-company{font-family:var(--font-pixel);color:navy;text-shadow:1px 1px #fffc;margin-bottom:8px;font-size:13px}.experience-description{font-family:var(--font-pixel);color:var(--ink-brown);font-size:9px;line-height:1.8}.skills-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0;display:grid}.skill-item{text-align:center;border:1px solid var(--parchment-stain);background:#a898701a;padding:12px 8px}.skill-icon{margin-bottom:8px;font-size:20px;display:block}.skill-name{font-family:var(--font-pixel);color:#0a0806;text-transform:uppercase;font-size:8px}.media-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.media-item{text-align:center;border:1px solid var(--parchment-stain);background:#a898701a;padding:10px 5px}.media-icon{margin-bottom:5px;font-size:20px;display:block}.media-title{font-family:var(--font-pixel);color:var(--ink-brown);font-size:8px}.music-link{border:1px solid var(--parchment-stain);border-left:3px solid var(--blood);color:inherit;background:#a898701a;align-items:center;gap:10px;margin:8px 0;padding:10px;text-decoration:none;transition:background .2s;display:flex}.music-link:hover{background:#a8987040}.music-icon{font-size:18px}.music-info{flex:1}.music-title{font-family:var(--font-pixel);color:var(--ink-black);font-size:9px}.music-platform{font-family:var(--font-pixel);color:var(--parchment-stain);margin-top:3px;font-size:8px}.contact-info-list{border:1px solid var(--parchment-stain);background:#a8987014;border-radius:4px;flex-direction:column;gap:15px;margin:20px 0;padding:15px;display:flex}.contact-info-item{border-left:3px solid var(--blood);background:#a898700d;align-items:flex-start;gap:12px;padding:10px;display:flex}.contact-info-icon{flex-shrink:0;margin-top:2px;font-size:20px}.contact-info-content{flex-direction:column;flex:1;gap:4px;display:flex}.contact-info-label{font-family:var(--font-pixel);color:var(--ink-black);text-transform:uppercase;font-size:8px;font-weight:700}.contact-info-value{font-family:var(--font-pixel);color:var(--blood);word-break:break-all;-webkit-user-select:all;user-select:all;cursor:text;font-size:10px;text-decoration:none;transition:color .2s}.contact-info-value:hover{color:var(--blood-dark);text-decoration:underline}.contact-grid{flex-wrap:wrap;justify-content:center;gap:25px;margin:15px 0;display:flex}.contact-item{text-align:center;color:var(--ink-brown);text-decoration:none;transition:transform .2s}.contact-item:hover{color:var(--blood);transform:scale(1.1)}.contact-icon{margin-bottom:5px;font-size:24px;display:block}.contact-label{font-family:var(--font-pixel);text-transform:uppercase;font-size:8px}.profile-header{border-bottom:2px solid var(--parchment-stain);flex-direction:row;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.profile-photo{background:linear-gradient(135deg,var(--wood-dark),var(--blood));border:3px solid var(--wood);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;font-size:35px;display:flex;overflow:hidden}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-info{text-align:center;flex:1;min-width:0;overflow:visible}.profile-name{font-family:var(--font-pixel);color:var(--blood);white-space:nowrap;text-overflow:ellipsis;text-align:center;margin-bottom:8px;font-size:clamp(14px,2.5vw,20px);font-weight:700;overflow:hidden}.profile-title{font-family:var(--font-pixel);color:var(--ink-black);flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;font-size:clamp(9px,1.4vw,13px);font-weight:700;display:flex}.profile-title-separator{display:none}.profile-title-line{display:block}.profile-title-line:last-child{padding-left:30px}.profile-contact{font-family:var(--font-pixel);color:var(--ink-brown);font-size:11px;line-height:2}.profile-contact a{color:var(--blood);text-decoration:none}.profile-contact a:hover{text-decoration:underline}.stack-tags{flex-wrap:wrap;gap:6px;margin:8px 0 15px;display:flex}.stack-tag{font-family:var(--font-pixel);color:var(--ink-black);border:1px solid var(--parchment-stain);background:#a8987033;border-radius:2px;padding:5px 8px;font-size:8px}.taskbar{background:linear-gradient(180deg,var(--wood-light)0%,var(--wood)20%,var(--wood-dark)100%);border-top:3px solid var(--wood);z-index:1000;align-items:center;gap:8px;height:40px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 2px #ffffff26,0 -4px 10px #0000004d}.start-button{background:linear-gradient(180deg,var(--parchment)0%,var(--parchment-dark)100%);border:2px solid var(--wood-dark);height:30px;font-family:var(--font-pixel);color:var(--ink-black);cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:flex;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #0003}.start-button:hover{background:linear-gradient(180deg,#fff 0%,var(--parchment)100%)}.start-button.active{box-shadow:inset -1px -1px #ffffff80,inset 1px 1px #0003}.start-button:before{content:"⚔️";font-size:14px}.start-menu{background:var(--parchment);border:3px solid var(--wood-dark);z-index:2000;width:240px;animation:.15s ease-out startMenuOpen;position:fixed;bottom:44px;left:4px;box-shadow:6px 6px #0006}@keyframes startMenuOpen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start-menu-header{background:linear-gradient(180deg,var(--blood)0%,var(--blood-dark)100%);border-bottom:2px solid var(--wood-dark);align-items:center;gap:10px;padding:12px 10px;display:flex}.start-menu-logo{font-size:24px}.start-menu-title{font-family:var(--font-pixel);color:var(--parchment);text-shadow:2px 2px #00000080;font-size:12px}.start-menu-items{flex-direction:column;display:flex}.start-menu-item{cursor:pointer;text-align:left;font-family:var(--font-pixel);color:var(--ink-black);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:10px;transition:background .1s;display:flex}.start-menu-item:hover{background:var(--parchment-dark)}.start-menu-item-icon{text-align:center;width:24px;font-size:20px}.start-menu-item-label{flex:1}.start-menu-footer{background:var(--parchment-dark);border-top:2px solid var(--parchment-stain);font-family:var(--font-pixel);color:var(--ink-brown);padding:8px 12px;font-size:8px}.taskbar-windows{flex:1;gap:4px;display:flex;overflow-x:auto}.taskbar-window-btn{background:linear-gradient(180deg,var(--parchment-dark)0%,var(--parchment-stain)100%);border:2px solid var(--wood-dark);min-width:120px;max-width:160px;height:28px;font-family:var(--font-pixel);color:var(--ink-black);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:2px;padding:0 10px;font-size:9px;overflow:hidden;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #0003}.taskbar-window-btn.active{background:var(--parchment);box-shadow:inset -1px -1px #ffffff4d,inset 1px 1px #0003}.system-tray{border:2px inset var(--wood-dark);background:#0003;border-radius:2px;align-items:center;gap:8px;height:28px;padding:0 10px;display:flex}.system-tray-time{font-family:var(--font-pixel);color:var(--parchment);font-size:10px}.boot-screen{z-index:100000;cursor:pointer;-webkit-tap-highlight-color:#ffffff1a;background:#0a0806;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out 1s forwards bootFadeOut;display:flex;position:fixed;top:0;left:0}@keyframes bootFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none;visibility:hidden}}.boot-logo{font-family:var(--font-pixel);color:var(--parchment);letter-spacing:3px;text-shadow:4px 4px #00000080;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,5vw,40px);font-weight:700;animation:2s ease-in-out infinite alternate bootGlow;overflow:hidden}@keyframes bootGlow{0%{text-shadow:4px 4px #00000080,0 0 20px #c8b48c4d}to{text-shadow:4px 4px #00000080,0 0 40px #c8b48c99}}.boot-text{font-family:var(--font-pixel);color:var(--parchment-dark);justify-content:center;align-items:center;gap:4px;margin-top:25px;font-size:clamp(10px,2vw,16px);font-weight:700;display:flex}.boot-text-separator,.boot-text-line{display:inline}@media (max-width:600px){.desktop-icons{flex-flow:wrap;max-height:none}.icon-group,.icon-group-primary,.icon-group-secondary,.desktop-icon,.desktop-icon-primary,.desktop-icon-secondary{display:none!important}.scroll-window{min-width:90vw;max-width:95vw;height:100dvh!important;max-height:100dvh!important;left:2.5vw!important}.scroll-window-body{overscroll-behavior:none!important;overscroll-behavior-y:none!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;max-height:calc(100dvh - 130px)!important;padding-bottom:80px!important;overflow-y:auto!important}.skills-grid{grid-template-columns:1fr 1fr;margin-bottom:20px;padding-bottom:10px}.media-grid{grid-template-columns:repeat(2,1fr)}.window{box-shadow:none;border:none;border-radius:0;touch-action:pan-y!important;box-sizing:border-box!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:none!important}.window.focused{box-shadow:none;border:none}.window-body{-webkit-user-select:none;user-select:none;will-change:scroll-position;-webkit-overflow-scrolling:touch;-webkit-overflow-scrolling:touch!important;overscroll-behavior:none!important;overscroll-behavior-y:none!important;touch-action:pan-y!important;scroll-behavior:auto!important;box-sizing:border-box!important;width:100%!important;height:calc(100dvh - 40px)!important;min-height:calc(100dvh - 40px)!important;max-height:none!important;padding:8px 8px 80px!important;position:absolute!important;inset:40px 0 0!important;overflow:hidden auto!important;transform:translateZ(0)!important}.window-body *{-webkit-user-select:text;user-select:text}.window-body.cultural-window-body{will-change:scroll-position;position:relative;-webkit-overflow-scrolling:touch!important;overscroll-behavior:none!important;overscroll-behavior-y:none!important;touch-action:pan-y!important;box-sizing:border-box!important;height:auto!important;min-height:calc(100dvh - 40px)!important;max-height:calc(100dvh - 40px)!important;padding-bottom:80px!important;overflow-y:auto!important}.window-body.experience-window-body{flex-direction:column!important;padding:0!important;display:flex!important;overflow:hidden!important}.profile-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:15px;padding:15px 10px}.profile-photo{width:240px;height:240px;margin-bottom:20px;font-size:60px}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-info{width:100%}.profile-name{text-overflow:ellipsis;margin-bottom:12px;line-height:1.4;overflow:hidden;white-space:nowrap!important;font-size:clamp(16px,4.5vw,24px)!important;font-weight:700!important}.profile-title{word-break:break-word;text-align:center;flex-direction:column;align-items:center;gap:8px;line-height:1.6;font-size:clamp(12px,3.5vw,18px)!important;font-weight:700!important}.profile-title-separator{display:none}.profile-title-line{text-align:center;display:block}.profile-title-line:first-child{margin-bottom:4px}.profile-title-line:last-child{text-align:center;padding-left:40px}.boot-text{text-align:center;flex-direction:column;align-items:center;gap:8px}.boot-text-separator{display:none}.boot-text-line{text-align:center;display:block}.boot-text-line:first-child{margin-bottom:4px}.boot-text-line:last-child{text-align:center;padding-left:40px}.title-bar{flex-shrink:0;touch-action:none!important;pointer-events:auto!important;height:40px!important;padding:4px 8px!important}.window-body{-webkit-user-select:text;user-select:text;pointer-events:auto!important}.title-bar-text{font-size:12px!important}.title-bar-controls{z-index:1000;flex-shrink:0;gap:4px;position:relative}.title-bar-controls button{z-index:1001;touch-action:manipulation;-webkit-tap-highlight-color:#0003;position:relative;pointer-events:auto!important;width:44px!important;min-width:44px!important;height:36px!important;min-height:36px!important;padding:8px!important;font-size:20px!important}.title-bar-controls button.close-button{z-index:1002;font-weight:700;color:var(--blood)!important;font-size:24px!important}.window .title-bar-controls button.close-button{color:var(--blood)!important;opacity:1!important}.title-bar-controls button:hover,.title-bar-controls button:active{transform:scale(1.05);background:#d4d0c8!important}.title-bar{position:relative}.title-bar-text{pointer-events:auto;touch-action:pan-y}.title-bar-controls{touch-action:manipulation;pointer-events:auto!important}}.flip-book-container{background:var(--win-light);justify-content:center;align-items:center;width:100%;min-height:500px;margin:-8px;padding:20px 10px 60px;display:flex;position:relative;overflow:visible}.flip-book{perspective:2000px;width:90%;max-width:800px;height:700px;transform-style:preserve-3d;margin:0 auto;position:relative}.book-cover{background:linear-gradient(135deg,var(--wood-dark)0%,var(--wood)30%,var(--wood-light)60%,var(--wood)100%);border:4px solid var(--wood-dark);backface-visibility:hidden;width:250px;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 30px #0000004d,0 10px 40px #00000080,0 0 0 1px #0003}.book-cover-left{border-right:2px solid var(--wood-dark);z-index:100;transform-origin:100%;border-radius:8px 0 0 8px;transition:transform .6s ease-in-out;left:0}.book-cover-left:not(.cover-flipped){z-index:200!important;visibility:visible!important}.cover-flipped{transform:rotateY(-180deg)}.cover-flipping{animation:.6s ease-in-out forwards flipCoverForward}.cover-flipping-back{animation:.6s ease-in-out forwards flipCoverBackward}@keyframes flipCoverForward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipCoverBackward{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.book-cover-right{border-left:2px solid var(--wood-dark);z-index:1;border-radius:0 8px 8px 0;right:0}.cover-content{text-align:center;color:var(--parchment);padding:20px}.book-title{font-family:var(--font-pixel);color:var(--parchment);text-shadow:2px 2px #000c;letter-spacing:1px;margin-bottom:10px;font-size:14px}.book-subtitle{font-family:var(--font-pixel);color:var(--parchment-dark);text-shadow:1px 1px #000c;margin-bottom:20px;font-size:9px}.book-ornament{filter:drop-shadow(2px 2px 4px #00000080);margin:20px 0;font-size:48px}.cover-button{font-family:var(--font-pixel);color:var(--ink-black);background:linear-gradient(180deg,var(--parchment)0%,var(--parchment-dark)100%);border:2px solid var(--wood-dark);cursor:pointer;text-transform:uppercase;margin-top:20px;padding:8px 16px;font-size:9px;transition:all .2s;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #0003,0 2px 4px #0000004d}.cover-button:hover{background:linear-gradient(180deg,#fff 0%,var(--parchment)100%);transform:translateY(-2px)}.book-page{width:100%;height:100%;transform-style:preserve-3d;transform-origin:0;cursor:pointer;margin-left:-50%;position:absolute;left:50%}.book-page:not(.page-flipping-forward):not(.page-flipping-backward){transition:transform .6s ease-in-out}.book-page.page-future{display:none}.page-front,.page-back{border:2px solid var(--parchment-stain);backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(90deg,#e8dcc0 0%,#f0e4d0 20%,#f5ead8 50%,#f0e4d0 80%,#e8dcc0 100%);position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 40px #6450321a,0 0 20px #0000001a,0 4px 8px #0003}.page-front{background-image:radial-gradient(at 20% 30%,#8c6e461a 0%,#0000 50%),radial-gradient(at 80% 70%,#785a371a 0%,#0000 50%),linear-gradient(90deg,#e8dcc0 0%,#f0e4d0 20%,#f5ead8 50%,#f0e4d0 80%,#e8dcc0 100%);transform:rotateY(0)}.page-back{background-image:radial-gradient(at 80% 30%,#8c6e461a 0%,#0000 50%),radial-gradient(at 20% 70%,#785a371a 0%,#0000 50%),linear-gradient(270deg,#e8dcc0 0%,#f0e4d0 20%,#f5ead8 50%,#f0e4d0 80%,#e8dcc0 100%);transform:rotateY(180deg)}.book-page.page-current:not(.page-flipped):not(.page-flipping-forward):not(.page-flipping-backward) .page-back{visibility:hidden;pointer-events:none}.book-page.page-current:not(.page-flipped):not(.page-flipping-forward):not(.page-flipping-backward) .page-front,.book-page.page-flipped:not(.page-flipping-forward):not(.page-flipping-backward) .page-back{visibility:visible}.book-page.page-flipped:not(.page-flipping-forward):not(.page-flipping-backward) .page-front{visibility:hidden;pointer-events:none}.page-current{z-index:50;transform:rotateY(0)}.page-flipped{z-index:10;pointer-events:none;transform:rotateY(-180deg)}.page-future{z-index:5;pointer-events:none;opacity:0;visibility:hidden;transform:rotateY(0)}.book-page.page-flipped.page-hidden{visibility:hidden;pointer-events:none;opacity:0}.page-flipping-forward{animation:.6s ease-in-out forwards flipPageForward;transition:none!important}.page-flipping-backward{animation:.6s ease-in-out forwards flipPageBackward;transition:none!important}@keyframes flipPageForward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipPageBackward{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.page-content{flex-direction:column;width:100%;height:100%;padding:20px;display:flex;position:relative}.page-header{border-bottom:2px dashed var(--parchment-stain);justify-content:flex-end;margin-bottom:10px;padding-bottom:10px;display:flex}.page-number{font-family:var(--font-pixel);color:var(--parchment-stain);font-size:8px}.page-body{flex:1;padding-right:5px;overflow-y:auto}.page-body::-webkit-scrollbar{width:6px}.page-body::-webkit-scrollbar-track{background:#a08c6433;border-radius:3px}.page-body::-webkit-scrollbar-thumb{background:var(--parchment-stain);border-radius:3px}.page-body .experience-header{margin-bottom:8px}.page-body .experience-company{margin-bottom:12px}.page-body .scroll-list{margin-top:10px}.page-footer{border-top:2px dashed var(--parchment-stain);text-align:center;margin-top:15px;padding-top:10px}.page-hint{font-family:var(--font-pixel);color:var(--parchment-stain);font-size:8px;font-style:italic}.book-close-btn{font-family:var(--font-pixel);color:var(--ink-black);border:2px solid var(--parchment-stain);cursor:pointer;text-transform:uppercase;background:#a898704d;padding:6px 12px;font-size:9px;transition:all .2s}.book-close-btn:hover:not(:disabled){background:#a8987080;transform:scale(1.05)}.book-close-btn:disabled{opacity:.5;cursor:not-allowed}.book-end-content{text-align:center;padding:40px 20px}.book-end-content p{font-family:var(--font-pixel);color:var(--ink-brown);margin-top:20px;font-size:12px}.book-controls{z-index:200;gap:15px;display:flex;position:absolute;bottom:-45px;left:50%;transform:translate(-50%)}.book-nav-btn{font-family:var(--font-pixel);color:var(--ink-black);background:linear-gradient(180deg,var(--parchment)0%,var(--parchment-dark)100%);border:2px solid var(--wood-dark);cursor:pointer;text-transform:uppercase;padding:8px 16px;font-size:9px;transition:all .2s;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #0003,0 2px 4px #0000004d}.book-nav-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff 0%,var(--parchment)100%);transform:translateY(-2px);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #0003,0 4px 8px #0006}.book-nav-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset -1px -1px #ffffff80,inset 1px 1px #0003}.book-nav-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--parchment-stain)}.cultural-window-layout{height:100%;min-height:400px;max-height:calc(80vh - 30px);display:flex;position:relative}.cultural-sidebar{border-right:2px solid var(--parchment-stain);background:#a8987026;flex-direction:column;gap:4px;width:140px;min-width:140px;padding:10px 0;display:flex}.cultural-nav-item{cursor:pointer;text-align:left;font-family:var(--font-pixel);color:var(--ink-brown);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:10px;transition:all .15s;display:flex}.cultural-nav-item:hover{border-left-color:var(--parchment-stain);background:#a8987033}.cultural-nav-item.active{border-left-color:var(--blood);color:var(--ink-black);background:#6a2a1826;font-weight:400}.cultural-nav-icon{color:var(--blood);opacity:0;font-size:10px;transition:opacity .15s}.cultural-nav-item.active .cultural-nav-icon,.cultural-nav-item:hover .cultural-nav-icon{opacity:1}.cultural-content{background:var(--win-light);flex:1;padding:15px 20px;overflow-y:auto}.cultural-section{width:100%}.cultural-mobile-header{border-bottom:2px solid var(--parchment-stain);z-index:10;-webkit-overflow-scrolling:touch;background:#a8987033;flex-direction:row;gap:0;padding:0;display:none;position:sticky;top:0;overflow-x:auto}.cultural-segment{cursor:pointer;min-width:80px;font-family:var(--font-pixel);color:var(--ink-brown);text-align:center;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 8px;font-size:9px;transition:all .15s}.cultural-segment:hover{background:#a8987026}.cultural-segment.active{border-bottom-color:var(--blood);color:var(--ink-black);background:#6a2a181a}@media (max-width:600px){.cultural-window-layout{flex-direction:column;height:calc(100dvh - 20px);min-height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.cultural-sidebar{display:none}.cultural-mobile-header{display:flex}.cultural-content{flex:1;max-height:calc(100dvh - 60px);padding:15px;overflow-y:auto;overscroll-behavior:none!important;overscroll-behavior-y:none!important;-webkit-overflow-scrolling:touch!important;padding-bottom:60px!important}.flip-book-container{min-height:calc(100vh - 40px);padding:10px 5px 50px}.flip-book{width:95%!important;max-width:100vw!important;height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important}.book-page{width:100%!important;height:100%!important;margin-left:-50%!important;left:50%!important}.page-content{padding:15px 10px}.book-controls{bottom:-40px}}.experience-books-container{box-sizing:border-box;background-image:url(/letter_parchment_texture_05_by_alifeincolours_dewmavs-fullview.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:100%;height:100%;min-height:calc(80vh - 30px);margin:0;padding:0;display:flex;position:relative;overflow:hidden}.books-table{box-sizing:border-box;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:calc(80vh - 30px);padding:40px 20px;display:flex;position:relative}.books-grid{grid-template-columns:repeat(2,1fr);place-items:end center;gap:30px;width:100%;max-width:600px;padding:150px 0 50px;display:grid}.books-grid>.small-book:first-child{grid-column:1/-1;justify-self:center;margin-top:60px}.books-grid>.small-book:nth-last-child(-n+2){margin-bottom:200px}.small-book{cursor:pointer;perspective:1000px;transition:transform .3s}.small-book:hover{transform:translateY(-10px)scale(1.05)}.small-book-cover{width:123px;height:176px;transform-style:preserve-3d;margin:0 auto;transition:transform .6s;position:relative}.small-book:hover .small-book-cover{transform:rotateY(-15deg)}.small-book-spine{background:linear-gradient(135deg,var(--wood-dark)0%,var(--wood)50%,var(--wood-dark)100%);z-index:2;border-radius:3px 0 0 3px;width:7px;height:100%;position:absolute;top:0;left:0;box-shadow:inset -2px 0 3px #0000004d}.small-book-front{background-blend-mode:overlay;border:2px solid var(--parchment-stain);text-align:center;z-index:1;background-color:#e8dcc0b3;background-image:url(/letter_parchment_texture_05_by_alifeincolours_dewmavs-fullview.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-left:none;border-radius:0 4px 4px 0;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 7px);height:100%;padding:13px 9px;display:flex;position:absolute;top:0;left:7px;box-shadow:4px 4px 12px #0000004d,inset 0 0 20px #6450321a}.small-book-title{font-family:var(--font-pixel);color:var(--blood);text-shadow:1px 1px #fffc;margin-bottom:7px;font-size:10px;font-weight:700;line-height:1.3}.small-book-subtitle{font-family:var(--font-pixel);color:var(--ink-brown);margin-bottom:5px;font-size:7px;line-height:1.4}.small-book-period{font-family:var(--font-pixel);color:var(--parchment-stain);margin-top:auto;font-size:7px}.open-book-container{z-index:1;flex:1;justify-content:stretch;align-items:stretch;width:100%;height:100%;min-height:calc(80vh - 30px);margin:0;padding:0;display:flex;position:relative;overflow:hidden}.open-book{cursor:pointer;box-sizing:border-box;align-items:stretch;width:100%;height:100%;min-height:calc(80vh - 30px);margin:0;padding:0;transition:transform .3s;display:flex;position:relative}.open-book.book-flipping{animation:.6s ease-in-out bookFlip}@keyframes bookFlip{0%,to{transform:scale(1)}50%{transform:scale(.95)rotateY(5deg)}}.open-book-page{box-sizing:border-box;background:linear-gradient(90deg,#e8dcc0 0%,#f0e4d0 20%,#f5ead8 50%,#f0e4d0 80%,#e8dcc0 100%);border:0;border-radius:0;flex-direction:column;width:calc(100% + 4px);height:100%;min-height:calc(80vh - 30px);margin:0 -2px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:8px 8px 24px #0006,inset 0 0 40px #6450321a}.open-book-content{box-sizing:border-box;flex-direction:column;height:100%;padding:30px 40px;display:flex;overflow-y:auto}.open-book-header{justify-content:flex-end;margin-bottom:20px;display:flex}.open-book-body{flex:1;width:100%;overflow-y:auto}.open-book-company{font-family:var(--font-pixel);color:var(--blood);text-align:center;text-shadow:2px 2px #fffc;margin-bottom:10px;font-size:18px}.open-book-role{font-family:var(--font-pixel);color:var(--ink-black);text-align:center;margin-bottom:8px;font-size:12px;font-weight:700}.open-book-period{font-family:var(--font-pixel);color:var(--parchment-stain);text-align:center;border-bottom:2px solid var(--parchment-stain);margin-bottom:30px;padding-bottom:20px;font-size:10px}.open-book-section{margin-bottom:25px}.open-book-section-title{font-family:var(--font-pixel);color:var(--blood);border-bottom:2px solid var(--parchment-stain);text-transform:uppercase;margin-bottom:12px;padding-bottom:6px;font-size:11px}.open-book-list{margin:0;padding:0;list-style:none}.open-book-list li{font-family:var(--font-pixel);color:var(--ink-brown);border-bottom:1px dashed var(--parchment-stain);padding:10px 0 10px 20px;font-size:9px;line-height:1.8;position:relative}.open-book-list li:last-child{border-bottom:none}.open-book-list li:before{content:"•";color:var(--blood);font-size:12px;position:absolute;left:0}@media (max-width:600px){.books-grid{grid-template-columns:repeat(2,1fr);gap:20px}.small-book-cover{width:130px;height:185px}.small-book-spine{width:8px}.small-book-front{width:calc(100% - 8px);padding:15px 10px;left:8px}.small-book-title{font-size:11px}.small-book-subtitle{font-size:8px}.small-book-period{font-size:7px}.open-book{width:100%}.open-book-page{border:0;border-radius:0;width:calc(100% + 4px);margin-left:-2px;margin-right:-2px}.open-book-content{padding:20px 15px}.open-book-company{font-size:14px}.open-book-role{font-size:10px}.open-book-period{font-size:8px}.open-book-section-title{font-size:9px}.open-book-list li{padding:8px 0 8px 18px;font-size:8px}}
