@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Noto+Serif+Devanagari:wght@100..900&family=Unbounded:wght@200..900&display=swap");:root{--bg-color2: #e5eff0;--bg-color: #ffffff;--bg-color3: #fceded;--text-color: #333333;--text-color-subtle: #666666;--link-color: rgb(22, 119, 66);--link-hover-color: #181a1d;--header-bg-color: #f8f8f8;--border-color: #eeeeee;--button-bg-color: var(--link-color);--button-text-color: #ffffff;--button-hover-bg-color: var(--link-hover-color);--button-hover-text-color: #ffffff;--button-focus-outline-color: #ffffff}[data-theme='dark']{--bg-color: #212121;--bg-color2: #2a0949;--bg-color3: #424242;--text-color: #e0e0e0;--text-color-subtle: #b0bec5;--link-color: #abd8fd;--link-hover-color: #90caf9;--header-bg-color: #303030;--border-color: #424242;--button-bg-color: var(--link-color);--button-text-color: #212121;--button-hover-bg-color: #90caf9;--button-hover-text-color: #212121;--button-focus-outline-color: #ffffff}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,figcaption,blockquote,ul,ol,dl,dd{margin:0}ul,ol{list-style:none;padding:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;margin:0;padding:0;border:none;background:none}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--bg-color2: #e5eff0;--bg-color: #ffffff;--bg-color3: #fceded;--text-color: #333333;--text-color-subtle: #666666;--link-color: rgb(22, 119, 66);--link-hover-color: #181a1d;--header-bg-color: #f8f8f8;--border-color: #eeeeee;--button-bg-color: var(--link-color);--button-text-color: #ffffff;--button-hover-bg-color: var(--link-hover-color);--button-hover-text-color: #ffffff;--button-focus-outline-color: #ffffff}[data-theme='dark']{--bg-color: #212121;--bg-color2: #2a0949;--bg-color3: #424242;--text-color: #e0e0e0;--text-color-subtle: #b0bec5;--link-color: #abd8fd;--link-hover-color: #90caf9;--header-bg-color: #303030;--border-color: #424242;--button-bg-color: var(--link-color);--button-text-color: #212121;--button-hover-bg-color: #90caf9;--button-hover-text-color: #212121;--button-focus-outline-color: #ffffff}@use 'themes';.inter-tight-body{font-family:"Inter Tight", sans-serif;font-optical-sizing:auto;font-weight:100 400;font-style:normal}.unbounded-heading{font-family:"Unbounded", sans-serif;font-optical-sizing:auto;font-weight:400 800;font-style:normal}.noto-serif-devanagari-hindi{font-family:"Noto Serif Devanagari", serif;font-optical-sizing:auto;font-weight:200 600;font-style:normal;font-variation-settings:"wdth" 100}body{font-family:"Inter Tight","Noto Serif Devanagari",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem;color:var(--text-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:"Unbounded",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:700;line-height:1.2;margin-top:1.5em;margin-bottom:0.75em}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2.5rem}h2{font-size:2rem}.poem{font-family:"Inter Tight",serif}p{margin-bottom:1em;max-width:69ch}a{color:var(--link-color);text-decoration:none;background-image:linear-gradient(to top, #f0f, #ff0);background-size:100% 0%;background-position:0 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;transition:background-size 0.3s ease-out, color 0.2s ease-out}a.disabled{color:var(--text-color-subtle);pointer-events:none}a:hover,a:focus-visible{background-size:100% 100%;color:transparent}a:focus:not(:focus-visible){outline:none}a:focus-visible{outline:2px solid var(--button-focus-outline-color);outline-offset:2px}:root{--bg-color2: #e5eff0;--bg-color: #ffffff;--bg-color3: #fceded;--text-color: #333333;--text-color-subtle: #666666;--link-color: rgb(22, 119, 66);--link-hover-color: #181a1d;--header-bg-color: #f8f8f8;--border-color: #eeeeee;--button-bg-color: var(--link-color);--button-text-color: #ffffff;--button-hover-bg-color: var(--link-hover-color);--button-hover-text-color: #ffffff;--button-focus-outline-color: #ffffff}[data-theme='dark']{--bg-color: #212121;--bg-color2: #2a0949;--bg-color3: #424242;--text-color: #e0e0e0;--text-color-subtle: #b0bec5;--link-color: #abd8fd;--link-hover-color: #90caf9;--header-bg-color: #303030;--border-color: #424242;--button-bg-color: var(--link-color);--button-text-color: #212121;--button-hover-bg-color: #90caf9;--button-hover-text-color: #212121;--button-focus-outline-color: #ffffff}:root{--bg-color2: #e5eff0;--bg-color: #ffffff;--bg-color3: #fceded;--text-color: #333333;--text-color-subtle: #666666;--link-color: rgb(22, 119, 66);--link-hover-color: #181a1d;--header-bg-color: #f8f8f8;--border-color: #eeeeee;--button-bg-color: var(--link-color);--button-text-color: #ffffff;--button-hover-bg-color: var(--link-hover-color);--button-hover-text-color: #ffffff;--button-focus-outline-color: #ffffff}[data-theme='dark']{--bg-color: #212121;--bg-color2: #2a0949;--bg-color3: #424242;--text-color: #e0e0e0;--text-color-subtle: #b0bec5;--link-color: #abd8fd;--link-hover-color: #90caf9;--header-bg-color: #303030;--border-color: #424242;--button-bg-color: var(--link-color);--button-text-color: #212121;--button-hover-bg-color: #90caf9;--button-hover-text-color: #212121;--button-focus-outline-color: #ffffff}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color 0.3s ease, color 0.3s ease}@use '../base/variables' as *;main#content{width:100%;max-width:75ch;margin-left:auto;margin-right:auto;padding:0 .5rem;transition:padding 0.2s ease-out}main#content h1{margin-bottom:0.4em;margin-top:0}.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{margin-bottom:0.8em;margin-top:0}.blog-post p{margin-bottom:0.8em}.blog-list{display:flex;flex-wrap:wrap}.blog-list h2{margin-bottom:0.2em;margin-top:0}#latest{text-align:center;margin:1rem auto}.latest-story-intro{font-size:large;font-weight:bold;background:linear-gradient(90deg, black, white);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradient-move 3.14s linear infinite}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 0%}100%{background-position:0% 50%}}.latest-story-link{text-decoration:none}.about-section{margin-top:3rem}.about-flex-container{display:flex;flex-wrap:wrap;gap:2.5rem}.about-image-column{flex:1 1 200px;min-width:150px;overflow:hidden}.about-image-column img{display:block;width:100%;height:100%;object-fit:cover}.about-text-column{flex:2 1 350px;min-width:280px}.about-text-column h2{margin-bottom:0.2em;margin-top:0}.post-actions{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #eee);display:flex;flex-direction:column;align-items:center;gap:0.75rem}.post-actions a.mail-button.icon-only{padding:0.6em;line-height:1}.post-actions a.mail-button.icon-only svg{display:inline-block;width:1.3em;height:1.3em;fill:currentColor;vertical-align:middle}.action-buttons-row{display:flex;justify-content:center;align-items:center;gap:1.25rem}@use '../base/variables' as *;.post-hero-image{width:99vw;position:relative;left:50%;transform:translateX(-50%);height:45vh;overflow:hidden;background-color:var(--border-color, #eee)}.hero-image-inner{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.post-container{padding-top:2rem}.blog-post>header{margin-top:0}@media (max-width: 900px){.post-hero-image{height:30vh}.hero-image-inner{background-attachment:scroll}.post-container{padding-top:1.5rem}}@use '../base/variables' as *;#site-header{border-bottom:1px solid var(--border-color, #eee);background-color:var(--header-bg-color, #fff)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:100vw;margin-left:auto;margin-right:auto;padding:0.8rem .5rem;min-height:4rem}.nav-center{flex-grow:1;text-align:center}.navbar-brand{display:inline-block}.nav-left,.nav-right{display:flex;align-items:center}.nav-center{flex-grow:1;text-align:center}.navbar-brand{font-family:"Unbounded";font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;background-image:linear-gradient(to top, #ff0, #f0f);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.nav-button{background:none;border:none;padding:0.5em;margin:0 0.25em;cursor:pointer;color:var(--text-color);display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.nav-button svg{width:1.5em;height:1.5em;fill:currentColor}.nav-button:hover{color:var(--link-hover-color)}.nav-button:focus,.nav-button:focus-visible{outline:2px solid var(--button-focus-outline-color, var(--link-focus-outline-color, #000));outline-offset:2px}.mobile-menu-button{display:none}.mobile-menu-panel{display:block;position:fixed;top:0;right:0;width:min(80vw, 300px);height:100vh;background-color:var(--mobile-menu-bg, #f8f8f8);z-index:1000;padding:1rem;padding-top:4rem;transform:translateX(100%);transition:transform 0.3s ease-in-out;box-shadow:-2px 0 5px rgba(0,0,0,0.1);overflow-y:auto}.mobile-menu-panel.is-active{transform:translateX(0)}.mobile-menu-close{position:absolute;top:0.8rem;right:0.8rem}.mobile-menu-nav ul{list-style:none;padding:0;margin:0}.mobile-menu-nav li{margin-bottom:0.5rem;border-bottom:1px solid var(--border-color, #eee);padding-bottom:0.5rem}.mobile-menu-nav .nav-button{display:block;padding:0.5em 0;text-decoration:none;color:var(--text-color);font-size:1.1rem}.mobile-menu-nav .nav-button:hover,.mobile-menu-nav .nav-button:focus{color:var(--link-hover-color)}.mobile-menu-nav .nav-button.language-switcher-link{text-decoration:none;font-weight:500}.mobile-menu-nav .nav-button.theme-toggle-button .icon-wrapper{font-size:1.3em;display:inline-block;line-height:1}.mobile-menu-nav .nav-button.mobile-menu-button svg{width:1.5em;height:1.5em;fill:currentColor}.mobile-menu-nav .language-switcher-mobile span{margin-right:0.5em}.mobile-menu-nav .language-switcher-mobile .lang-link{display:inline;padding:0 0.3em;text-decoration:underline}.language-switcher-link,.theme-toggle-button#toggleOrb{display:inline-flex}@media (max-width: 768px){body:not(.is-home) .theme-toggle-button#toggleOrb{display:none}body:not(.is-home) .mobile-menu-button{display:inline-flex}.language-toggle-button,.mobile-menu-button{display:inline-flex}.nav-container{padding:0.5rem .5rem}}@use '../../base/variables' as *;.breadcrumbs{padding:0.5rem .5rem;margin:2rem auto 1rem auto;max-width:75ch;font-size:0.85rem;color:var(--text-color-subtle)}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center}.breadcrumbs li{padding:1px;white-space:nowrap}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover,.breadcrumbs a:focus{text-decoration:underline;color:var(--link-hover-color)}.breadcrumbs li[aria-current="page"]{font-weight:600;color:var(--text-color)}@use '../base/variables' as *;.button,.post-actions a.mail-button{display:inline-block;padding:0.75em 1.5em;margin:0.5em 0;background-color:var(--button-bg-color);color:var(--button-text-color, #505050);border:1px solid transparent;border-radius:4px;text-align:center;text-decoration:none;cursor:pointer;font-family:inherit;font-size:0.9rem;font-weight:600;line-height:1.4;transition:background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, transform 0.1s ease-in}.buttona,.button,.post-actions a.mail-button{background-image:none !important;background-size:auto !important;background-clip:border-box !important;-webkit-background-clip:border-box !important;color:var(--button-text-color, #fff) !important;text-decoration:none !important}.button:hover,.post-actions a.mail-button:hover{background-color:var(--button-hover-bg-color);color:var(--button-hover-text-color, #fff);text-decoration:none}.button:focus,.post-actions a.mail-button:focus,.button:focus-visible,.post-actions a.mail-button:focus-visible{outline:2px solid var(--button-focus-outline-color);outline-offset:2px}.button:active,.post-actions a.mail-button:active{transform:translateY(1px)}.share-button.icon-only,.mail-button.icon-only{padding:0.6em;line-height:1}.share-button.icon-only svg,.mail-button.icon-only svg{display:inline-block;width:1.3em;height:1.3em;fill:currentColor;vertical-align:middle}.pill-button,.filter-button{border-radius:9999px;display:inline-block;padding:0.2em 0.6em;margin:0;font-size:0.8rem;background-image:none;background-size:auto;background-clip:border-box;-webkit-background-clip:border-box}.pill-button.red,.red.filter-button{background-color:magenta;border-color:magenta;color:yellow}.pill-button.red:hover,.red.filter-button:hover{background-color:#fa00fa;border-color:#fa0000}.pill-button.blue,.blue.filter-button{background-color:yellow;border-color:#ff0;color:darkred}.pill-button.blue:hover,.blue.filter-button:hover{background-color:#fafa00;border-color:#ccac00}.filter-controls{margin-bottom:2rem;text-align:center}.filter-button{margin-left:0.25em;margin-right:0.25em;cursor:pointer}.filter-button.active{box-shadow:0 0 0 2px var(--button-focus-outline-color);font-weight:700}.blog-item.hidden{display:none}@use '../base/variables' as *;.like-display{margin-bottom:0.25rem;font-size:0.9rem;color:var(--text-color-subtle)}.like-count-number{font-weight:700;color:var(--text-color);margin-right:0.25em}.like-game-button{padding:0.6em;line-height:1;background-color:grey;border:1px solid var(--border-color, #ccc);border-radius:50%;color:magenta;cursor:pointer;position:relative;transition:top 0.25s ease-out, left 0.25s ease-out, transform 0.15s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;margin-bottom:0.5rem}.like-game-button svg{display:block;width:1.5em;height:1.5em;fill:currentColor}.like-game-button:hover{background-color:rgba(255,0,255,0.1);border-color:darkred}.like-game-button:focus{outline:none}.like-game-button:focus-visible{outline:2px solid var(--button-focus-outline-color);outline-offset:2px}.like-game-button:active{transform:scale(0.95)}.like-message{min-height:1.5em;margin-top:0.5em;font-size:0.9rem;color:var(--text-color-subtle);font-style:italic;transition:opacity 0.3s ease-out}.other-actions{margin-top:1rem;opacity:0.7;transition:opacity 0.3s ease-out}.other-actions:hover{opacity:1}.other-actions .button+.button,.other-actions .post-actions a.mail-button+.button,.post-actions .other-actions a.mail-button+.button,.other-actions .post-actions .button+a.mail-button,.post-actions .other-actions .button+a.mail-button,.other-actions .post-actions a.mail-button+a.mail-button,.post-actions .other-actions a.mail-button+a.mail-button{margin-left:0.5rem}.like-game-button.is-moving{position:fixed;z-index:1050;cursor:pointer;border-color:#ff4d4d;background-color:rgba(255,77,77,0.1)}.like-game-button.is-liked{background-color:#ff4d4d;border-color:#ff4d4d;color:#fff;cursor:default;opacity:0.9}.like-game-button.is-timed-out{display:none}