@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #040712;--bg-soft: rgba(7, 16, 28, .82);--panel: rgba(10, 21, 37, .78);--panel-strong: rgba(8, 17, 30, .92);--line: rgba(126, 173, 228, .18);--line-strong: rgba(126, 173, 228, .35);--text: #eef5ff;--text-dim: #adc3df;--accent: #57d0ff;--accent-2: #8de7c1;--accent-3: #f7a95b;--shadow: 0 30px 80px rgba(0, 0, 0, .4);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--section-scroll-offset: 132px;--header-mask-height: 124px;--content-readability-opacity: .5;--content-readability-width: min(1280px, calc(100vw - 72px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif}body::selection{background:#57d0ff47}img{max-width:100%;display:block}button,a{font:inherit}a{color:inherit;text-decoration:none}.route-loading{min-height:100vh;display:grid;place-items:center;padding:32px;color:var(--text-dim);background:radial-gradient(circle at top,rgba(87,208,255,.16),transparent 35%),radial-gradient(circle at 80% 18%,rgba(247,169,91,.14),transparent 22%),var(--bg)}.route-loading__copy{display:grid;gap:12px;width:min(560px,100%);padding:28px 30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#0e1828eb,#070d18f0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.route-loading__eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.route-loading__copy strong{font-size:clamp(1.4rem,3vw,2rem);color:var(--text)}.route-loading__copy p{margin:0;line-height:1.7}.route-loading__spinner{width:58px;height:58px;margin:0 auto 22px;border-radius:50%;border:2px solid rgba(87,208,255,.16);border-top-color:var(--accent);border-right-color:#f7a95be0;box-shadow:0 0 0 1px #57d0ff14,inset 0 0 28px #57d0ff14;animation:route-spin .95s linear infinite}.page-shell{position:relative;min-height:100vh;overflow:clip}.page-shell:before{content:none}.page-shell:after{content:"";position:fixed;top:-32vh;bottom:-32vh;left:50%;width:var(--content-readability-width);transform:translate(-50%);z-index:1;pointer-events:none;background:rgba(0,0,0,var(--content-readability-opacity));filter:blur(96px)}.page-shell .site-nav,.page-shell .games-nav,.page-shell .section-advance,.page-shell .content-shell,.page-shell .scene-canvas,.page-shell .scene-static{transition:opacity .52s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s cubic-bezier(.2,.8,.2,1)}.page-shell .content-shell>*{transition:opacity .52s ease,transform .72s cubic-bezier(.2,.8,.2,1)}.page-shell--entering .site-nav,.page-shell--entering .games-nav{opacity:0;transform:translateY(-28px)}.page-shell--entering .section-advance{opacity:0;transform:translateY(24px) scale(.96)}.page-shell--entering .content-shell{opacity:.72}.page-shell--entering .content-shell>*{opacity:0;transform:translateY(28px)}.page-shell--entering .scene-canvas,.page-shell--entering .scene-static{opacity:.2;transform:scale(1.018);filter:blur(12px)}.page-shell--ready .site-nav,.page-shell--ready .games-nav,.page-shell--ready .section-advance,.page-shell--ready .content-shell,.page-shell--ready .scene-canvas,.page-shell--ready .scene-static,.page-shell--ready .content-shell>*{opacity:1;transform:none;filter:none}.page-shell--ready .content-shell>:nth-child(1){transition-delay:90ms}.page-shell--ready .content-shell>:nth-child(2){transition-delay:.15s}.page-shell--ready .content-shell>:nth-child(3){transition-delay:.21s}.page-shell--ready .content-shell>:nth-child(4){transition-delay:.27s}.page-shell--ready .content-shell>:nth-child(5){transition-delay:.33s}.page-shell--ready .content-shell>:nth-child(6){transition-delay:.39s}@keyframes route-spin{to{transform:rotate(360deg)}}.content-shell{position:relative;z-index:2;width:min(1180px,calc(100vw - 48px));margin:0 auto;padding:32px 0 80px}.home-shell{display:grid;gap:30px}.games-shell{display:grid;gap:28px;padding:18px 0 8px;padding-inline:clamp(8px,2vw,22px)}.games-nav-shell{position:sticky;top:0;z-index:5;width:100%;padding:16px 24px 0}.games-nav-shell:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#040712fb,#040712f0),radial-gradient(circle at 16% 0%,rgba(87,208,255,.12),transparent 26%),radial-gradient(circle at 86% 10%,rgba(247,169,91,.1),transparent 20%)}.games-nav-shell:after{content:"";position:absolute;left:0;right:0;top:calc(100% - 2px);height:28px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#04071270,#04071200)}.games-nav{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:14px 18px;border:1px solid rgba(87,208,255,.18);border-radius:22px;background:linear-gradient(180deg,#070e19e6,#08101df5),radial-gradient(circle at top left,rgba(87,208,255,.08),transparent 28%);box-shadow:0 14px 40px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.games-nav__topbar{display:contents}.games-nav__brand{display:inline-flex;align-items:center;gap:14px;min-width:max-content;font-family:Fraunces,Space Grotesk,sans-serif;font-size:1.95rem;font-weight:700;letter-spacing:.01em;line-height:1;color:#f4f7ff;text-shadow:0 1px 0 rgba(255,255,255,.04)}.games-nav__brand strong{display:inline-block;padding-bottom:3px;background:linear-gradient(135deg,#f3f6ff,#efe6ff 36%,#b7efe0,#ffd0a1);-webkit-background-clip:text;background-clip:text;color:transparent}.games-nav__brand-mark{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:16px;border:1px solid rgba(126,173,228,.16);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 48%),linear-gradient(160deg,#121f32f5,#0a121fe6);box-shadow:inset 0 1px #ffffff0a,0 8px 20px #00000038}.games-nav__brand-shape{position:absolute;border-radius:999px;transform-origin:center}.games-nav__brand-shape--gold{width:22px;height:9px;left:9px;top:10px;background:linear-gradient(135deg,#ffce8af5,#f7a95bd1);transform:rotate(-28deg)}.games-nav__brand-shape--teal{width:18px;height:10px;left:17px;top:18px;background:linear-gradient(135deg,#9df0dff5,#57d0ffc2);transform:rotate(34deg)}.games-nav__brand-shape--ink{width:11px;height:11px;left:11px;top:22px;border-radius:4px;background:linear-gradient(135deg,#d4e0ffe0,#b0c6ff9e);transform:rotate(18deg)}.games-nav__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.games-nav__menu{display:contents}.games-nav__toggle{display:none;position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:1px solid rgba(87,208,255,.18);background:#09121fd1;color:var(--text);cursor:pointer}.games-nav__toggle span{position:absolute;left:11px;width:20px;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:transform .22s ease,opacity .18s ease,top .22s ease}.games-nav__toggle span:nth-child(1){top:14px}.games-nav__toggle span:nth-child(2){top:21px}.games-nav__toggle span:nth-child(3){top:28px}.games-nav__toggle.is-open span:nth-child(1){top:21px;transform:rotate(45deg)}.games-nav__toggle.is-open span:nth-child(2){opacity:0}.games-nav__toggle.is-open span:nth-child(3){top:21px;transform:rotate(-45deg)}.games-nav__link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:16px;border:1px solid rgba(87,208,255,.12);background:#080f1abd;color:var(--text-dim);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.games-nav__link:hover,.games-nav__link:focus-visible{transform:translateY(-1px);color:var(--text);border-color:#57d0ff3d;background:#0c1829e6}.games-nav__link.is-active{color:var(--text);border-color:#f7a95b52;background:linear-gradient(135deg,#f7a95b2e,#57d0ff1f),#0c1829eb;box-shadow:inset 0 1px #ffffff0a,0 0 32px #f7a95b14}.games-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:center;padding:22px 0 14px}.games-hero h1{margin:0;font-size:clamp(2.8rem,8vw,5rem);line-height:.96;text-shadow:0 10px 36px rgba(0,0,0,.38)}.games-hero p{margin:0;max-width:48rem;color:var(--text-dim);line-height:1.75}.games-hero__copy{display:grid;gap:14px;max-width:52rem}.games-hero__art{position:relative;min-height:260px;border-radius:34px;border:1px solid rgba(126,173,228,.18);background:radial-gradient(circle at 28% 24%,rgba(255,214,171,.12),transparent 20%),radial-gradient(circle at 75% 30%,rgba(141,231,193,.12),transparent 18%),linear-gradient(180deg,#101b2cc7,#080e19e0);box-shadow:inset 0 1px #ffffff0a,0 24px 48px #0000002e;overflow:hidden}.games-hero__art:before,.games-hero__art:after{content:"";position:absolute;inset:auto;border-radius:999px;border:1px dashed rgba(126,173,228,.18)}.games-hero__art:before{width:220px;height:220px;right:-28px;top:18px;transform:rotate(14deg)}.games-hero__art:after{width:150px;height:150px;left:28px;bottom:8px;transform:rotate(-18deg)}.games-hero__orb{position:absolute;border-radius:999px;filter:blur(.2px);animation:gamesFloat 7.5s ease-in-out infinite}.games-hero__orb--large{width:132px;height:132px;right:72px;top:54px;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.76),rgba(255,255,255,.1) 18%,transparent 30%),linear-gradient(145deg,#ffc784e0,#f7a95bad 38%,#7a59db8a);box-shadow:0 0 0 18px #ffd6ab0d,0 24px 36px #0000002e}.games-hero__orb--small{width:78px;height:78px;left:64px;bottom:58px;background:radial-gradient(circle at 40% 38%,rgba(255,255,255,.72),rgba(255,255,255,.08) 20%,transparent 30%),linear-gradient(160deg,#95ddffeb,#57d0ff8f 40%,#8de7c1b3);animation-duration:6.4s}.games-hero__chip{position:absolute;display:grid;gap:6px;padding:10px;border-radius:22px;border:1px solid rgba(126,173,228,.18);background:#080f1ac2;box-shadow:0 14px 30px #0000002e,inset 0 1px #ffffff0a}.games-hero__chip span{display:block;border-radius:8px}.games-hero__chip--jordle{grid-template-columns:repeat(2,18px);right:44px;bottom:38px;transform:rotate(-6deg);animation:gamesTilt 6s ease-in-out infinite}.games-hero__chip--jordle span{width:18px;height:18px;border:1px solid rgba(149,221,255,.28);background:#132136eb}.games-hero__chip--jordle span:nth-child(2),.games-hero__chip--jordle span:nth-child(4){background:#8de7c1d6}.games-hero__chip--domes{left:112px;top:32px;grid-template-columns:repeat(3,14px);align-items:end;transform:rotate(8deg);animation:gamesTilt 8s ease-in-out infinite reverse}.games-hero__chip--domes span{width:14px;background:linear-gradient(180deg,#ffd09de6,#f7a95ba6)}.games-hero__chip--domes span:nth-child(1){height:14px}.games-hero__chip--domes span:nth-child(2){height:22px}.games-hero__chip--domes span:nth-child(3){height:30px}.games-hero__chip--jolor{left:54%;top:44px;grid-template-columns:repeat(5,8px);align-items:end;transform:rotate(-10deg);animation:gamesPulse 3.8s ease-in-out infinite}.games-hero__chip--jolor span{width:8px;background:linear-gradient(180deg,#ffd48feb,#df7dff9e)}.games-hero__chip--jolor span:nth-child(1){height:12px}.games-hero__chip--jolor span:nth-child(2){height:20px}.games-hero__chip--jolor span:nth-child(3){height:28px}.games-hero__chip--jolor span:nth-child(4){height:18px}.games-hero__chip--jolor span:nth-child(5){height:10px}.games-section-intro{display:grid;gap:12px;padding:22px 0 6px;max-width:48rem}.games-section-intro h1{margin:0;font-size:clamp(2.8rem,8vw,4.4rem);line-height:.96;text-shadow:0 10px 36px rgba(0,0,0,.32)}.games-section-intro p{margin:0;color:var(--text-dim);line-height:1.75}.games-grid{display:grid;gap:24px;padding:8px 0 4px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.games-card{padding:28px;border-radius:28px}.games-card--link{display:grid;gap:14px;align-content:start;min-height:248px;background:linear-gradient(180deg,#122135d1,#09101ceb),radial-gradient(circle at top right,rgba(87,208,255,.08),transparent 34%);border:1px solid rgba(126,173,228,.2);box-shadow:0 18px 38px #00000038,inset 0 1px #ffffff08;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.games-card--link:before{content:"";position:absolute;inset:-20% auto auto 58%;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(126,173,228,.12),transparent 68%);pointer-events:none;transition:transform .22s ease,opacity .22s ease;opacity:.72}.games-card--link:hover,.games-card--link:focus-visible{transform:translateY(-3px);border-color:#57d0ff47;background:linear-gradient(180deg,#18283ee0,#0a111ef5),radial-gradient(circle at top right,rgba(247,169,91,.08),transparent 32%);box-shadow:0 22px 44px #00000042}.games-card--link:hover:before,.games-card--link:focus-visible:before{transform:translate(-10px,8px) scale(1.08)}.games-card h2{margin:0;font-size:1.52rem}.games-card p{margin:0;color:var(--text-dim);line-height:1.75}.games-card__icon{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;border:1px solid rgba(126,173,228,.18);background:#0a1321d6;box-shadow:inset 0 1px #ffffff0a;position:relative}.games-card__icon:after{content:"";position:absolute;inset:8px;border-radius:14px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.08),transparent 48%);pointer-events:none}.games-card__icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.games-card__icon--domes{color:#ffd09d}.games-card__icon--jordle{color:#95ddff}.games-card__icon--jolor{color:#df7dff}.games-card__meta{margin-top:auto;font:.76rem/1 IBM Plex Mono,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.domes-hero{width:min(100%,760px);margin:0}.domes-hero__title-row{display:inline-flex;align-items:center;gap:18px}.domes-hero__icon{width:72px;height:72px;flex:0 0 72px}.domes-hero h1{margin:0;font-size:4.5rem;line-height:1}.domes-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;width:min(100%,1100px);margin:0 auto}.domes-board-card,.domes-status-card{padding:24px}.domes-board-card{display:grid;gap:22px}.domes-board-card__header{display:flex;align-items:start;justify-content:space-between;gap:18px}.domes-board-card__copy{display:grid;gap:10px}.domes-board-card__copy h2{margin:0;font-size:1.75rem}.domes-board-card__copy p{margin:0;color:var(--text-dim);line-height:1.7}.domes-board-card__actions{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.domes-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.domes-cell{position:relative;display:block;aspect-ratio:1 / 1;border-radius:20px;border:1px solid rgba(126,173,228,.18);background:linear-gradient(180deg,#16253bf0,#09101cf5),radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 32%);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.domes-cell:hover,.domes-cell:focus-visible{transform:translateY(-2px);border-color:#57d0ff47}.domes-cell.is-selectable{border-color:#f7a95b57;box-shadow:0 0 0 1px #f7a95b29,0 16px 26px #00000024}.domes-cell.is-selected{border-color:#8de7c16b;box-shadow:0 0 0 1px #8de7c12e,0 16px 26px #00000024}.domes-cell__grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 26px,26px 100%;opacity:.24}.domes-cell__base{position:absolute;inset:auto 10px 10px;height:12px;border-radius:10px;background:linear-gradient(180deg,#93baf02e,#5a7eb91a)}.domes-cell__tower{position:absolute;inset:auto 12px 14px;display:grid;gap:4px;align-items:end}.domes-cell__tower-level{display:block;height:16px;border-radius:10px;border:1px solid rgba(255,245,236,.1);background:linear-gradient(180deg,#ffe1bde0,#d1a972cc);box-shadow:inset 0 1px #fff3}.domes-cell__dome{position:absolute;left:50%;bottom:22px;transform:translate(-50%)}.domes-cell__dome-cap{display:block;width:52px;height:30px;border-radius:999px 999px 14px 14px;border:1px solid rgba(201,244,232,.18);background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.45),transparent 24%),linear-gradient(180deg,#8de7c1f5,#57d0ffbd);box-shadow:0 10px 18px #0000002e}.domes-cell__worker{position:absolute;left:50%;bottom:18px;transform:translate(-50%)}.domes-cell__worker-body{display:block;width:24px;height:24px;border-radius:999px;border:2px solid rgba(255,255,255,.22);box-shadow:0 10px 16px #0000002e}.domes-cell.has-worker--sun .domes-cell__worker-body{background:linear-gradient(180deg,#ffd7a3,#f7a95b)}.domes-cell.has-worker--sea .domes-cell__worker-body{background:linear-gradient(180deg,#b8f0df,#57d0ff)}.domes-status-card{display:grid;gap:18px;align-content:start;background:linear-gradient(180deg,#122135cc,#09101ceb),radial-gradient(circle at top right,rgba(87,208,255,.06),transparent 36%)}.domes-status-card__section{display:grid;gap:10px}.domes-steps,.domes-rules{margin:0;padding-left:1.15rem;color:var(--text-dim);line-height:1.7}.domes-steps li+li,.domes-rules li+li{margin-top:6px}.domes-players{display:grid;gap:12px}.domes-player-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(126,173,228,.16);background:#09101cb3}.domes-player-card.is-active{border-color:#f7a95b42;box-shadow:0 0 0 1px #f7a95b1f}.domes-player-card__token{width:16px;height:16px;border-radius:999px;box-shadow:0 0 0 2px #ffffff14}.domes-player-card__token--sun{background:linear-gradient(180deg,#ffd7a3,#f7a95b)}.domes-player-card__token--sea{background:linear-gradient(180deg,#b8f0df,#57d0ff)}.domes-player-card__copy{display:grid;gap:2px}.domes-player-card__copy strong{font-size:1rem}.domes-player-card__copy span,.domes-player-card__state{color:var(--text-dim);font-size:.92rem}.domes-player-card__state.is-blocked{color:#f7a95b}.jolor-hero{grid-template-columns:1fr;gap:10px;justify-items:start;align-items:start;width:min(100%,760px);margin:0 auto}.jolor-hero__title-row{display:inline-flex;align-items:center;gap:18px}.jolor-hero__icon{width:72px;height:72px;flex:0 0 72px}.jolor-layout{width:min(100%,760px);margin:0 auto}.jolor-board-card{display:grid;gap:22px;padding:24px}.jolor-board-card__header{display:grid;gap:12px}.jolor-board-card__title-row{display:flex;align-items:start;justify-content:space-between;gap:18px}.jolor-board-card__title-row h2{margin:6px 0 0;font-size:2rem}.jolor-board-card__header p{margin:0;color:var(--text-dim);line-height:1.75}.jolor-preview{display:grid;gap:12px}.jolor-preview__surface{position:relative;min-height:220px;border-radius:22px;border:1px solid rgba(126,173,228,.18);box-shadow:inset 0 1px #ffffff29,0 18px 30px #00000029;overflow:hidden}.jolor-preview__surface:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),linear-gradient(180deg,#00000014,#0003)}.jolor-preview__surface:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%,transparent);background-size:32px 32px;opacity:.14}.jolor-preview__label,.jolor-preview__countdown{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:1;padding:.65rem 1rem;border-radius:999px;background:#080f1aa8;border:1px solid rgba(255,255,255,.18);color:var(--text);font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jolor-preview__countdown{font-size:2.2rem;min-width:4rem;text-align:center}.jolor-preview__meta{display:grid;gap:4px}.jolor-preview__meta strong{font-size:1.05rem}.jolor-preview__meta span{color:var(--text-dim);line-height:1.6}.jolor-controls{display:grid;grid-template-columns:minmax(110px,1.2fr) repeat(3,minmax(86px,.8fr)) minmax(140px,1fr);gap:12px}.jolor-control{display:grid;gap:8px}.jolor-control span{font:.74rem/1 IBM Plex Mono,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.jolor-control input{width:100%;min-width:0;height:50px;border-radius:16px;border:1px solid rgba(126,173,228,.18);background:#080f1ad1;color:var(--text);padding:0 14px}.jolor-control input[type=number]{appearance:textfield}.jolor-control input[type=number]::-webkit-outer-spin-button,.jolor-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jolor-control--picker input{padding:6px}.jolor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.jolor-guess-list{display:grid;gap:12px}.jolor-guess-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:18px;border:1px solid rgba(126,173,228,.16);background:#09101cb8}.jolor-guess-card__swatch,.jolor-summary-answer__swatch{width:100%;aspect-ratio:1 / 1;border-radius:16px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff29}.jolor-guess-card__copy,.jolor-guess-card__meta,.jolor-summary-answer{display:grid;gap:4px}.jolor-guess-card__copy span,.jolor-guess-card__meta span,.jolor-summary-answer span,.jolor-empty-state{color:var(--text-dim);line-height:1.6}.jolor-guess-card__meta{justify-items:end;text-align:right}.jolor-empty-state{padding:18px;border-radius:18px;border:1px dashed rgba(126,173,228,.18);background:#080f1a7a}.jolor-summary-answer{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border-radius:18px;border:1px solid rgba(126,173,228,.16);background:#080f1a8f}.jolor-summary-answer>div:last-child{display:grid;gap:6px}@keyframes gamesFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gamesTilt{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(0) translateY(-5px)}}@keyframes gamesPulse{0%,to{transform:rotate(-10deg) scale(1)}50%{transform:rotate(-10deg) scale(1.05)}}.jordle-hero{grid-template-columns:1fr;gap:10px;justify-items:start;align-items:start;width:min(100%,760px);margin:0 auto}.jordle-hero__title-row{display:inline-flex;align-items:center;gap:18px}.jordle-hero__icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(180deg,#111f33eb,#09101cf5),radial-gradient(circle at top left,rgba(149,221,255,.1),transparent 40%);box-shadow:inset 0 1px #ffffff0a,0 16px 32px #0000002e}.jordle-hero__icon svg{width:36px;height:36px}.jordle-hero h1{margin:0;font-size:4.5rem;line-height:1}.jordle-layout{display:flex;flex-direction:column;gap:22px;width:min(100%,760px);margin:0 auto}.jordle-board-card,.jordle-keyboard-card{padding:24px;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#122135f5,#09101cfa);overflow:visible}.jordle-board-card__header{display:grid;gap:12px;margin-bottom:20px}.jordle-board-card__title-row{display:flex;align-items:start;justify-content:space-between;gap:18px}.jordle-board-card__actions{display:inline-flex;align-items:center;gap:10px}.jordle-board-card__header h2{margin:6px 0 0;font-size:1.6rem}.jordle-board-card__header p{margin:0;color:var(--text-dim);line-height:1.75}.jordle-board-card__meta-divider{margin-inline:10px;color:#eef5ff47}.jordle-help-button{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(126,173,228,.22);background:#080f1ad1;color:var(--text);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.jordle-help-button:hover,.jordle-help-button:focus-visible{transform:translateY(-10%);border-color:#57d0ff5c;background:#0a1525f5;box-shadow:0 16px 34px #00000038}.jordle-help-button__icon{display:inline-flex;width:18px;height:18px}.jordle-help-button__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jordle-help-button__tooltip{position:absolute;top:calc(100% + 10px);right:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(126,173,228,.18);background:#070e19f0;color:var(--text-dim);white-space:nowrap;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;font-size:.9rem;box-shadow:0 12px 28px #00000047}.jordle-help-button:hover .jordle-help-button__tooltip,.jordle-help-button:focus-visible .jordle-help-button__tooltip{opacity:1;transform:translateY(0)}.jordle-board{display:grid;gap:clamp(8px,1.2vw,12px)}.jordle-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.2vw,12px)}.jordle-tile{display:grid;place-items:center;aspect-ratio:1 / 1;min-width:0;border-radius:clamp(12px,2vw,18px);border:1px solid rgba(126,173,228,.18);background:#080f1abd;color:var(--text);text-transform:uppercase;font-size:clamp(1rem,2.2vw,1.8rem);font-weight:700;letter-spacing:clamp(.04em,.25vw,.08em)}.jordle-tile.is-empty{color:#eef5ff73}.jordle-tile.is-miss{background:#141c28f5;color:#eef5ffb8}.jordle-tile.is-present{background:linear-gradient(135deg,#f7a95bad,#cc8426e0);border-color:#f7a95b6b;color:#08111d}.jordle-tile.is-correct{background:linear-gradient(135deg,#8de7c1b8,#4dc591e0);border-color:#8de7c166;color:#08111d}.jordle-keyboard{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;overflow:visible}.jordle-keyboard__row{display:flex;justify-content:center;gap:6px;width:100%;flex-wrap:nowrap;min-width:0;overflow:visible}.jordle-keyboard__row--offset{padding-inline:clamp(12px,4vw,34px)}.jordle-key{flex:1 1 0;min-width:0;min-height:clamp(42px,7vw,52px);padding:0 6px;border-radius:clamp(11px,1.8vw,15px);border:1px solid rgba(126,173,228,.18);background:#080f1acc;color:var(--text);font-weight:600;font-size:clamp(.78rem,1.5vw,1rem);text-transform:uppercase;overflow:hidden}.jordle-key.is-wide{flex:1.32 1 0}.jordle-key.is-miss{background:#141c28f5;color:#eef5ffbd}.jordle-key.is-present{background:linear-gradient(135deg,#f7a95bad,#cc8426e0);border-color:#f7a95b6b;color:#08111d}.jordle-key.is-correct{background:linear-gradient(135deg,#8de7c1b8,#4dc591e0);border-color:#8de7c166;color:#08111d}.jordle-key__icon{display:inline-flex;width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px)}.jordle-key__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jordle-modal{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:#040712c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jordle-modal__card{width:min(680px,100%);padding:26px;border-radius:28px;background:linear-gradient(180deg,#122135e6,#09101cf5),radial-gradient(circle at top right,rgba(87,208,255,.08),transparent 34%);border:1px solid rgba(126,173,228,.18);box-shadow:0 24px 64px #00000057;animation:jordleModalIn .72s cubic-bezier(.2,.8,.2,1) both}.jordle-modal__header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.jordle-modal__header h2{margin:6px 0 0;font-size:1.9rem}.jordle-modal__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(126,173,228,.18);background:#080f1acc;color:var(--text);font-size:1.45rem;line-height:1;padding:1px 0 0}.jordle-modal__body{display:grid;gap:18px}.jordle-modal__body p{margin:0;color:var(--text-dim);line-height:1.75}.jordle-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jordle-summary-stat{display:grid;gap:8px;padding:16px 18px;border-radius:18px;border:1px solid rgba(126,173,228,.16);background:#070e19b8}.jordle-summary-stat span{color:var(--text-dim);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.jordle-summary-stat strong{color:var(--text);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.1}.jordle-archive-modal{max-height:min(82vh,720px)}.jordle-archive-list{display:grid;gap:12px;max-height:min(52vh,440px);overflow:auto;padding-right:4px}.jordle-archive-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 18px;border-radius:18px;border:1px solid rgba(126,173,228,.16);background:#070e19b8;color:var(--text);text-align:left;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.jordle-archive-item:hover,.jordle-archive-item:focus-visible{transform:translateY(-1px);border-color:#57d0ff4d;background:#0a121feb;box-shadow:0 16px 32px #0003}.jordle-archive-item.is-active{border-color:#57d0ff57;background:#0c192af0}.jordle-archive-item>div:first-child{display:grid;gap:6px}.jordle-archive-item strong{font-size:1rem}.jordle-archive-item span{color:var(--text-dim)}.jordle-archive-item__meta{flex:0 0 auto}.jolor-archive-item__meta{display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;column-gap:16px;min-width:0}.jolor-archive-item__meta>span:first-child{justify-self:end;padding-right:6px}.jordle-archive-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(126,173,228,.16);background:#080f1abd;color:var(--text-dim);font-size:.85rem;white-space:nowrap}.jordle-archive-chip.is-solved{background:#4dc5912e;border-color:#8de7c152;color:#b3f4d8fa}.jordle-archive-chip.is-failed{background:#f7a95b29;border-color:#f7a95b47;color:#ffd29efa}.jordle-archive-chip.is-progress{background:#57d0ff24;border-color:#57d0ff3d;color:#c2eafffa}@keyframes jordleModalIn{0%{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.jordle-modal__example{display:grid;gap:10px}.jordle-modal__example-row{display:grid;grid-template-columns:repeat(6,minmax(0,56px));gap:10px}.jordle-modal__example-row .jordle-tile{font-size:1.15rem}.glass-card{background:linear-gradient(180deg,#122135c7,#09101ce0);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-nav-shell{position:sticky;top:0;z-index:5;width:100%;margin:0;padding:16px 24px 0}.site-nav-shell:before{content:"";position:absolute;inset:0;z-index:0;background:#040712fb}.site-nav-shell:after{content:"";position:absolute;left:0;right:0;top:calc(100% - 2px);height:20px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#040712b8,#04071285 36%,#0407123d,#04071200)}.site-nav{position:relative;z-index:1;display:grid;grid-template-areas:"topbar links actions";grid-template-columns:auto 1fr auto;gap:20px;align-items:center;width:100%;margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:22px;background:#050a12e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #00000047}.site-nav__topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;min-width:0}.site-nav__brand-link{display:inline-flex;gap:12px;align-items:center;flex-shrink:0;min-width:max-content}.site-nav__brand-link strong,.site-nav__brand-link small{display:block}.site-nav__brand-link>span:last-child{flex-shrink:0}.site-nav__brand-link small{color:var(--text-dim)}.site-nav__brand-mark{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#57d0ff40,#f7a95b33);color:var(--text);font-family:IBM Plex Mono,monospace;font-weight:600}.site-nav__menu{display:contents}.site-nav__toggle{display:none;position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:1px solid var(--line);background:#09121fd1;color:var(--text);cursor:pointer}.site-nav__toggle span{position:absolute;left:11px;width:20px;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:transform .22s ease,opacity .18s ease,top .22s ease}.site-nav__toggle span:nth-child(1){top:14px}.site-nav__toggle span:nth-child(2){top:21px}.site-nav__toggle span:nth-child(3){top:28px}.site-nav__toggle.is-open span:nth-child(1){top:21px;transform:rotate(45deg)}.site-nav__toggle.is-open span:nth-child(2){opacity:0}.site-nav__toggle.is-open span:nth-child(3){top:21px;transform:rotate(-45deg)}.site-nav__links,.site-nav__actions,.hero-panel__actions,.contact-links,.project-card__links,.ide-toolbar__actions,.chip-row{display:flex;gap:12px;flex-wrap:wrap}.site-nav__links{grid-area:links;justify-content:center;flex-wrap:nowrap;min-width:max-content}.site-nav__actions{grid-area:actions;flex-wrap:nowrap;min-width:max-content;justify-self:end}.site-nav--links-only{grid-template-areas:"topbar links";grid-template-columns:auto 1fr}.site-nav--links-only .site-nav__links{justify-content:flex-end}.site-nav__link{padding:10px 12px;border-radius:999px;color:var(--text-dim);transition:background-color .16s ease,color .16s ease}.site-nav__link:hover,.site-nav__link:focus-visible,.site-nav__link.is-active{background:#57d0ff1f;color:var(--text)}.site-nav__button,.cta-button,.project-card__links a,.contact-links a,.example-card{border-radius:999px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.site-nav__button,.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:linear-gradient(135deg,#57d0ff3d,#57d0ff1f);border-color:#57d0ff3d}.site-nav__button--ghost,.cta-button--secondary{background:transparent;border-color:var(--line)}.site-nav__button:hover,.cta-button:hover,.project-card__links a:hover,.contact-links a:hover,.example-card:hover,button:hover{transform:translateY(-1px)}.section-advance{position:fixed;left:0;right:0;bottom:28px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border:1px solid rgba(126,173,228,.2);border-radius:999px;background:#070e19d1;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 42px #00000042;margin-inline:auto;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .24s ease}.section-advance:hover,.section-advance:focus-visible{transform:translateY(-10%);border-color:#57d0ff5c;background:#0a1525f5;box-shadow:0 20px 46px #0000004d}.section-advance:focus-visible{outline:2px solid rgba(87,208,255,.38);outline-offset:3px}.section-advance__label{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;font-size:.92rem;color:var(--text-dim);transform:translate(-8px);transition:max-width .24s ease,opacity .18s ease,transform .24s ease,margin-right .24s ease}.section-advance__icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#57d0ff3d,#57d0ff1a);color:var(--text);transition:transform .24s ease,background-color .18s ease}.section-advance:hover .section-advance__icon,.section-advance:focus-visible .section-advance__icon{background:linear-gradient(135deg,#57d0ff4d,#f7a95b29)}.section-advance__icon svg{width:18px;height:18px}.section-advance--return .section-advance__icon{transform:rotate(180deg)}.section-advance--return{width:fit-content;padding:10px 12px 10px 16px;gap:12px;max-width:calc(100vw - 44px)}.section-advance--return .section-advance__label{max-width:140px;margin-right:2px;opacity:1;transform:translate(0)}.section-advance--return:hover .section-advance__icon,.section-advance--return:focus-visible .section-advance__icon{transform:rotate(180deg)}.hero-panel{min-height:calc(100vh - 160px);display:grid;scroll-margin-top:var(--section-scroll-offset);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;align-items:stretch}.content-section,.ide-hero,.ide-workspace,.ide-sidebar,.ide-toolbar,.ide-panel,.contact-card,.feature-card,.metric-card,.skill-card,.project-card,.experience-card,.example-card{border-radius:var(--radius-xl)}.content-section,.ide-hero,.ide-workspace,.ide-sidebar,.ide-toolbar,.ide-panel,.contact-card{padding:28px}.hero-panel__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 0}.hero-panel__aside{display:grid;align-content:center;gap:22px;min-width:0;padding:10px 0}.hero-panel__eyebrow,.section-heading__eyebrow,.project-card__slug,.experience-card__company{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--accent)}.hero-panel h1,.ide-hero h1{margin:10px 0 12px;font-size:clamp(3rem,8vw,6rem);line-height:.95;text-shadow:0 10px 36px rgba(0,0,0,.38)}.hero-panel__title{font-size:clamp(1.2rem,2vw,1.7rem);color:var(--text);max-width:34rem;margin:0}.hero-panel__summary,.section-heading p,.ide-hero p,.experience-card__summary,.project-card p,.skill-card p,.contact-card p,.feature-card p{color:var(--text-dim);line-height:1.7}.hero-panel__summary{max-width:40rem;text-shadow:0 8px 24px rgba(0,0,0,.3)}.detail-list{margin:0;padding-left:1.2rem;color:var(--text);display:grid;gap:10px}.detail-list--hero{margin-top:14px;max-width:40rem;text-shadow:0 8px 24px rgba(0,0,0,.28)}.hero-panel__portrait-wrap{width:min(100%,470px);margin-left:auto;padding:12px;border-radius:24px;border:1px solid rgba(126,173,228,.12);background:radial-gradient(circle at top,#57d0ff2e,#57d0ff00 60%),linear-gradient(180deg,#0b14224d,#0b142214);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-panel__portrait{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:22px}.metric-grid,.impact-grid,.skill-grid{display:grid;gap:16px}.metric-grid{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.feature-card,.skill-card,.experience-card,.project-card,.example-card{padding:18px;background:#0b1626b3;border:1px solid var(--line)}.metric-card{text-decoration:none;color:inherit}.metric-card--interactive{display:block;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.metric-card--interactive:hover,.metric-card--interactive:focus-visible{transform:translateY(-2px);border-color:#57d0ff57;background:#0f1d31d1;box-shadow:0 14px 32px #0000002e}.metric-card span{display:block;margin-bottom:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.metric-card strong{font-size:1rem;line-height:1.5}.metric-card__link-value{display:inline-flex;align-items:center;gap:8px;line-height:1.2}.metric-card__link-indicator{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.05rem;height:1.05rem;aspect-ratio:1 / 1;border-radius:999px;border:1px solid rgba(87,208,255,.28);color:#8ddfff;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.metric-card__link-indicator svg{width:.82rem;height:.82rem;display:block;transform:translate(1px,1px)}.metric-card--interactive:hover .metric-card__link-indicator,.metric-card--interactive:focus-visible .metric-card__link-indicator{border-color:#57d0ff6b;background:#57d0ff1f;color:#dff8ff;transform:translateY(-1px)}.content-section{display:grid;gap:24px;scroll-margin-top:var(--section-scroll-offset)}.section-heading h2{margin:10px 0 12px;font-size:clamp(1.9rem,4vw,3rem)}.impact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-grid,.project-grid{display:grid;gap:18px}.experience-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-card__header,.ide-panel__header,.ide-toolbar,.project-card__content,.ide-sidebar__section{display:flex;gap:16px}.experience-card__header,.ide-panel__header,.ide-toolbar{justify-content:space-between;align-items:start}.experience-card__meta{display:grid;gap:6px;justify-items:end;color:var(--text-dim);text-align:right}.experience-card .chip-row{margin-top:22px}.chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#57d0ff1f;border:1px solid rgba(87,208,255,.18);color:var(--text);font-size:.92rem}.chip--muted{background:#ffffff0f;border-color:#ffffff14}.project-card{overflow:hidden}.project-card__image{width:100%;height:240px;object-fit:cover}.project-card__image--icon{display:grid;place-items:center;background:radial-gradient(circle at 28% 26%,rgba(255,255,255,.08),transparent 18%),linear-gradient(180deg,#101e32f0,#070e1afa)}.project-card__image--jordle{background:radial-gradient(circle at 72% 26%,rgba(149,221,255,.12),transparent 22%),linear-gradient(180deg,#112135f0,#080f1cfa)}.project-card__icon-wrap{display:grid;place-items:center;width:92px;height:92px;border-radius:26px;border:1px solid rgba(126,173,228,.18);background:#0a1321d6;box-shadow:inset 0 1px #ffffff0a,0 18px 34px #0003;color:#95ddff}.project-card__icon-wrap svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.project-card__content{flex-direction:column;padding:22px}.project-card__impact{padding-top:8px;border-top:1px solid var(--line)}.project-card__links a,.contact-links a{padding:10px 14px;background:#ffffff0a;border:1px solid var(--line)}.project-card__link--primary{background:linear-gradient(135deg,#f7a95beb,#e78c36e0)!important;border-color:#ffcb9047!important;color:#13233d}.project-card__link--primary:hover,.project-card__link--primary:focus-visible{background:linear-gradient(135deg,#ffb870f5,#f0953ceb)!important;color:#0d1d33}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card{display:grid;gap:18px;grid-template-columns:1fr auto;align-items:center}.contact-links{justify-content:flex-end;justify-self:end}.scene-canvas,.scene-static{position:fixed;inset:0;z-index:0}.scene-static{background:radial-gradient(circle at top,rgba(87,208,255,.12),transparent 34%),var(--bg)}.scene-static__gradient,.scene-static__grid,.scene-static__glow{position:absolute}.scene-static__gradient,.scene-static__grid,.scene-static__glow{inset:0}.scene-static__gradient{background:radial-gradient(circle at 20% 20%,rgba(87,208,255,.14),transparent 32%),radial-gradient(circle at 80% 26%,rgba(247,169,91,.12),transparent 28%),radial-gradient(circle at 50% 80%,rgba(141,231,193,.1),transparent 30%)}.scene-static__grid{background-image:linear-gradient(rgba(126,173,228,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(126,173,228,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1),transparent 80%);mask-image:radial-gradient(circle at center,rgba(0,0,0,1),transparent 80%)}.scene-static__glow--left{background:radial-gradient(circle at 10% 40%,rgba(87,208,255,.18),transparent 28%)}.scene-static__glow--right{background:radial-gradient(circle at 90% 20%,rgba(223,125,255,.16),transparent 26%)}.ide-shell{display:grid;gap:24px}.ide-workspace,.ide-workspace__body,.ide-panels,.ide-panel{display:grid;gap:18px}.ide-workspace__header{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0}.ide-workspace__header p{margin:0;color:var(--text-dim);line-height:1.6}.ide-workspace__title{margin:8px 0 12px;font-size:clamp(2.4rem,7vw,4rem);line-height:.94}.ide-workspace__example-meta{display:grid;gap:0}.ide-example-rail{position:relative;overflow:visible;padding:0 52px;border-radius:24px;min-width:0;max-width:100%}.ide-example-rail__scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(208px,232px);gap:12px;overflow-x:auto;overflow-y:hidden;padding:6px 18px 12px;scrollbar-width:none;width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 28px,rgba(0,0,0,1) 68px,rgba(0,0,0,1) calc(100% - 68px),rgba(0,0,0,.82) calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 28px,rgba(0,0,0,1) 68px,rgba(0,0,0,1) calc(100% - 68px),rgba(0,0,0,.82) calc(100% - 28px),transparent 100%)}.ide-example-rail__nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(87,208,255,.18);border-radius:999px;background:#08101ceb;color:#d6e9ffeb;box-shadow:0 10px 24px #02071242;transform:translateY(calc(-50% - 6px));transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.ide-example-rail__nav:hover:not(:disabled){transform:translateY(calc(-50% - 7px));border-color:#57d0ff4d;background:#0e1a2afa}.ide-example-rail__nav:disabled{opacity:.42;cursor:default;transform:translateY(calc(-50% - 6px))}.ide-example-rail__nav svg{width:1rem;height:1rem}.ide-example-rail__nav--previous{left:4px}.ide-example-rail__nav--next{right:4px}.ide-example-rail__scroller::-webkit-scrollbar{display:none}.example-card{display:grid;gap:6px;min-height:104px;border-radius:28px;padding:16px 18px 18px;text-align:left;cursor:pointer;color:var(--text)}.example-card span{color:var(--text-dim);line-height:1.45}.example-card.is-active{border-color:#57d0ff66;background:#57d0ff1f}.ide-workspace__body{grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);align-items:stretch;gap:18px;min-width:0}.ide-panel{grid-template-rows:auto minmax(0,1fr);align-content:start;height:100%;padding:0;min-width:0}.ide-panel__header{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:0 8px}.ide-panel__actions{display:inline-flex;align-items:center;gap:12px;justify-self:end}.ide-panel__header h3,.ide-workspace__header h2{margin:0}.ide-panel__header>div>span{color:var(--text-dim);line-height:1.5}.ide-run-button{display:inline-flex;align-items:center;gap:10px;padding:.8rem 1.1rem;border:1px solid rgba(255,184,76,.42);border-radius:999px;background:linear-gradient(135deg,#ffb84cf5,#ff7838f5);color:#13233d;font:inherit;font-weight:700;line-height:1;box-shadow:0 10px 24px #ff8c3833;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.ide-run-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #ff8c3842;filter:saturate(1.06)}.ide-run-button:focus-visible{outline:2px solid rgba(255,224,168,.9);outline-offset:3px}.ide-run-button__icon{display:inline-flex;width:1rem;height:1rem}.ide-run-button__icon svg{width:100%;height:100%}.ide-editor{min-height:62vh;height:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(87,208,255,.14)}.ide-editor--wide,.ide-panel--console{min-height:76vh}.console-output{margin:0;height:100%;min-height:0;padding:20px;border-radius:18px;border:1px solid rgba(247,169,91,.18);background:#050c15eb;color:#d9e8ff;font:.92rem/1.75 IBM Plex Mono,monospace;white-space:pre-wrap;overflow:auto}@media(max-width:1380px){.site-nav{grid-template-areas:"topbar actions" "links links";grid-template-columns:1fr auto;justify-items:stretch}.site-nav__links{width:100%;justify-content:flex-start}.site-nav__actions{width:auto;justify-self:end;justify-content:flex-end;align-self:center}.site-nav__button{width:auto;padding:12px 18px;white-space:nowrap}}@media(max-width:980px){.site-nav--links-only{grid-template-areas:"topbar" "links";grid-template-columns:1fr;justify-items:stretch}.site-nav--links-only .site-nav__links{width:100%;justify-content:flex-end}}@media(max-width:1180px){:root{--header-mask-height: 196px}.site-nav{grid-template-areas:"topbar actions" "links links";grid-template-columns:1fr auto;justify-items:start}.section-advance{bottom:22px}.hero-panel,.contact-card,.experience-grid,.impact-grid,.project-grid,.skill-grid,.ide-panels,.ide-hero,.ide-workspace__header,.ide-workspace__body{grid-template-columns:1fr}.hero-panel__aside{justify-items:center}.hero-panel__copy{width:fit-content;max-width:min(100%,760px);margin-inline:auto;justify-self:center}.hero-panel__aside{width:100%;max-width:760px;margin-inline:auto}.hero-panel__portrait-wrap{margin-inline:auto}.ide-example-rail{padding-inline:42px}.ide-example-rail__scroller{padding:6px 10px 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 18px,rgba(0,0,0,1) 42px,rgba(0,0,0,1) calc(100% - 42px),rgba(0,0,0,.82) calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 18px,rgba(0,0,0,1) 42px,rgba(0,0,0,1) calc(100% - 42px),rgba(0,0,0,.82) calc(100% - 18px),transparent 100%)}.ide-example-rail__nav{width:34px;height:34px}.ide-example-rail__nav--previous{left:0}.ide-example-rail__nav--next{right:0}}@media(max-width:768px){:root{--section-scroll-offset: 196px;--header-mask-height: 108px;--content-readability-width: min(100vw - 28px, 980px)}.page-shell:has(.site-nav.is-mobile-open):before{height:360px}.route-loading{padding:18px}.route-loading__copy{padding:22px}.content-shell{width:min(100vw - 28px,1000px);padding-top:24px}.domes-hero h1,.jordle-hero h1,.jolor-hero h1{font-size:3.2rem}.domes-hero__icon,.jordle-hero__icon,.jolor-hero__icon{width:60px;height:60px;flex-basis:60px}.domes-board-card,.domes-status-card{padding:18px}.domes-board-card__header{display:grid;grid-template-columns:1fr}.domes-board-card__actions{justify-content:flex-start}.domes-board{gap:8px}.domes-cell{border-radius:16px}.domes-cell__tower-level{height:13px}.domes-cell__dome-cap{width:42px;height:24px}.domes-cell__worker-body{width:20px;height:20px}.games-nav-shell{padding:12px 14px 0}.games-nav{grid-template-columns:1fr;justify-items:stretch;gap:0}.games-nav__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.games-nav__toggle{display:inline-flex;align-items:center;justify-content:center}.games-nav__menu{display:grid;gap:14px;width:100%;align-content:start;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .26s ease,opacity .18s ease,transform .26s ease,margin-top .26s ease;margin-top:0}.games-nav-shell.is-mobile-open .games-nav__menu{max-height:320px;opacity:1;pointer-events:auto;transform:none;margin-top:14px}.games-nav__links{justify-content:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.games-nav__link{width:100%}.games-hero{grid-template-columns:1fr;gap:18px}.domes-layout{grid-template-columns:1fr}.domes-status-card{order:-1}.games-hero__art{min-height:220px}.jolor-board-card{padding:20px}.jolor-board-card__title-row{flex-direction:column;align-items:stretch}.jolor-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.jolor-control--picker,.jolor-control--hex{grid-column:1 / -1}.jolor-preview__surface{min-height:180px}.jolor-guess-card{grid-template-columns:56px minmax(0,1fr)}.jolor-guess-card__meta{grid-column:1 / -1;justify-items:start;text-align:left}.jordle-row{gap:8px}.site-nav{grid-template-areas:"topbar" "menu";grid-template-columns:1fr;justify-items:stretch;gap:0}.site-nav--links-only{grid-template-areas:"topbar" "menu";grid-template-columns:1fr}.site-nav-shell{padding:12px 14px 0}.site-nav__toggle{display:inline-flex;align-items:center;justify-content:center}.site-nav__menu{display:grid;grid-area:menu;gap:12px;width:100%;align-content:start;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .26s ease,opacity .18s ease,transform .26s ease,margin-top .26s ease;margin-top:0}.site-nav.is-mobile-open .site-nav__menu{max-height:420px;opacity:1;pointer-events:auto;transform:none;margin-top:14px}.section-advance{width:60px;max-width:none;bottom:18px}.section-advance--return{width:fit-content;max-width:min(420px,calc(100vw - 44px))}.site-nav__actions{display:grid;gap:12px;grid-area:auto;width:100%;grid-template-columns:1fr;justify-self:stretch;justify-content:flex-start;align-self:stretch;min-width:0}.site-nav__topbar{min-height:42px}.site-nav__button,.cta-button{width:100%;justify-self:stretch}.site-nav__links{grid-area:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;justify-content:stretch;width:100%;min-width:0}.site-nav__link{width:100%;text-align:center}.hero-panel h1{font-size:clamp(2.7rem,18vw,4.2rem)}.hero-panel__copy,.content-section,.ide-workspace,.contact-card{padding:22px}.hero-panel__copy,.hero-panel__aside{padding:0 10px}.hero-panel__portrait-wrap{width:min(100%,520px);margin-inline:auto}.ide-workspace__body{gap:22px}.ide-panel{padding:0}.ide-panel__header,.experience-card__header{justify-items:stretch}.ide-run-button{justify-self:stretch}.ide-panel__actions{display:grid;justify-self:stretch}.ide-workspace__header,.ide-workspace__example-meta{grid-template-columns:1fr}.experience-card__meta{justify-items:start;text-align:left}}@media(max-width:380px){.jolor-board-card{padding:18px}.jolor-controls{grid-template-columns:1fr}.jolor-control--picker,.jolor-control--hex{grid-column:auto}.jolor-preview__surface{min-height:150px}.jordle-board-card,.jordle-keyboard-card{padding:18px}.jordle-board-card__title-row{gap:12px}.jordle-board-card__header{gap:10px;margin-bottom:16px}.jordle-board-card__header h2{font-size:1.4rem}.jordle-row{gap:6px}.jordle-tile{border-radius:12px;font-size:.92rem;letter-spacing:.03em}.jordle-keyboard{gap:8px}.jordle-keyboard__row{gap:4px}.jordle-key{min-height:40px;padding:0 4px;border-radius:11px;font-size:.72rem}.jordle-key.is-wide{flex:1.2 1 0}.jordle-key__icon{width:14px;height:14px}.jordle-keyboard__row--offset{padding-inline:10px}.jordle-summary-grid{grid-template-columns:1fr}.jordle-board-card__title-row,.jordle-archive-item{flex-direction:column;align-items:stretch}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:reduce){.route-loading__spinner{animation:none}.page-shell .site-nav,.page-shell .content-shell,.page-shell .content-shell>*,.page-shell .scene-canvas,.page-shell .scene-static{transition:none}}