:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#090a0a;color:#f2f2ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:0 5.4vw;background:radial-gradient(ellipse at 77% 48%,#14201b55,transparent 48%),#090a0a}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:110px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;font-size:21px;letter-spacing:-.8px;font-weight:700}.brand span{font-weight:400;color:#aaa}.brand img{width:44px;height:30px;object-fit:contain;margin-right:15px}.social{font-size:13px;color:#a3aaa6}main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.eyebrow,.art-top,.art-bottom,.instruction,footer,.modal-top{font-family:monospace;font-size:12px;letter-spacing:1.3px}.eyebrow{color:#a3b2a6;display:flex;gap:9px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#b9ef92;box-shadow:0 0 15px #b9ef9255}h1{font-size:clamp(45px,5.8vw,88px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:30px 0 24px}h1 em{font-style:normal;color:#a9c49b}.intro p{font-size:16px;line-height:1.7;color:#888f89}.instruction{margin-top:44px;color:#bec5be;font-size:11px}.instruction span{font-size:23px;margin-right:12px;color:#c8fca3}.art{width:min(100%,calc((100svh - 215px)*.8));justify-self:center}.art-top,.art-bottom{display:flex;justify-content:space-between;color:#929b94;font-size:10px;letter-spacing:1px;padding:18px 0}.art-bottom{letter-spacing:0}#grid{display:grid;grid-template-columns:repeat(8,1fr);background:#101210;border:1px solid #ffffff09;aspect-ratio:8/10;box-shadow:0 24px 100px #0007}.cross{border:0;border-right:1px solid #ffffff03;border-bottom:1px solid #ffffff03;background:transparent;padding:18%;display:grid;place-items:center;transition:background .2s,transform .2s}.cross svg{width:100%;overflow:visible;transition:transform .25s,filter .25s}.cross:hover,.cross:focus-visible{background:#ffffff0d;outline:1px solid #ffffff55;z-index:1}.cross:hover svg{transform:rotate(12deg) scale(1.13);filter:drop-shadow(0 0 8px currentColor)}footer{height:65px;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;color:#788078;flex-shrink:0;font-size:11px;letter-spacing:.5px}footer button{background:none;border:0;color:#bac2b9;font-size:12px}footer button span{margin-left:14px}dialog{background:#111511;color:#f2f2ed;border:1px solid #3a4438;border-radius:16px;width:min(460px,calc(100% - 24px));padding:26px;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 120px #000a}dialog[open]{animation:enter .3s ease-out}dialog::backdrop{background:#000a;backdrop-filter:blur(9px)}@keyframes enter{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}.modal-top{display:flex;justify-content:space-between;align-items:center;color:#91a08b;margin-bottom:22px;font-size:11px}.modal-top button{background:none;border:0;color:#aaa;font-size:26px;line-height:1}h2{font-size:32px;letter-spacing:-1.2px;font-weight:500;margin:12px 0}.sub,dialog p{font-size:14px;line-height:1.5;color:#9da598}.sub{margin:0 0 20px}label{font-size:12px;color:#798373;display:flex;gap:12px;margin:12px 0 8px}label span{color:#d8ddcf;font-size:14px}input{width:100%;background:#080c08;border:1px solid #343d30;color:#edf3e8;border-radius:7px;height:42px;padding:0 12px;font:16px Arial}input:focus{outline:1px solid #b8d5a1}.input-wrap{position:relative}.input-wrap>span{position:absolute;left:12px;top:12px;color:#83917a}.input-wrap input{padding-left:32px}.task{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 0;background:none;border:0;border-bottom:1px solid #ffffff10;color:#d5ddcf;font-size:14px}.task .num{color:#798373;font-size:12px}.task .state{margin-left:auto;font-size:12px;color:#b4ce9d}.task:disabled{opacity:.45;cursor:default}.primary{background:#c1e8a4;color:#172310;border:0;border-radius:7px;padding:13px 16px;font-weight:600;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px}.primary:disabled{opacity:.5;cursor:wait}.privacy{font-size:11px!important;line-height:1.4!important;color:#83907b!important;margin:9px 0 13px}#status{font-size:13px;color:#d5dfa6;margin:10px 0 0}.actions{display:flex;gap:12px;margin-top:24px}.actions button{width:50%;border-radius:7px;border:1px solid #43513b;padding:12px;background:#1a2216;color:#dce8d4}.actions .primary{background:#c1e8a4;color:#172310;justify-content:center}.success-icon{font-size:40px;color:#c1e8a4}#success{padding:20px 0}#success .primary{margin-top:30px}button:focus-visible,a:focus-visible{outline:2px solid #c1e8a4;outline-offset:4px}@media(max-width:700px){body{padding:0 22px}header{height:70px}.brand{font-size:18px}.brand img{width:34px;margin-right:10px}.social{font-size:11px}main{display:flex;flex-direction:column;gap:12px;justify-content:center}.intro{width:100%}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:clamp(30px,7vw,44px);margin:13px 0 8px}h1 br{display:none}h1 em{display:block}.intro p{font-size:13px;line-height:1.4;margin:0}.intro p br{display:none}.instruction{display:none}.art{width:min(100%,calc((100svh - 285px)*.8))}.art-top,.art-bottom{padding:9px 0;font-size:8px}footer{height:44px;font-size:10px}.foot-right{display:none}dialog{padding:20px}.modal-top{margin-bottom:12px}h2{font-size:28px}.task{padding:10px 0}.sub{margin-bottom:12px}}@media(max-height:600px) and (min-width:701px){header{height:65px}footer{height:40px}.art{width:min(100%,calc((100svh - 155px)*.8))}h1{font-size:44px;margin:20px 0}.instruction{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* A single white expansion, followed by the entry form. */
#reveal{position:fixed;inset:0;background:#fff;z-index:100;pointer-events:none;visibility:hidden;clip-path:circle(0 at var(--reveal-x,50%) var(--reveal-y,50%))}#reveal.active{visibility:visible;pointer-events:auto;animation:white-reveal .85s cubic-bezier(.16,1,.3,1) forwards}@keyframes white-reveal{to{clip-path:circle(150vmax at var(--reveal-x,50%) var(--reveal-y,50%))}}#entry::backdrop{background:#fff;backdrop-filter:none}#entry{background:#fff;color:#171c16;border-color:#e0e5dc;box-shadow:0 24px 100px #19281414}#entry .modal-top,#entry .eyebrow,#entry label,#entry .task .num{color:#65715f}#entry label span,#entry .task{color:#263021}#entry .task{border-color:#e3e8e0}#entry input{background:#f7f9f5;color:#192215;border-color:#d6dece}#entry .task .state{color:#466832}#entry .privacy{color:#66735e!important}#entry .sub,#entry p{color:#66735e}#entry #status{color:#456032}.cross.miss svg{animation:miss .35s ease}@keyframes miss{25%{transform:translateX(-3px);opacity:.35}75%{transform:translateX(3px)}}@media(prefers-reduced-motion:reduce){#reveal.active{clip-path:circle(150vmax at 50% 50%)}}
#welcome{position:fixed;inset:0;z-index:110;background:radial-gradient(ellipse at 50% 90%,#23341b 0,transparent 55%),#090a09;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;transition:opacity .45s,transform .45s}#welcome[hidden]{display:none}#welcome.leaving{opacity:0;transform:scale(1.025);pointer-events:none}.welcome-no{position:absolute;top:36px;font:11px monospace;letter-spacing:3px;color:#798471}#welcome>img{width:76px;margin-bottom:36px}#welcome h1{font-size:clamp(36px,5.7vw,78px);margin:18px 0}#welcome>p:not(.eyebrow){color:#929b8c;font-size:14px}#start{margin-top:28px;width:min(320px,85vw);display:flex;align-items:center;justify-content:space-between;background:#d0f2b4;border:1px solid #e1ffcd;padding:22px 25px;border-radius:3px;color:#1b2814;box-shadow:0 0 65px #baf08b12;font-size:16px;transition:box-shadow .2s,transform .2s}#start:hover{box-shadow:0 0 70px #baf08b33;transform:translateY(-2px)}#start span{font-size:25px}.welcome-bottom{position:absolute;bottom:30px;font:10px monospace;letter-spacing:3px;color:#707c66}.hint-side{position:fixed;right:0;top:46%;padding:17px 12px;background:#1c2618;color:#c9dfb6;border:1px solid #415036;border-right:0;border-radius:8px 0 0 8px;font-size:12px;z-index:2}.hinted{background:#bded9720!important;border-top:1px solid #c3e7a8!important;border-bottom:1px solid #c3e7a8!important}#entry{width:min(550px,calc(100% - 24px));border-radius:4px;padding:32px}#entry h2{font-size:43px;line-height:1.05;letter-spacing:-2px;margin:18px 0}#entry .sub{font:10px monospace;letter-spacing:1px;padding-bottom:20px;border-bottom:1px solid #dfe5da}#entry .input-wrap input,#entry input{border-radius:3px;height:46px}#entry .primary{border-radius:3px;padding:17px 20px;background:#192615;color:#e2f4d7}.hint-builder{margin:20px 0;padding:18px;border:1px solid #dbe3d3;background:#f5f8f1}.hint-builder strong{font-size:17px;font-weight:500}.hint-builder p{font-size:12px!important;margin:5px 0 12px}#build-hints,.secondary{background:none;border:1px solid #b6c4aa;color:#293d20;border-radius:3px;font-size:13px;padding:10px 12px}.secondary{margin:10px 0}#hint-codes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.code-chip{font:11px monospace;padding:10px 4px;background:white;border:1px solid #a9b59f;color:#263d1b}.code-chip:disabled{opacity:.45}.leader-head,.leader-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #dce4d5;padding:14px 0;font-size:14px}.leader-head{font:11px monospace;text-transform:uppercase;color:#67765d}#leaderboard{max-height:230px;overflow:auto}#forget{display:block;color:#686f61;border:0;font-size:11px;padding:0}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}small{font-size:11px;color:#849279}#hint-form .primary{margin-top:14px}@media(max-width:700px){#entry{padding:22px}#entry h2{font-size:35px}.hint-side{top:auto;bottom:55px;padding:13px 10px}#welcome>img{margin-bottom:20px}#welcome h1 br{display:block}.welcome-bottom{font-size:8px}#welcome .eyebrow{font-size:9px}}@media(max-height:600px){#welcome>img{width:40px;margin:15px}#welcome h1{font-size:32px}#start{margin-top:12px;padding:13px 20px}.welcome-no{top:15px}.welcome-bottom{bottom:12px}}
/* Minimal entrance and obsidian entry surface. */
#welcome{background:#050606}#welcome #start{position:relative;isolation:isolate;margin:0;width:240px;height:84px;padding:0 34px;border:1px solid #82937b;border-radius:50px;background:linear-gradient(115deg,#172018,#090d0a);color:#e1f9cf;font-size:21px;letter-spacing:3px;animation:start-breathe 3s ease-in-out infinite;overflow:visible}#start::before,#start::after{content:'';position:absolute;inset:-12px;border:1px solid #bdec9838;border-radius:60px;pointer-events:none;animation:start-ring 3s ease-out infinite}#start::after{animation-delay:1.5s}#welcome #start:hover{background:#243320;box-shadow:0 0 85px #bced9940;transform:scale(1.04)}#start span{animation:arrow-drift 1.8s ease-in-out infinite}@keyframes start-ring{0%{transform:scale(.93);opacity:0}25%{opacity:.75}100%{transform:scale(1.3,1.7);opacity:0}}@keyframes start-breathe{50%{box-shadow:0 0 50px #b8eb982a,inset 0 0 20px #c1edaa08}}@keyframes arrow-drift{50%{transform:translate(3px,-3px)}}
#entry::backdrop{background:#030504e8;backdrop-filter:blur(16px)}#entry{background:radial-gradient(ellipse at 100% 0,#25302170,transparent 40%),#0b0d0c;color:#eef4e9;border:1px solid #404c3b;border-radius:22px;box-shadow:0 30px 110px #000c,inset 0 1px #c6e6af12}#entry[open]{animation:obsidian-enter .65s cubic-bezier(.16,1,.3,1)}@keyframes obsidian-enter{from{opacity:0;transform:translateY(35px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}#entry h2{color:#f2f5ee;font-weight:500}#entry .modal-top,#entry .eyebrow,#entry label,#entry .task .num{color:#94a18c}#entry .sub{color:#9aa893;border-color:#2b3428}#entry label span,#entry .task{color:#dce5d4}#entry .task{border-color:#293025;transition:background .2s,padding .2s;border-radius:6px}#entry .task:hover:not(:disabled){background:#c1e5a80a;padding-left:7px}#entry input{background:#070908;color:#e6efdf;border:1px solid #34402f;border-radius:8px;transition:border-color .2s,box-shadow .2s}#entry input:focus{border-color:#b7d69f;box-shadow:0 0 0 3px #b7d69f12}#entry .task .state{color:#bfdfaa}#entry p,#entry .privacy{color:#94a18b!important}#entry #status{color:#d4efc1!important}#entry .primary{border-radius:9px;background:linear-gradient(110deg,#c9eeb0,#a3c68d);color:#14200e;box-shadow:0 4px 25px #b9e59812;transition:filter .2s,transform .2s}#entry .primary:hover{filter:brightness(1.08);transform:translateY(-1px)}#entry .hint-builder{background:#11180f;border-color:#34412c;border-radius:12px}#entry #build-hints,#entry .secondary{border-color:#405034;color:#cae0b9;border-radius:7px}#entry .code-chip{background:#0a0f08;color:#c3dda9;border-color:#4a613a;border-radius:5px}#entry .leader-row,#entry .leader-head{border-color:#2e3a27}#entry .leader-head,#entry #forget{color:#97a58a}#entry small{color:#95a48a}@media(prefers-reduced-motion:reduce){#start::before,#start::after{display:none}}
.orbit-scene{position:absolute;width:min(76vw,650px);aspect-ratio:1;pointer-events:none;perspective:700px}.orbit-scene i{position:absolute;inset:8%;border:1px solid #b7e99924;border-radius:50%;transform-style:preserve-3d;animation:orbit-one 13s linear infinite}.orbit-scene i::after{content:'';position:absolute;top:14%;left:14%;width:5px;height:5px;background:#d3efbc;border-radius:50%;box-shadow:0 0 18px #c2f799}.orbit-scene i:nth-child(2){inset:0;animation:orbit-two 18s linear infinite;border-style:solid;border-color:#b7e99916}.orbit-scene i:nth-child(3){inset:19%;animation:orbit-one 10s linear infinite reverse}.orbit-scene b{position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle,#b5ef881c,transparent 68%);animation:aura 5s ease-in-out infinite}#welcome #start{z-index:1;backdrop-filter:blur(15px)}#welcome.leaving .orbit-scene{transform:scale(2);opacity:0;transition:transform .5s,opacity .45s}@keyframes orbit-one{from{transform:rotateX(58deg) rotateY(15deg) rotateZ(0)}to{transform:rotateX(58deg) rotateY(15deg) rotateZ(360deg)}}@keyframes orbit-two{from{transform:rotateX(-35deg) rotateY(45deg) rotateZ(0)}to{transform:rotateX(-35deg) rotateY(45deg) rotateZ(-360deg)}}@keyframes aura{50%{transform:scale(1.4);opacity:.5}}.board-title{display:flex;justify-content:space-between;align-items:center;margin:32px 0 20px}.board-kicker{font:10px monospace;letter-spacing:2px;color:#8d9d80}.board-title h3{font-size:28px;letter-spacing:-1px;font-weight:500;margin:7px 0}.board-title h3>span{color:#bada9f}.board-live{font:10px monospace;color:#bada9f;padding:6px 9px;border:1px solid #455736;border-radius:20px}.my-rank{border:1px solid #4d633c;background:linear-gradient(110deg,#24341a,#10180d);border-radius:10px;padding:14px;font-size:13px;color:#cce9b3;margin-bottom:15px}#entry .leader-row{display:grid;grid-template-columns:26px 32px 1fr 40px;align-items:center;gap:10px;margin:6px 0;border:1px solid #242c21;border-radius:10px;padding:12px;background:#10140e;animation:rank-arrive .4s both;animation-delay:var(--rank-delay)}.rank-number{font:11px monospace;color:#87947d}.rank-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#273220;color:#cee3b9;font-size:13px}.rank-name{font-size:13px;overflow:hidden;text-overflow:ellipsis}.leader-row strong{text-align:right;font-size:19px;font-weight:500;color:#d5e6c1}#entry .podium-0{border-color:#796b3c;background:linear-gradient(115deg,#39301a65,#12160e)}.podium-0 .rank-number,.podium-0 strong{color:#e4cd8f}#entry .podium-1{border-color:#515c5c}.podium-1 strong{color:#c4d2d3}#entry .podium-2{border-color:#624d3b}.podium-2 strong{color:#cfa681}.board-empty{padding:28px 18px;text-align:center;font-size:14px;line-height:1.6;color:#96a388;border:1px solid #34432c;border-radius:12px}#leaderboard{max-height:300px;scrollbar-width:thin;scrollbar-color:#3d4e30 transparent}@keyframes rank-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.orbit-scene{display:none}}
.returning #welcome,.returning header,.returning main,.returning footer{visibility:hidden}.leaderboard-only #entry{width:min(660px,calc(100% - 24px));max-height:calc(100dvh - 30px)}.leaderboard-only #entry .modal-top{display:none}.leaderboard-only #success{padding:0}.leaderboard-only #entry::backdrop{background:#070907}.leaderboard-only #leaderboard{max-height:45dvh}.cross-flow{position:absolute;inset:0;overflow:hidden;pointer-events:none}.flow-cross{position:absolute;left:var(--left);top:110%;width:var(--size);height:var(--size);opacity:0;animation:cross-current var(--duration) linear infinite;animation-delay:var(--delay)}.flow-cross svg{width:100%;height:100%;filter:drop-shadow(0 0 12px currentColor)}@keyframes cross-current{0%{transform:translate3d(-40px,0,0) rotate(-20deg);opacity:0}15%{opacity:.5}75%{opacity:.35}100%{transform:translate3d(100px,-130vh,0) rotate(160deg);opacity:0}}#share-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}#share-options[hidden]{display:none}#share-options button{border:1px solid #394831;background:#11180e;color:#d9eccb;border-radius:9px;padding:12px 5px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:8px}#share-options span{font-size:24px}#share-options svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.eyebrow i{display:none}.board-title h3>span{display:none}@media(prefers-reduced-motion:reduce){.cross-flow{display:none}}
/* Consistent vector icon and monochrome animated entrance button. */
#welcome{touch-action:none}#welcome #start{background:#050505;color:#fff;border:1px solid #fff;box-shadow:0 0 28px #ffffff0a;animation:start-white-pulse 2.8s ease-in-out infinite}#welcome #start:hover{background:#0b0b0b;box-shadow:0 0 50px #ffffff20}#start::before,#start::after{border-color:#ffffff45}.start-arrow{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;animation:arrow-drift 1.8s ease-in-out infinite;flex-shrink:0}@keyframes start-white-pulse{50%{box-shadow:0 0 42px #ffffff1a,inset 0 0 18px #ffffff06}}.cross-flow{inset:-45px;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);transition:transform .28s ease-out;will-change:transform}.flow-cross:nth-child(3n){filter:brightness(1.15)}#welcome.leaving .flow-cross{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.cross-flow{transform:none;will-change:auto}.start-arrow{animation:none}}

#share-whatsapp .whatsapp-icon{width:26px;height:26px;color:#25d366;fill:currentColor;stroke:none}#share-whatsapp:hover{border-color:#25d36680;background:#102317}