:root{--bg:#0E1113;--panel:#171C1F;--panel2:#111619;--well:#090D0F;--line:#30383D;--text:#F4F5F5;--muted:#929A9E;--x:#F05B4F;--o:#20B6D2;--lock:#C8D915;--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}button,a{font:inherit;color:inherit}.app{min-height:100vh;position:relative;z-index:10}.topbar{width:min(900px,calc(100% - 28px));height:58px;margin:auto;padding:10px 0 6px;display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:30}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.pill,.ghost,.difficulty-chip{border:1px solid var(--line);background:rgba(23,28,31,.80);border-radius:999px;cursor:pointer;backdrop-filter:blur(12px)}.icon-btn{width:42px;height:42px;display:grid;place-items:center}.screen{display:none;padding:0 14px 42px}.screen.active{display:block}

/* FINAL COVER */
.hero{width:min(630px,100%);text-align:center}.home-immersive-menu{min-height:calc(100svh - 58px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 0 24px;position:relative;z-index:20}.home-wordmark{margin:0;width:min(430px,76vw)}.home-wordmark img{display:block;width:100%}.tagline{font-weight:900;letter-spacing:.22em;margin:26px 0 10px}.lede{color:var(--muted);line-height:1.55;max-width:470px;margin:0 auto 28px;font-size:1rem}.home-actions{display:grid;gap:10px;width:min(380px,100%);margin:0 auto}.primary,.secondary,.linkbtn{min-height:58px;border-radius:18px;font-weight:900;letter-spacing:.02em;cursor:pointer}.primary{border:0;background:var(--text);color:#090b0f;box-shadow:0 15px 34px rgba(0,0,0,.22)}.primary:hover{transform:translateY(-1px)}.secondary{border:1px solid var(--line);background:rgba(18,23,30,.82);text-decoration:none;display:grid;place-items:center}.secondary:hover{border-color:#46535a;background:rgba(23,29,34,.9)}.online-btn{border-color:rgba(32,182,210,.34)}.secondary small,.linkbtn small{display:block;font-size:.64rem;color:#9aa3a7;letter-spacing:.12em;margin-top:2px}.difficulty-chip{margin-top:12px;min-height:36px;padding:0 15px;color:#aeb5b9;font-size:.75rem;letter-spacing:.04em}.home-links,.site-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.home-links{gap:24px;margin-top:18px}.site-links{gap:16px;margin-top:20px}.home-links a,.site-links a{text-decoration:none;color:#9aa3a7;font-weight:760;transition:.18s}.home-links a{font-size:.79rem}.site-links a{font-size:.68rem;color:#70797e}.home-links a:hover,.site-links a:hover{color:var(--text)}.version{margin-top:14px;color:#596267;font-size:.58rem;letter-spacing:.12em}

/* IMMERSIVE FIELD — no literal text nodes, marks render via ::before */
.takxo-field{--px:0;--py:0;position:fixed;inset:-7%;z-index:0;overflow:hidden;perspective:980px;transform-style:preserve-3d;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.018),transparent 27%),radial-gradient(circle at 16% 76%,rgba(32,182,210,.034),transparent 31%),radial-gradient(circle at 84% 18%,rgba(240,91,79,.034),transparent 29%),#0E1113;pointer-events:none;will-change:transform}.field-vignette{position:absolute;inset:0;z-index:30;pointer-events:none;background:radial-gradient(circle at 50% 47%,transparent 0 20%,rgba(14,17,19,.08) 42%,rgba(14,17,19,.42) 78%,rgba(14,17,19,.78) 100%),linear-gradient(to bottom,rgba(14,17,19,.14),transparent 24%,transparent 70%,rgba(14,17,19,.5))}.field-aura{position:absolute;width:48vw;height:48vw;max-width:780px;max-height:780px;border-radius:50%;filter:blur(70px);opacity:.13;animation:fieldAura 14s ease-in-out infinite alternate}.aura-coral{background:radial-gradient(circle,rgba(240,91,79,.20),transparent 66%);right:-13vw;top:-18vw}.aura-cyan{background:radial-gradient(circle,rgba(32,182,210,.18),transparent 66%);left:-16vw;bottom:-18vw;animation-delay:-7s}@keyframes fieldAura{from{transform:scale(.86);opacity:.08}to{transform:scale(1.08) translate3d(2vw,-1vw,0);opacity:.17}}.field-grid{position:absolute;width:78vmax;height:78vmax;left:50%;top:52%;transform-origin:center;opacity:.2;background-image:linear-gradient(rgba(185,182,176,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(185,182,176,.13) 1px,transparent 1px);background-size:12.5% 12.5%;mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.92),rgba(0,0,0,.42) 54%,transparent 78%)}.field-grid-far{transform:translate3d(calc(-50% + var(--px)*-5px),calc(-50% + var(--py)*-4px),-230px) rotateX(63deg) rotateZ(-8deg) scale(1.05);animation:gridBreathe 16s ease-in-out infinite alternate;opacity:.16}.field-grid-mid{transform:translate3d(calc(-50% + var(--px)*7px),calc(-50% + var(--py)*6px),-70px) rotateX(69deg) rotateZ(13deg) scale(.88);animation:gridBreatheMid 18s ease-in-out infinite alternate;opacity:.09}@keyframes gridBreathe{from{filter:brightness(.78)}to{filter:brightness(1.08)}}@keyframes gridBreatheMid{from{opacity:.06}to{opacity:.13}}
.field-piece,.field-stack-disc{position:absolute;border-radius:50%;display:grid;place-items:center;font-weight:950;line-height:1;background:radial-gradient(circle at 38% 27%,#2A3235 0%,#171D20 52%,#0B0F11 82%);border-style:solid;border-color:currentColor;box-shadow:0 12px 0 rgba(5,8,9,.85),0 28px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.075);user-select:none;will-change:transform}.field-piece::before,.field-stack-disc::before,.field-stack-lock::before{content:attr(data-mark)}.field-piece::after,.field-stack-disc::after{content:"";position:absolute;left:8%;right:8%;height:10%;bottom:-10%;border-radius:0 0 999px 999px;background:color-mix(in srgb,currentColor 37%,#050708);opacity:.82;z-index:-1}.piece-o-near,.piece-o-top,.disc-o{color:var(--o)}.piece-x-left,.piece-x-right,.disc-x{color:var(--x)}.piece-o-near{width:clamp(230px,28vw,500px);aspect-ratio:1;left:-9vw;bottom:-10vh;border-width:clamp(8px,1.1vw,16px);font-size:clamp(5rem,12vw,12rem);filter:blur(.8px);opacity:.44;transform:translate3d(calc(var(--px)*18px),calc(var(--py)*16px),70px) rotate(-12deg);animation:driftNear 13s ease-in-out infinite alternate}.piece-x-left{width:clamp(120px,15vw,260px);aspect-ratio:1;left:7vw;top:15vh;border-width:clamp(5px,.8vw,11px);font-size:clamp(3rem,7vw,7rem);opacity:.33;transform:translate3d(calc(var(--px)*12px),calc(var(--py)*11px),10px) rotate(8deg);animation:driftLeft 17s ease-in-out infinite alternate}.piece-o-top{width:clamp(110px,13vw,230px);aspect-ratio:1;right:12vw;top:-6vh;border-width:clamp(5px,.75vw,10px);font-size:clamp(2.8rem,6vw,6rem);opacity:.28;transform:translate3d(calc(var(--px)*-9px),calc(var(--py)*-8px),-5px) rotate(-5deg);animation:driftTop 15s ease-in-out infinite alternate}.piece-x-right{width:clamp(210px,23vw,420px);aspect-ratio:1;right:-8vw;bottom:7vh;border-width:clamp(7px,1vw,14px);font-size:clamp(4.5rem,10vw,10rem);opacity:.30;transform:translate3d(calc(var(--px)*-16px),calc(var(--py)*13px),45px) rotate(15deg);animation:driftRight 14s ease-in-out infinite alternate}@keyframes driftNear{from{margin-bottom:-14px;opacity:.37}to{margin-bottom:15px;opacity:.52}}@keyframes driftLeft{from{margin-top:-7px;opacity:.26}to{margin-top:18px;opacity:.38}}@keyframes driftTop{from{margin-top:0;opacity:.22}to{margin-top:24px;opacity:.33}}@keyframes driftRight{from{margin-bottom:18px;opacity:.24}to{margin-bottom:-9px;opacity:.35}}
.field-stack{position:absolute;width:clamp(112px,12vw,188px);aspect-ratio:1;transform-style:preserve-3d;opacity:.48}.stack-left{left:20vw;bottom:12vh;transform:translate3d(calc(var(--px)*8px),calc(var(--py)*7px),-20px) rotate(-9deg) scale(.88);opacity:.31}.stack-right{right:19vw;top:28vh;transform:translate3d(calc(var(--px)*-10px),calc(var(--py)*-8px),8px) rotate(7deg);opacity:.50}.field-stack-disc{width:72%;aspect-ratio:1;left:14%;top:50%;border-width:5px;font-size:clamp(1.8rem,4.2vw,3.6rem)}.stack-left .field-stack-disc:nth-child(1){transform:translateY(-18%)}.stack-left .field-stack-disc:nth-child(2){transform:translateY(-38%)}.stack-right .field-stack-disc:nth-child(1){transform:translateY(-14%)}.stack-right .field-stack-disc:nth-child(2){transform:translateY(-36%)}.stack-right .top-arrival{opacity:0;transform:translateY(-150%) scale(.74);animation:ambientTake 9.2s cubic-bezier(.22,.9,.26,1) infinite}.field-stack-lock{position:absolute;inset:8%;border-radius:23px;display:grid;place-items:center;background:var(--x);color:#0E1113;font-size:clamp(2.4rem,5vw,4rem);font-weight:950;opacity:0;transform:scale(.8);box-shadow:0 18px 46px rgba(240,91,79,.12);animation:ambientLock 9.2s ease-in-out infinite;z-index:6}.field-stack-pulse{position:absolute;inset:1%;border:2px solid rgba(240,91,79,.8);border-radius:50%;opacity:0;animation:ambientPulse 9.2s ease-out infinite;z-index:8}@keyframes ambientTake{0%,34%{opacity:0;transform:translateY(-155%) scale(.75)}42%{opacity:1;transform:translateY(-58%) scale(1.04)}48%,66%{opacity:1;transform:translateY(-57%) scale(1)}72%,100%{opacity:0;transform:translateY(-57%) scale(.96)}}@keyframes ambientLock{0%,55%{opacity:0;transform:scale(.8)}62%,76%{opacity:.96;transform:scale(1)}84%,100%{opacity:0;transform:scale(1.03)}}@keyframes ambientPulse{0%,41%{opacity:0;transform:scale(.68)}44%{opacity:.66;transform:scale(.72)}51%,100%{opacity:0;transform:scale(1.48)}}.field-line{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(240,91,79,.48),transparent);opacity:.10}.field-line-one{width:42vw;left:4vw;top:41vh;transform:rotate(-18deg);animation:lineDrift 12s ease-in-out infinite alternate}.field-line-two{width:34vw;right:1vw;bottom:25vh;transform:rotate(21deg);animation:lineDrift 15s -6s ease-in-out infinite alternate}@keyframes lineDrift{from{opacity:.025;filter:blur(1px)}to{opacity:.17;filter:blur(0)}}.takxo-field.paused *{animation-play-state:paused!important}

/* GAME */
.game-shell{width:min(680px,100%);margin:auto}.game-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px}.turn{display:flex;gap:10px;align-items:center}.turn-token{width:42px;height:42px;border:1px solid #303942;border-radius:13px;background:#151b1f;display:grid;place-items:center;font-size:1.2rem;font-weight:950}.turn-token.x{color:var(--x)}.turn-token.o{color:var(--o)}.turn div{display:grid}.turn small{color:var(--muted);font-size:.62rem;letter-spacing:.13em}.turn b{font-size:.92rem}.game-score{border:1px solid var(--line);border-radius:13px;padding:8px 10px;font-weight:850}.board-frame{position:relative;background:linear-gradient(150deg,#181e22,#101416);border:1px solid #30383D;border-radius:30px;padding:clamp(12px,3vw,22px);box-shadow:var(--shadow);overflow:hidden}.board{--n:4;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:clamp(7px,1.7vw,11px);aspect-ratio:1}.cell{position:relative;border:1px solid #293136;border-radius:clamp(12px,2vw,20px);background:var(--well);cursor:pointer;min-width:0;overflow:visible;transition:.16s;isolation:isolate;box-shadow:inset 0 10px 28px rgba(0,0,0,.22)}.cell.legal:hover{border-color:#526068;transform:translateY(-1px)}.cell.full{cursor:not-allowed;border-color:rgba(200,217,21,.38)}.cell.win{animation:winPulse .9s ease-in-out infinite alternate;border-color:rgba(200,217,21,.9)}@keyframes winPulse{to{box-shadow:0 0 0 2px rgba(200,217,21,.18),0 0 28px rgba(200,217,21,.18),inset 0 10px 28px rgba(0,0,0,.18)}}.cell.threat{box-shadow:inset 0 0 0 2px rgba(246,166,35,.45)}.piece{--lift:0%;position:absolute;width:66%;aspect-ratio:1;border-radius:50%;left:17%;top:54%;transform:translateY(calc(-50% - var(--lift)));display:grid;place-items:center;font-weight:950;font-size:clamp(1rem,5vw,2.6rem);line-height:1;background:radial-gradient(circle at 40% 28%,#242c30,#13191c 60%,#0b0f11);border:clamp(3px,.55vw,6px) solid currentColor;box-shadow:0 6px 0 #070a0c,0 12px 20px rgba(0,0,0,.42);transition:.22s cubic-bezier(.2,.8,.2,1);z-index:var(--z,1)}.piece.x{color:var(--x)}.piece.o{color:var(--o)}.piece.buried{filter:saturate(.82) brightness(.74)}.piece.enter{animation:drop .28s cubic-bezier(.2,1.3,.4,1)}@keyframes drop{from{opacity:.2;transform:translateY(calc(-115% - var(--lift))) scale(.78)}to{opacity:1;transform:translateY(calc(-50% - var(--lift))) scale(1)}}.lock-plate{position:absolute;inset:7%;border-radius:18px;background:var(--owner);display:grid;place-items:center;color:#0e1113;font-weight:950;font-size:clamp(1.3rem,6vw,3.1rem);z-index:8;box-shadow:0 0 0 2px rgba(200,217,21,.12)}.owner-x{--owner:var(--x)}.owner-o{--owner:var(--o)}.action-flash{position:absolute;left:50%;top:12px;transform:translate(-50%,-8px);opacity:0;z-index:20;background:#f4f5f5;color:#0e1113;padding:8px 13px;border-radius:999px;font-weight:900;font-size:.72rem;letter-spacing:.08em;pointer-events:none}.action-flash.show{animation:flash .7s ease}@keyframes flash{0%{opacity:0;transform:translate(-50%,-10px)}18%,68%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,8px)}}.board-frame.fx-take{animation:takeFx .32s ease}.board-frame.fx-lock{animation:lockFx .46s ease}.board-frame.fx-win{animation:winFx .7s ease}@keyframes takeFx{50%{transform:scale(.995);filter:brightness(1.07)}}@keyframes lockFx{40%{box-shadow:0 0 0 2px rgba(200,217,21,.18),var(--shadow)}}@keyframes winFx{40%{box-shadow:0 0 0 3px rgba(200,217,21,.22),0 0 60px rgba(200,217,21,.12),var(--shadow)}}.game-status{min-height:28px;text-align:center;color:#b7c0c4;font-size:.8rem;padding:9px 4px}.game-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.pill{padding:9px 13px;font-weight:800}.meta{text-align:center;color:#737d82;font-size:.67rem;letter-spacing:.07em;margin-top:12px}

/* MODALS */
.overlay{position:fixed;inset:0;background:rgba(4,6,7,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(480px,100%);border:1px solid var(--line);background:#13181b;border-radius:26px;padding:25px;box-shadow:var(--shadow)}.modal h2{font-size:clamp(2rem,7vw,3.2rem);letter-spacing:-.045em;margin:7px 0 18px}.modal p{color:var(--muted);line-height:1.55}.eyebrow{font-size:.68rem;letter-spacing:.16em;font-weight:900;color:#7f898e}.check{display:flex;gap:11px;align-items:flex-start;border:1px solid #2f383d;border-radius:14px;padding:12px;background:#0f1417;margin:9px 0}.check input{margin-top:3px;accent-color:#e8edef}.check span b,.check span small{display:block}.check span small{color:var(--muted);margin-top:3px;line-height:1.4}.actions{display:grid;gap:10px}.difficulty-grid{display:grid;gap:9px}.result-score{display:inline-block;margin-bottom:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#f1f3f4;color:#0e1113;border-radius:999px;padding:10px 14px;font-weight:800;font-size:.78rem;opacity:0;pointer-events:none;transition:.2s;z-index:200}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body:not(.home-view) .takxo-field{opacity:.16}.motion-reduced .takxo-field *{animation:none!important;transition:none!important}.motion-reduced .takxo-field{--px:0!important;--py:0!important}
@media(max-width:760px){.topbar{height:54px;padding-top:8px}.home-immersive-menu{min-height:calc(100svh - 54px);width:min(390px,calc(100% - 20px));padding:8px 0 14px}.home-wordmark{width:min(310px,66vw)}.tagline{margin-top:17px;font-size:.76rem;letter-spacing:.19em}.lede{font-size:.9rem;line-height:1.42;max-width:330px;margin-bottom:20px}.home-actions{width:min(330px,100%);gap:8px}.primary{min-height:54px}.secondary{min-height:50px}.home-links{gap:18px;margin-top:16px}.site-links{margin-top:15px}.piece-o-near{width:58vw;left:-28vw;bottom:-4vh;opacity:.33}.piece-x-right{width:54vw;right:-28vw;bottom:12vh;opacity:.23}.piece-x-left{width:31vw;left:3vw;top:12vh;opacity:.21}.piece-o-top{width:32vw;right:1vw;top:-4vh;opacity:.21}.stack-right{right:6vw;top:29vh;width:24vw;opacity:.34}.stack-left{left:8vw;bottom:22vh;width:22vw;opacity:.21}.field-grid{width:115vmax;height:115vmax}.board{gap:7px}.piece{width:68%;left:16%}}
@media(max-width:390px) and (max-height:720px){.home-wordmark{width:min(270px,62vw)}.tagline{margin-top:12px}.lede{margin-bottom:14px;font-size:.84rem}.primary{min-height:49px}.secondary{min-height:46px}.home-actions{gap:6px}.site-links{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}