*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:#1a1a1a;background:#e8e8ea;min-height:100vh}#root{min-height:100vh}:root{--n8n-chat-fab-inset: calc(1rem + 32px) }.n8n-chat-shell{display:contents}#n8n-chat .chat-window-wrapper{position:fixed!important;right:var(--n8n-chat-fab-inset)!important;bottom:var(--n8n-chat-fab-inset)!important;top:auto!important;left:auto!important;--chat--window--right: 0 !important;--chat--window--bottom: 0 !important;--chat--spacing: 0 !important;pointer-events:auto}#n8n-chat .chat-window-wrapper .chat-window-toggle{border-radius:50%;box-shadow:0 0 0 2px #fffffffa,0 0 0 5px #1a376e6b,0 2px 10px #0000001f!important}#n8n-chat .chat-window-wrapper .chat-window-toggle:hover,#n8n-chat .chat-window-wrapper .chat-window-toggle:focus-visible{box-shadow:0 0 0 2px #fffffffa,0 0 0 5px #1a376e8c,0 4px 14px #0000002e!important}.site-nav{position:fixed;top:1rem;right:clamp(1rem,3vw,1.75rem);z-index:20;display:flex;align-items:center;gap:.5rem}.site-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .85rem;font-size:1.1rem;font-weight:250;color:#444;text-decoration:none;background:transparent;border:none;border-radius:0;box-shadow:none}.site-nav-link:hover{color:#444;text-underline-offset:3px}.site-nav-link--current{color:#444;background:transparent;text-underline-offset:3px}.play-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(3.75rem,12vw,4.75rem) clamp(.75rem,4vw,1.5rem) clamp(1rem,4vh,2rem);box-sizing:border-box}.play-page--split{--play-area-min-h: min(52rem, 92vh);align-items:stretch;justify-content:center;gap:clamp(1rem,2.5vw,2.5rem);max-width:min(1200px,100%);width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-sizing:border-box}.play-sidebar{display:flex;flex-direction:column;justify-content:center;align-self:stretch;justify-self:center;width:min(100%,22rem);max-width:100%;min-height:var(--play-area-min-h);box-sizing:border-box;gap:clamp(.85rem,2.5vw,1.25rem);padding:clamp(.25rem,1.5vw,.5rem) clamp(.25rem,1.5vw,.5rem) clamp(.25rem,1.5vw,.5rem) 0;min-width:0;transform:translateY(calc(var(--play-area-min-h) * -.1))}.play-sidebar-heading{font-size:clamp(1rem,calc(.5rem + 2.8vw),1.35rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:#111;margin:0;text-wrap:balance}.play-game-picker{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,.65rem)}.play-game-btn{width:100%;min-height:2.75rem;padding:clamp(.55rem,1.5vw,.65rem) clamp(.85rem,3vw,1rem);font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;font-family:inherit;text-align:left;color:#222;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;cursor:pointer;box-shadow:0 1px 2px #0000000a;touch-action:manipulation;transition:border-color .15s ease,background .15s ease}.play-game-btn:hover{border-color:#00000038;background:#fafafa}.play-game-btn--active{border-color:#0a58ca73;background:#f0f6ff;color:#0a58ca}.play-main{display:flex;align-items:flex-start;justify-content:center;align-self:stretch;min-width:0;min-height:var(--play-area-min-h)}.play-box{width:100%;max-width:min(22rem,100%);padding:clamp(1.15rem,4vw,1.75rem) clamp(1rem,3.5vw,1.5rem) clamp(1rem,3.5vw,1.5rem);background:#fff;border-radius:clamp(10px,2vw,14px);box-shadow:0 0 0 1px #0000000f,0 20px 45px #0000001f;text-align:center;box-sizing:border-box}.play-box--wide{max-width:min(28rem,100%)}.play-box--c4{max-width:min(32rem,100%)}.c4-wrap{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1.1rem;width:100%}.c4-drops{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(3px,1vw,5px);width:100%;max-width:min(22rem,100%)}.c4-drop{min-height:2.35rem;padding:.15rem;font-size:clamp(.65rem,2.5vw,.8rem);line-height:1;font-weight:700;color:#1a56b0;background:#dce8f5;border:1px solid rgba(0,0,0,.12);border-radius:6px;cursor:pointer;font-family:inherit;touch-action:manipulation}.c4-drop:hover:not(:disabled){background:#c8daf0}.c4-drop:disabled{opacity:.45;cursor:not-allowed}.c4-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:clamp(3px,1vw,5px);padding:clamp(.45rem,2vw,.75rem);width:100%;max-width:min(22rem,100%);background:#1a56b0;border-radius:10px;box-sizing:border-box}.c4-cell{aspect-ratio:1;border-radius:50%;background:#e8e8ea;box-shadow:inset 0 2px 4px #0000002e;min-width:0}.c4-cell--r{background:radial-gradient(circle at 35% 35%,#ff8a8a,#c41e3a);box-shadow:inset 0 -2px 4px #00000047}.c4-cell--k{background:radial-gradient(circle at 35% 35%,#ffe08a,#c9a227);box-shadow:inset 0 -2px 4px #00000047}.play-title{font-size:clamp(1.35rem,3.5vw,1.65rem);font-weight:700;letter-spacing:-.02em;color:#111;margin-bottom:.35rem}.play-subtitle{font-size:clamp(.8rem,2.8vw,.9rem);color:#555;margin-bottom:.75rem;line-height:1.45}.play-status{font-size:clamp(.85rem,2.8vw,.95rem);font-weight:600;color:#333;min-height:1.5rem;margin-bottom:1.1rem;line-height:1.4}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.25rem}.play-cell{aspect-ratio:1;border:none;border-radius:10px;background:#e8e8ea;font-size:clamp(1.5rem,6vw,2rem);font-weight:700;font-family:inherit;color:#111;cursor:pointer;touch-action:manipulation;transition:background .15s ease}.play-cell:hover:not(:disabled){background:#dcdce0}.play-cell:disabled{cursor:default;opacity:.95}.play-cell--o{color:#0a58ca;background:#e8f0fe}.play-cell--k{color:#c41e3a;background:#fde8ec}.play-reset{width:100%;min-height:2.75rem;padding:.55rem 1rem;font-size:clamp(.85rem,2.5vw,.95rem);font-weight:600;font-family:inherit;color:#222;background:#e8e8ea;border:none;border-radius:8px;cursor:pointer;touch-action:manipulation}.play-reset:hover{background:#dcdce0}.play-scores{font-size:clamp(.85rem,2.5vw,.95rem);color:#333;margin-bottom:.5rem}.sos-letter-pick{display:flex;gap:.5rem;justify-content:center;margin-bottom:.85rem}.sos-pick-btn{flex:1;max-width:8rem;min-height:2.5rem;padding:.45rem .65rem;font-size:clamp(.8rem,2.4vw,.85rem);font-weight:600;font-family:inherit;color:#333;background:#e8e8ea;border:2px solid transparent;border-radius:8px;cursor:pointer;touch-action:manipulation}.sos-pick-btn:disabled{opacity:.55;cursor:not-allowed}.sos-pick-btn--on{border-color:#0a58ca;background:#e8f0fe;color:#0a58ca}.sos-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(3px,.8vw,5px);margin-bottom:1.1rem;width:100%;max-width:100%}.sos-cell{aspect-ratio:1;border:none;border-radius:clamp(3px,.8vw,5px);background:#e8e8ea;font-size:clamp(.5rem,calc(.2rem + 2.5vw),.85rem);font-weight:700;font-family:inherit;color:#111;cursor:pointer;padding:0;min-width:0;transition:background .15s ease;touch-action:manipulation}.sos-cell:hover:not(:disabled){background:#dcdce0}.sos-cell:disabled{cursor:default;opacity:.98}.sos-cell--s{color:#0d6b4d;background:#dff7ec}.sos-cell--o{color:#0a58ca;background:#e8f0fe}@media(max-width:960px){.play-page--split{--play-area-min-h: 0;grid-template-columns:1fr;align-items:start}.play-sidebar{padding:0;order:0;align-self:center;justify-self:center;width:min(100%,min(22rem,100%));min-height:0;justify-content:center;transform:none}.play-main{order:1;min-height:0;align-self:stretch}}@media(max-width:480px){.play-page{padding-inline:clamp(.5rem,3.5vw,1rem)}.play-sidebar-heading,.play-game-btn{text-align:center}.play-grid{gap:6px}.play-cell{border-radius:8px}}@media(prefers-reduced-motion:reduce){.play-game-btn,.play-reset,.play-cell,.sos-cell,.sos-pick-btn,.c4-drop{transition:none}}.about-page{min-height:100vh;display:flex;flex-direction:column;padding:4.5rem clamp(1rem,4vw,2.5rem) 3rem;gap:clamp(2rem,5vw,3.5rem)}.about-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);width:100%;max-width:1080px;margin:0 auto}.about-photo-col{display:flex;align-items:center;justify-content:center;min-width:0}.about-photo{display:block;width:100%;max-width:min(100%,26rem);height:auto;border-radius:10px;object-fit:cover;box-shadow:0 12px 40px #0000001f}.about-text-col{min-width:0;display:flex;align-items:center}.about-intro{width:100%}.about-intro-p{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.65;color:#222;margin-bottom:1rem}.about-intro-p--tight{margin-bottom:.65rem}.about-inline-link{color:#000;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.about-inline-link:hover{opacity:.85}.about-details{width:100%;max-width:1080px;margin:0 auto;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.08)}.about-section{scroll-margin-top:5rem;padding:1.75rem 0}.about-section+.about-section{border-top:1px solid rgba(0,0,0,.06)}.about-section-title{font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:700;color:#111;margin-bottom:.65rem;letter-spacing:-.02em}.about-section-body{font-size:clamp(.95rem,2vw,1.02rem);line-height:1.65;color:#333;max-width:52rem}@media(max-width:768px){.about-hero{grid-template-columns:1fr;align-items:start}.about-photo-col{justify-content:center}.about-text-col{align-items:flex-start}}.page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.25rem,4vw,2.5rem);padding:1.5rem clamp(1rem,4vw,3rem)}.page-left,.page-right{display:flex;align-items:center;justify-content:center;min-width:0}.intro{text-align:center}.intro-title{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#111}.intro-subtitle{margin-top:.5rem;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:400;line-height:1.4;color:#444}.terminal{width:min(100%,34rem);background:#0c0c0c;border-radius:10px;box-shadow:0 0 0 1px #ffffff0f,0 24px 50px #00000059;overflow:hidden}.terminal-header{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:#ff5f57}.terminal-dot--amber{background:#febc2e}.terminal-dot--green{background:#28c840}.terminal-title{margin-left:25%;font-size:11px;letter-spacing:.04em;color:#ffffff59;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Monaco,Consolas,monospace}.terminal-body{margin:0;padding:1rem 1.1rem 1.15rem;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:clamp(.8rem,1.9vw,.9rem);line-height:1.65;color:#c8f5c4;text-shadow:0 0 12px rgba(80,220,120,.15);white-space:pre-wrap;word-break:break-word}.terminal-user{color:#6eb5ff;text-shadow:0 0 10px rgba(100,170,255,.25)}.terminal-at{color:#f2f2f2;text-shadow:none}.terminal-host{color:#e8d44a;text-shadow:0 0 12px rgba(232,212,74,.22)}.terminal-dollar{color:#ff6b6b;text-shadow:0 0 10px rgba(255,80,80,.2)}.terminal-text{color:inherit;text-shadow:inherit}.terminal-cursor{display:inline;color:#7dff7a;font-weight:600;opacity:.2}.terminal-cursor--on{opacity:1}@media(max-width:768px){.page{grid-template-columns:1fr;align-content:center;padding-block:2rem}}