:root{--ink:#071821;--paper:#f7f6d5;--gb-navy:#0f2f7d;--gb-blue:#3066be;--gb-lime:#8bac0f;--gb-green:#306230;--gb-yellow:#f7d51d;--gb-red:#d33837;--gb-white:#eef2df;--shadow:#08133f}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}html{background:#071821}body{color:var(--ink);background:linear-gradient(90deg,#f7d51d24 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#8bac0f24 1px,#0000 1px) 0 0/32px 32px,repeating-linear-gradient(0deg,#0718212e 0 2px,#0000 2px 6px) 0 0/100% 6px,linear-gradient(135deg,#071821 0%,#0f2f7d 42%,#306230 100%) 0 0/100% 100%;font-family:Courier New,Courier,monospace;overflow-x:hidden}main{overflow:hidden}.welcome-screen{place-items:center;width:100%;min-height:100vh;padding:24px;display:grid}.desktop-window{border:4px solid var(--ink);background:var(--paper);width:min(920px,100vw - 48px);box-shadow:12px 12px 0 var(--shadow), 18px 18px 0 var(--gb-red)}.title-bar{border-bottom:4px solid var(--ink);background:var(--gb-lime);letter-spacing:0;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;font-size:clamp(.85rem,2vw,1.05rem);font-weight:900;display:flex}.window-buttons{gap:6px;display:flex}.window-buttons span{aspect-ratio:1;border:3px solid var(--ink);background:var(--gb-yellow);width:18px;box-shadow:2px 2px 0 var(--ink)}.content-panel{grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:clamp(28px,6vw,64px);padding:clamp(28px,7vw,72px);display:grid}.hamsa-icon{isolation:isolate;width:min(280px,62vw);min-height:286px;filter:drop-shadow(8px 8px 0 var(--gb-red));justify-items:center;display:grid;position:relative}.fingers{z-index:3;grid-template-columns:repeat(3,52px);align-items:end;gap:10px;display:grid;position:relative}.fingers span{border:7px solid var(--ink);background:var(--gb-white);width:52px;height:118px;box-shadow:inset -8px -8px 0 #b7c0ad, 5px 0 0 var(--gb-blue);border-bottom:0}.fingers span:first-child,.fingers span:nth-child(3){height:98px;margin-bottom:-2px}.fingers span:nth-child(2){background:linear-gradient(var(--gb-red) 0 18px, transparent 18px), var(--gb-white)}.palm{z-index:2;border:8px solid var(--ink);background:linear-gradient(90deg, var(--gb-blue) 0 22px, transparent 22px calc(100% - 22px), var(--gb-blue) calc(100% - 22px)), linear-gradient(var(--gb-yellow) 0 20px, transparent 20px calc(100% - 22px), var(--gb-yellow) calc(100% - 22px)), var(--gb-white);place-items:center;width:210px;height:176px;margin-top:-7px;display:grid;position:relative;box-shadow:inset -12px -12px #b7c0ad,inset 10px 10px #fff}.thumb{z-index:1;border:6px solid var(--ink);background:var(--gb-white);width:82px;height:62px;position:absolute;top:124px;box-shadow:inset -8px -8px #07182147}.thumb-left{left:4px;transform:rotate(-28deg)}.thumb-right{right:4px;transform:rotate(28deg)}.eye{border:7px solid var(--ink);background:var(--gb-lime);width:108px;height:58px;box-shadow:0 0 14px #8bac0fd9, 6px 6px 0 var(--gb-navy);position:relative}.eye span{aspect-ratio:1;border:6px solid var(--ink);background:var(--gb-navy);width:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bracelet{border:5px solid var(--ink);background:repeating-linear-gradient(90deg, var(--gb-red) 0 18px, var(--gb-yellow) 18px 36px, var(--gb-blue) 36px 54px);width:118px;height:18px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.message-block{justify-items:start;min-width:0;display:grid}h1{max-width:11ch;color:var(--ink);letter-spacing:0;text-shadow:5px 5px 0 var(--gb-yellow), 10px 10px 0 var(--gb-blue);margin:18px 0;font-size:clamp(3rem,10vw,7.25rem);line-height:.9}@media (max-width:860px){.desktop-window{box-shadow:8px 8px 0 var(--shadow), 13px 13px 0 var(--gb-red)}.content-panel{text-align:center;grid-template-columns:1fr;justify-items:center;gap:24px}.message-block{justify-items:center}h1{margin-inline:auto}}@media (max-width:640px){.welcome-screen{min-height:100svh;padding:18px}.desktop-window{border-width:3px;width:calc(100vw - 36px)}.title-bar{min-height:38px;padding:7px 10px;font-size:.82rem}.window-buttons{gap:5px}.window-buttons span{border-width:3px;width:16px}.content-panel{gap:18px;padding:30px 20px 38px}.hamsa-icon{transform-origin:50%;margin-block:-24px -26px;transform:scale(.84)}h1{max-width:9ch;text-shadow:4px 4px 0 var(--gb-yellow), 7px 7px 0 var(--gb-blue);font-size:clamp(2.6rem,14vw,4.8rem);line-height:.94}}@media (max-width:520px){.welcome-screen{padding:16px}.desktop-window{width:calc(100vw - 32px)}.content-panel{padding:24px 16px 34px}.hamsa-icon{transform-origin:50%;margin-block:-34px -38px;transform:scale(.76)}}@media (max-width:380px){.welcome-screen{padding:12px}.desktop-window{width:calc(100vw - 24px);box-shadow:6px 6px 0 var(--shadow), 10px 10px 0 var(--gb-red)}.title-bar{min-height:34px;font-size:.72rem}.window-buttons span{width:13px;box-shadow:1px 1px 0 var(--ink);border-width:2px}.content-panel{padding:18px 12px 28px}.hamsa-icon{margin-block:-50px -56px;transform:scale(.66)}h1{max-width:8.5ch;text-shadow:3px 3px 0 var(--gb-yellow), 5px 5px 0 var(--gb-blue);font-size:clamp(2.2rem,13.5vw,3.1rem)}}