/* © 2026 Cep Oyunları – cepoyunlari.com. Tüm hakları saklıdır. */
:root{--bg:#000;--fg:#f4f4f4;--dim:#8b8b8b;--g:#39ff88;--c:#2de2ff;--m:#ff3ea5;--y:#ffe44d;--r:#ff3b5c;--bh:208px;--px:"Pixelify Sans",monospace;--tx:"VT323",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg)}body{font-family:var(--tx);font-size:22px;line-height:1.12;display:flex;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body.dodging{touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}#app{width:100%;max-width:560px;height:100dvh;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom))}.top{display:flex;align-items:center;gap:12px;height:48px;flex:none}.top h1{flex:1;font:700 20px var(--px);letter-spacing:3px;color:var(--g);text-shadow:0 0 8px rgba(57,255,136,.6)}.pxbtn{display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--g);color:var(--g);background:#001a0c;box-shadow:0 0 10px #39ff8873,inset 0 0 0 2px #000;text-decoration:none}.pxbtn:active{transform:translateY(2px)}.pxbtn.c{border-color:var(--c);color:var(--c);background:#001a20;box-shadow:0 0 10px #2de2ff66,inset 0 0 0 2px #000}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.bossWrap{position:relative;width:min(46vw,190px,25vh);aspect-ratio:1}#boss{width:100%;height:100%;display:block;filter:drop-shadow(0 0 10px rgba(45,226,255,.45));animation:bob 2.4s steps(4) infinite}#boss rect{transform-box:fill-box}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}body #boss.hit{animation:shake .45s steps(5)}@keyframes shake{0%{transform:translate(0);filter:drop-shadow(0 0 14px var(--r)) brightness(2)}25%{transform:translate(-8px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}to{transform:none}}body #boss.laugh{animation:hop .3s steps(2) 4}@keyframes hop{50%{transform:translateY(-10px)}}#slash{position:absolute;left:50%;top:50%;width:130%;height:6px;background:#fff;box-shadow:0 0 12px var(--r),0 0 4px #fff;opacity:0;transform:translate(-50%,-50%) rotate(-35deg) scaleX(0);pointer-events:none}#slash.go{animation:slash .38s steps(5)}@keyframes slash{0%{opacity:1;transform:translate(-50%,-50%) rotate(-35deg) scaleX(0)}60%{opacity:1;transform:translate(-50%,-50%) rotate(-35deg) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(-35deg) scaleX(1)}}#pops{position:absolute;left:0;right:0;top:-6px;display:flex;justify-content:center;pointer-events:none}.pop{position:absolute;font:700 26px var(--px);animation:pop 1s steps(6) forwards;text-shadow:0 0 8px currentColor}@keyframes pop{0%{transform:translateY(10px);opacity:1}80%{opacity:1}to{transform:translateY(-34px);opacity:0}}.bars{width:100%;display:grid;grid-template-columns:86px 1fr 40px;gap:6px 8px;align-items:center;font:700 14px var(--px);letter-spacing:1px}.bars span:nth-child(3n){text-align:right;font-family:var(--tx);font-size:20px}.bar{display:block;height:12px;border:2px solid #fff;background:#111}.bar i{display:block;height:100%;width:100%;background:var(--m);transition:width .4s steps(8)}.bar.fr i{background:var(--c)}.bar.hp i{background:var(--y)}.lbl-m{color:var(--m)}.lbl-c{color:var(--c)}#box{flex:none;height:var(--bh);width:100%;margin:10px auto 0;border:4px solid #fff;position:relative;background:#000;transition:width .25s steps(5)}#box.fight{width:var(--bh)}#talk{height:100%;padding:10px 14px;cursor:pointer;position:relative}#who{display:block;font:700 15px var(--px);letter-spacing:2px;color:var(--c);margin-bottom:4px}#talk.sys #who{display:none}#text{font-size:25px;white-space:pre-wrap}#more{position:absolute;right:12px;bottom:10px;width:0;height:0;border:8px solid transparent;border-top:10px solid #fff;border-bottom:0;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}#box.fight #talk{display:none}#field{position:absolute;inset:0;display:none;overflow:hidden;touch-action:none}#box.fight #field{display:block}#field.shake{animation:fshake .25s steps(3)}@keyframes fshake{33%{transform:translate(-4px,2px)}66%{transform:translate(3px,-2px)}}#alabel{position:absolute;left:0;right:0;top:24px;text-align:center;font-size:19px;color:var(--dim);pointer-events:none}#atimer{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--c);transform-origin:left}#win{position:absolute;left:0;right:0;top:0;height:20px;z-index:2;display:flex;align-items:center;gap:6px;padding:0 6px;background:#fff;color:#000;font-size:18px;line-height:20px;pointer-events:none}#win b{flex:1;font-weight:400}#win i{width:10px;height:10px;border:2px solid #000;font-style:normal}#cur{position:absolute;left:0;top:0;width:16px;height:24px;display:block;z-index:1;will-change:transform;filter:drop-shadow(0 0 5px rgba(255,59,92,.8))}#cur svg{width:100%;height:100%;display:block}#cur.inv{animation:blink .15s steps(1) infinite}.b{position:absolute;left:0;top:0;width:14px;height:14px;font-size:22px;line-height:14px;text-align:center;font-style:normal;will-change:transform}.b.bit{color:var(--g);text-shadow:0 0 6px var(--g)}.b.err{color:var(--r);text-shadow:0 0 6px var(--r)}.b.bug{background:var(--m);box-shadow:-3px 3px 0 -1px var(--m),3px 3px 0 -1px var(--m),0 0 8px var(--m);transform-origin:center}.b.heal{width:10px;height:14px;border:2px solid var(--y);background:linear-gradient(to top,var(--y) 55%,transparent 55%);box-shadow:0 0 7px var(--y)}.b.heal:before{content:"";position:absolute;left:1px;top:-5px;width:4px;height:3px;background:var(--y)}.stats{flex:none;display:flex;gap:14px;align-items:center;font:700 15px var(--px);letter-spacing:1px;margin:10px 0 8px}.stats .hpw{flex:1;display:flex;align-items:center;gap:8px}.stats .bar{flex:1;max-width:140px}#pHpN{font:20px var(--tx)}.hack{flex:none;font:700 13px var(--px);letter-spacing:1px;color:var(--m);border:2px solid var(--m);padding:5px 8px;background:#000;box-shadow:0 0 10px -2px var(--m);animation:blink 1.2s steps(1) 3}.hack[hidden]{display:none}.hack:active{transform:translateY(2px)}.odulkart{background:#000;border:4px solid #fff;border-radius:0;box-shadow:0 0 0 2px #000,0 0 24px #ff3ea566;font:22px/1.15 var(--tx);color:#fff}.odulust{font:700 13px var(--px);color:var(--m);letter-spacing:3px}.odulkutu{border-radius:0;border-color:#444;color:var(--dim)}.odulsira button,.odulsira button.odulkapat{border-radius:0;font:700 15px var(--px);letter-spacing:1px;background:#000;box-shadow:none;text-shadow:none;border:3px solid var(--g);color:var(--g)}.odulsira button.odulkapat{border-color:#fff;color:#fff}.acts{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.act{position:relative;font:700 17px var(--px);letter-spacing:1px;padding:14px 2px;border:3px solid currentColor;background:#000;box-shadow:0 0 10px -2px currentColor;transition:background .1s}.act.atk{color:var(--r)}.act.tlk{color:var(--c)}.act.jok{color:var(--y)}.act.sel{background:color-mix(in srgb,currentColor 24%,#000);box-shadow:0 0 16px currentColor}.act.sel:before{content:"";position:absolute;left:6px;top:50%;width:9px;height:13px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12' shape-rendering='crispEdges'%3E%3Cpath fill='%23ff3b5c' stroke='%23fff' stroke-width='1' d='M.5.5v10l2.5-2.5 2 3.5 1.5-1-2-3.5h3.5z'/%3E%3C/svg%3E") center/contain no-repeat}.act:active{transform:translateY(2px)}.act:disabled{opacity:.3;cursor:default;box-shadow:none}.act:disabled:before{display:none}.screen{position:fixed;inset:0;z-index:40;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.screen[hidden]{display:none}.logo{position:relative;font:700 clamp(54px,17vw,92px) var(--px);letter-spacing:5px;color:#fff;text-shadow:3px 0 var(--m),-3px 0 var(--c)}.logo:before,.logo:after{content:attr(data-t);position:absolute;inset:0;pointer-events:none}.logo:before{color:var(--c);transform:translate(-4px);animation:cut 2.6s steps(1) infinite}.logo:after{color:var(--m);transform:translate(4px);animation:cut 3.3s steps(1) infinite reverse}@keyframes cut{0%{clip-path:inset(20% 0 60% 0)}25%{clip-path:inset(70% 0 6% 0)}50%{clip-path:inset(4% 0 86% 0)}75%{clip-path:inset(46% 0 32% 0)}}.sub{font:700 16px var(--px);letter-spacing:4px;color:var(--g)}.note{font-size:23px;color:var(--dim);max-width:24em}.titleBoss{width:110px;height:110px}.name{display:flex;flex-direction:column;gap:6px;align-items:center;font:700 14px var(--px);letter-spacing:2px;color:var(--c)}.name input{font:28px var(--tx);width:220px;text-align:center;color:#fff;background:#000;border:3px solid var(--c);padding:4px 8px;outline:none;-webkit-user-select:text;user-select:text;text-transform:uppercase}.name input:focus{box-shadow:0 0 12px var(--c)}.go{font:700 20px var(--px);letter-spacing:3px;color:var(--g);border:3px solid var(--g);padding:12px 26px;background:#000;box-shadow:0 0 14px #39ff8880}.go:active{transform:translateY(2px)}.go.r{color:var(--r);border-color:var(--r);box-shadow:0 0 14px #ff3b5c80}.go.w{color:#fff;border-color:#fff;box-shadow:none}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.link{font-size:21px;color:var(--dim);text-decoration:underline;text-underline-offset:3px}.keys{font-size:19px;color:#5d5d5d;display:none}@media (hover:hover) and (pointer:fine){.keys{display:block}}#end h2{font:700 34px var(--px);letter-spacing:3px}#end h2.spare{color:var(--c);text-shadow:0 0 12px var(--c)}#end h2.kill{color:var(--r);text-shadow:0 0 12px var(--r)}#end .tally{font-size:21px;color:var(--dim)}#crash{position:fixed;inset:0;z-index:80}#crash[hidden]{display:none}#crash.bsod{background:#1167d8;color:#fff;font-family:Segoe UI,system-ui,sans-serif;padding:14vh 9vw}#crash.bsod .sad{font-size:110px;line-height:1;margin-bottom:28px}#crash.bsod p{font-size:20px;line-height:1.45;max-width:32em;margin-bottom:18px}#crash.bsod .small{font-size:14px;opacity:.85}#crash.e404{background:#fff;color:#000;font-family:Times New Roman,serif;padding:8vh 6vw;text-align:center}#crash.e404 h1{font-size:34px;margin-bottom:14px}#crash.e404 hr{border:0;border-top:1px solid #aaa;margin:14px 0}#crash.e404 p{font-size:18px;margin-bottom:6px}#crash.e404 address{font-size:15px;color:#666}#crash .red{position:absolute;left:0;right:0;bottom:16vh;padding:0 16px;text-align:center;font:700 clamp(26px,7vw,40px) var(--px);color:#ff1a1a;text-shadow:3px 0 #000,-2px 0 #0ff}#crash.shake{animation:fshake .2s steps(2) infinite}#crash.out{animation:out .45s steps(4) forwards}@keyframes out{0%{clip-path:inset(0)}50%{clip-path:inset(30% 0 40% 0);transform:translate(12px)}to{clip-path:inset(50% 0 50% 0)}}@keyframes jit{0%,91%,to{transform:none;filter:none}92%{transform:translate(-3px,1px);filter:hue-rotate(90deg)}95%{transform:translate(3px,-2px) skew(6deg)}97%{transform:translate(-1px,2px)}}body.haunt #app,body.haunt #end{animation:jit 3.1s steps(1) infinite}body.haunt .act,body.haunt #text,body.haunt h1{text-shadow:2px 0 var(--m),-2px 0 var(--c)}body.haunt:before{content:"";position:fixed;left:0;right:0;height:14px;top:-20%;z-index:89;pointer-events:none;background:#ff3ea547;mix-blend-mode:screen;animation:tear 4.3s steps(1) infinite}@keyframes tear{0%{top:12%}6%{top:-20%}30%{top:64%}34%{top:-20%}60%{top:38%}63%{top:-20%}85%{top:82%}88%{top:-20%}}body.haunt #boss{animation:bob 2.4s steps(4) infinite,flick 1.7s steps(1) infinite}@keyframes flick{0%,88%{opacity:1}90%{opacity:.35;translate:4px 0}94%{opacity:1;translate:-3px 0}}@media (prefers-reduced-motion:reduce){body.haunt #app,body.haunt #end,body.haunt:before,.logo:before,.logo:after{animation:none}}@media (min-width:700px){:root{--bh:236px}.bossWrap{width:min(210px,26vh)}}@media (max-height:700px){:root{--bh:184px}#text{font-size:23px}.act{padding:11px 2px}}