@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap";:root{--chocolate-castle: #442108;--silken-jade: #0ca3ac;--sleepless-blue: #bbd9ec;--swimmer: #0091cb;--thalassophile: #00afe2;--pecan: #a7765a;--ink: #2a180f;--muted: #4a3428;--blue-border: var(--swimmer);--tile-border: var(--swimmer);--tile-fill: rgba(12, 163, 172, .1);--shell-width: 600pt;--nav-height: 34px;--hex-shape: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% )}.page{background:#fffdfb;color:var(--ink)}.top-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--sleepless-blue) 84%,#ffffff 16%);border-bottom:1px solid color-mix(in srgb,var(--swimmer) 35%,#ffffff 65%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-nav-inner{min-height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-link{text-decoration:none;color:var(--swimmer);font-weight:700;letter-spacing:.01em}.top-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.top-nav-links a{text-decoration:none;color:color-mix(in srgb,var(--swimmer) 78%,#042a3a 22%);font-weight:600}.top-nav-links a:hover,.top-nav-links a:focus-visible{color:var(--swimmer)}.content-shell{width:min(var(--shell-width),calc(100% - 2rem));margin:0 auto}.landing{min-height:calc(100vh - var(--nav-height));background:#fff;display:grid;align-items:center;padding:2rem 0 3rem}.hero{display:grid;justify-items:center;text-align:center}.game-shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;display:grid;justify-items:center;gap:1rem}.game-frame-wrap{width:100%;height:clamp(620px,78dvh,735px);border-radius:12px;overflow:hidden;background:#fff}.game-iframe{width:100%;height:100%;border:0;position:static;display:block;margin:0}.game-continue-btn{justify-self:center}.avatar-sequence{margin-bottom:1.5rem}.avatar-frame{width:clamp(120px,18vw,170px);aspect-ratio:1 / 1;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%);background:var(--blue-border);padding:6px}.avatar-image,.avatar-fallback{width:100%;height:100%;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%)}.avatar-image{object-fit:cover;display:block}.avatar-fallback{display:grid;place-items:center;font-size:clamp(1.3rem,3.5vw,1.75rem);font-weight:700;letter-spacing:.08em;background:linear-gradient(160deg,var(--sleepless-blue) 0%,#f5f9fd 100%);color:var(--chocolate-castle)}.intro,.outro{margin:0;color:var(--ink);font-size:clamp(1.2rem,2.2vw,1.6rem)}.intro{margin-bottom:.85rem}.about-list{width:min(430px,100%);list-style:none;margin:0;padding:0;display:grid;gap:.65rem;justify-self:center}.line-item{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;color:var(--muted);font-size:clamp(1rem,1.8vw,1.2rem);text-align:left}.line-item:before{content:"";width:11px;height:11px;background:var(--swimmer);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%);flex:0 0 auto}.outro{margin-top:1.2rem;font-size:clamp(1rem,1.8vw,1.2rem)}.outro-sequence{display:inline-flex;align-items:baseline;gap:.1em}.outro-dots{display:inline-flex;min-width:.7em;font-size:1.45em;line-height:1}.outro-dot{opacity:0;animation:appear-only 1ms linear forwards;animation-delay:calc(var(--delay, 0s) + (var(--dot-step) * .44s))}.outro-text{opacity:0;animation:appear-only 1ms linear forwards;animation-delay:calc(var(--delay, 0s) + 1.44s)}.outro-sequence-static .outro-dot,.outro-sequence-static .outro-text{opacity:1;animation:none}.actions{margin-top:2rem;display:grid;gap:.75rem;width:min(260px,100%)}.primary-btn,.secondary-btn{border-radius:10px;padding:.72rem 1rem;font:inherit;cursor:pointer;border:1px solid transparent;transition:transform .16s ease,filter .16s ease,color .16s ease}.primary-btn{background:#0091cb;border-color:#0091cb;color:#fff;width:66.6667%;justify-self:center}.secondary-btn{background:transparent;border-color:transparent;color:#b1b8c2}.primary-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.secondary-btn:hover{color:#c0c7d0}.primary-btn:active,.secondary-btn:active{transform:translateY(0)}.fade-in{opacity:0;transform:translateY(8px);animation:fade-up .9s ease forwards;animation-delay:var(--delay, 0s)}.actions-hidden{opacity:0;visibility:hidden}.actions-visible{opacity:1;visibility:visible}.site-section{background:#bbd9ec33;padding:1.5rem 0 3.5rem}.writing-page{min-height:100vh}.writing-section{padding:2rem 0 3.5rem}.writing-shell{display:grid;gap:1rem}.writing-title{margin:0;font-size:clamp(1.4rem,3vw,2rem);color:var(--chocolate-castle)}.writing-list{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}.writing-item{border:1px solid color-mix(in srgb,var(--swimmer) 30%,#ffffff 70%);background:color-mix(in srgb,var(--sleepless-blue) 36%,#ffffff 64%);border-radius:12px;padding:.78rem;display:grid;grid-template-columns:124px 1fr;align-items:center;gap:.85rem}.writing-thumb-link{width:100%;display:block;text-decoration:none}.writing-thumb-wrap{width:100%;aspect-ratio:1.1547;padding:2.2px;box-sizing:border-box;background:transparent;border:1.5px solid transparent;clip-path:var(--hex-shape);display:grid;place-items:center;overflow:hidden}.writing-thumb{width:100%;height:100%;clip-path:var(--hex-shape);object-fit:cover;object-position:center;transform:scale(1.12);display:block}.writing-thumb-fallback{font-size:1.6rem;font-weight:700;color:#325269}.writing-body{min-width:0}.writing-link{color:#0c4f69;font-weight:700;text-decoration:none}.writing-link:hover,.writing-link:focus-visible{color:#073f53;text-decoration:underline}.writing-meta{margin:.35rem 0 0;color:#315167;font-size:.92rem;font-style:italic}.writing-back-link{width:fit-content;text-decoration:none;border-radius:10px;padding:.62rem 1rem;font-weight:600;color:#fff;background:var(--swimmer);border:1px solid #0b749d}.writing-back-link:hover{filter:brightness(1.03)}@media (max-width: 620px){.writing-item{grid-template-columns:1fr;gap:.65rem}.writing-thumb-link{width:min(180px,100%);justify-self:center}}.hex-board-wrapper{display:grid;justify-items:center;width:100%}.hex-board{position:relative;margin:0 auto}.hex-section-fade{opacity:0}.hex-board-visible .hex-section-fade{animation:section-fade-in .42s ease forwards;animation-delay:var(--section-delay, 0ms)}.hex-board-tile{position:absolute;display:block;width:100%;height:100%;padding:0;text-decoration:none;color:#1a262e;background:transparent;clip-path:var(--hex-shape);overflow:hidden;transition:filter .16s ease}.hex-board-item{background:transparent}.hex-board-tile:hover{filter:brightness(.96)}.hex-board-tile:focus-visible{outline:2px solid var(--chocolate-castle);outline-offset:3px}.hex-board-tile-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hex-board-heading{pointer-events:none}.hex-board-heading-link{pointer-events:auto}.hex-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.hex-surface-shape{fill:var(--section-fill, var(--tile-fill));stroke:var(--section-border, var(--tile-border));stroke-width:2.2;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;stroke-linejoin:round}.hex-content{position:relative;z-index:1;display:block;width:100%;height:100%}.hex-heading-label{max-width:100%;text-align:center;font-size:clamp(1.36rem,2.55vw,1.92rem);line-height:1.2;font-weight:700;letter-spacing:.02em;color:var(--section-title, #12366f);text-wrap:balance}.hex-board-heading .hex-heading-label{position:absolute;left:13%;right:13%;top:50%;transform:translateY(-50%)}.hex-heading-sub{text-align:center;font-size:clamp(.48rem,.9vw,.62rem);line-height:1.2;font-weight:500;color:var(--section-title, #12366f);text-wrap:balance}.hex-heading-sub-bottom{position:absolute;left:22.5%;right:22.5%;bottom:10%}.hex-icon-slot{position:absolute;left:20%;right:20%;top:15%;bottom:25%;display:grid;place-items:center}.hex-icon{width:100%;height:100%;object-fit:contain;filter:saturate(.95)}.hex-top-text,.hex-bottom-text{position:absolute;left:22.5%;right:22.5%;text-align:center;font-size:clamp(.54rem,1.02vw,.68rem);line-height:1.16;font-weight:500;color:var(--section-text, #35598f);text-wrap:balance;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hex-top-text{top:10%}.hex-top-text--italic{font-style:italic}.hex-bottom-text{bottom:10%}.hex-bottom-text--italic{font-style:italic}.contact-cta{margin:2rem auto 0;display:grid;justify-items:center;gap:.65rem}.contact-note{margin:0;width:min(100%,300pt);font-size:.98rem;color:var(--chocolate-castle);text-align:center}.contact-btn{text-decoration:none;border-radius:10px;padding:.62rem 1rem;font-weight:600;color:#fff;background:var(--swimmer);border:1px solid #0b749d;transition:transform .16s ease,filter .16s ease}.contact-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.contact-btn:active{transform:translateY(0)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes appear-only{0%{opacity:0}to{opacity:1}}@keyframes section-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 560px){.hero{justify-items:stretch}.game-shell{width:calc(100% - 1rem)}.game-frame-wrap{height:min(735px,calc(100dvh - var(--nav-height) - 3.2rem))}.top-nav-inner{min-height:30px}.intro,.outro{text-align:center}.avatar-sequence,.actions{justify-self:center}.hex-icon{width:100%;height:100%}.hex-top-text,.hex-bottom-text{font-size:clamp(.46rem,1.72vw,.6rem);left:22.5%;right:22.5%}.hex-top-text{top:9%}.hex-bottom-text{bottom:8%}.hex-heading-label{font-size:clamp(1.12rem,4.45vw,1.5rem)}.hex-heading-sub{font-size:clamp(.43rem,1.58vw,.54rem)}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none;opacity:1;transform:none}.outro-dot,.outro-text{animation:none;opacity:1}.hex-section-fade{opacity:1;animation:none}.primary-btn,.secondary-btn{transition:none}}:root{font-family:Comfortaa,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#fff}*{box-sizing:border-box}body{margin:0;background:#fff}