.hikaye-sahne{position:absolute;inset:0;overflow:hidden}.hikaye-sahne canvas{width:100%;height:100%;display:block}.hikaye{--hk-bg:#04171c;--hk-bg2:#061f25;--hk-teal:#02afc1;--hk-teal-soft:#66d0df;--hk-ink:#f2fbfc;--hk-muted:#aecbd1;--hk-line:#66d0df29;background:var(--hk-bg);color:var(--hk-ink);position:relative;overflow-x:clip}.hikaye *,.hikaye :after,.hikaye :before{box-sizing:border-box}.hikaye h1,.hikaye h2,.hikaye h3,.hikaye p{margin:0}.hk-kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--hk-teal-soft);font-size:.72rem;font-weight:600}.hk-hero{background:radial-gradient(70% 90% at 78% 40%,#02afc129,#0000 62%),radial-gradient(60% 70% at 10% 0,#02afc112,#0000 60%),linear-gradient(#04171c,#03151a 60%,#052028);align-items:center;min-height:100svh;padding:calc(clamp(4.5rem,10vh,8rem)) calc(clamp(1.25rem,6vw,6rem)) calc(clamp(3rem,7vh,6rem));display:flex;position:relative;overflow:hidden}.hk-hero-grid{opacity:.7;background-image:linear-gradient(#66d0df0b 1px,#0000 0),linear-gradient(90deg,#66d0df0b 1px,#0000 0);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 55% 45%,#000,#0000 78%);mask-image:radial-gradient(80% 80% at 55% 45%,#000,#0000 78%)}.hk-hero-glow{filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#02afc138,#02afc10d 42%,#0000 68%);width:70vw;max-width:900px;height:70vw;max-height:900px;position:absolute;top:50%;right:-10%;transform:translateY(-50%)}.hk-hero-inner{z-index:2;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:calc(clamp(1.5rem,4vw,5rem));width:100%;max-width:1320px;margin:0 auto;display:grid;position:relative}.hk-hero-copy{max-width:44rem}.hk-title{letter-spacing:-.035em;text-wrap:balance;background:linear-gradient(120deg,#fff,#e9fbfd 46%,#9fe6ee);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:1.1rem;font-size:calc(clamp(2.7rem,6.2vw,5.7rem));font-weight:700;line-height:.97}.hk-lead{max-width:46ch;color:var(--hk-muted);text-wrap:pretty;margin-top:1.5rem;font-size:calc(clamp(1.02rem,1.35vw,1.2rem));line-height:1.65}.hk-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2.1rem;display:flex}.hk-btn{border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.7rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,border-color .25s,color .25s;display:inline-flex}.hk-btn-primary{background:var(--hk-teal);color:#02181c;border:1px solid #0000;box-shadow:0 10px 34px #02afc147}.hk-btn-primary:hover{background:#25c7d8;transform:translateY(-2px)}.hk-btn-ghost{color:#e8fbfd;background:#ffffff05;border:1px solid #b7e2e847}.hk-btn-ghost:hover{background:#ffffff0f;border-color:#b7e2e899;transform:translateY(-2px)}.hk-ico{width:1.05rem;height:1.05rem}.hk-note{letter-spacing:.14em;text-transform:uppercase;color:#aecbd19e;margin-top:1.2rem;font-size:.72rem}.hk-hero-art{aspect-ratio:1;justify-self:center;width:calc(min(42vw,560px));position:relative}.hk-halo{filter:blur(24px);background:radial-gradient(circle at 50% 45%,#8ff1fa40,#02afc11f 38%,#0000 68%);inset:8%}.hk-halo,.hk-orbit{border-radius:50%;position:absolute}.hk-orbit{border:1px dashed #66d0df47;animation:48s linear infinite hk-spin;inset:3%}.hk-orbit-2{border-style:solid;border-color:#66d0df1f;animation-duration:70s;animation-direction:reverse;inset:13%}.hk-hero-char{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 40px 55px #00000080)drop-shadow(0 0 45px #02afc12e);width:96%;height:96%;animation:7.5s ease-in-out infinite hk-float;position:absolute;inset:4% 2% 0}.hk-dust{left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:.55;animation:hk-dust-rise var(--dur) ease-in-out var(--delay) infinite;background:#bdf4fa;border-radius:50%;position:absolute;box-shadow:0 0 10px #66d0dfe6}.hk-scroll-cue{z-index:2;background:#66d0df2e;width:1px;height:3.2rem;position:absolute;bottom:1.5rem;left:50%;overflow:hidden;transform:translate(-50%)}.hk-scroll-cue span{background:var(--hk-teal-soft);width:100%;height:42%;animation:2.4s ease-in-out infinite hk-cue;display:block}@keyframes hk-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-14px)rotate(.8deg)}}@keyframes hk-spin{to{transform:rotate(1turn)}}@keyframes hk-dust-rise{0%{opacity:0;transform:translateY(14px)}25%{opacity:.6}to{opacity:0;transform:translate(10px,-46px)}}@keyframes hk-cue{0%{transform:translateY(-120%)}55%,to{transform:translateY(260%)}}.hk-rise{animation:.9s cubic-bezier(.16,1,.3,1) both hk-rise;animation-delay:var(--d,0s)}@keyframes hk-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.hk-track{background:var(--hk-bg);display:none;position:relative}html.js .hikaye .hk-track{display:block}html.js .hikaye.is-failed .hk-track{display:none}.hk-sticky{background:#03151a;height:100svh;position:sticky;top:0;overflow:hidden}.hk-stage-fallback{background:radial-gradient(60% 60% at 50% 45%,#02afc11f,#0000 70%),#03151a;place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.hk-loader{border:1px solid #66d0df33;border-top-color:var(--hk-teal-soft);border-radius:50%;width:2.2rem;height:2.2rem;animation:1.1s linear infinite hk-spin}.hk-overlay{z-index:3;pointer-events:none;opacity:0;transition:opacity .7s;position:absolute;inset:0}.hk-overlay.is-on{opacity:1}.hk-scrim{background:linear-gradient(90deg,#031419eb,#031419a8 30%,#03141914 62%,#0000),linear-gradient(#0314198c,#0000 22% 72%,#031419b8);position:absolute;inset:0}.hk-topbar{top:calc(.85rem + var(--ui-header-height,3rem));z-index:6;pointer-events:none;justify-content:flex-end;gap:1rem;position:absolute;left:calc(clamp(1.25rem,6vw,6rem));right:calc(clamp(1.25rem,6vw,6rem))}.hk-topbar,.hk-topbar-left{align-items:center;display:flex}.hk-topbar-left{pointer-events:auto;gap:.8rem}.hk-counter{letter-spacing:.2em;font-variant-numeric:tabular-nums;color:#d5edf0;border:1px solid var(--hk-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02121673;border-radius:999px;padding:.4rem .7rem;font-size:.68rem;font-weight:600}.hk-skip{letter-spacing:.12em;text-transform:uppercase;color:#d5edf0b8;border-bottom:1px solid #0000;font-size:.68rem;text-decoration:none;transition:color .2s,border-color .2s}.hk-skip:hover{color:#fff;border-color:var(--hk-teal-soft)}.hk-sound{pointer-events:auto;border:1px solid var(--hk-line);color:#e8fbfd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02121680;border-radius:999px;place-items:center;width:2.65rem;height:2.65rem;transition:background .2s,border-color .2s,transform .2s;display:grid}.hk-sound:hover{background:#02afc133;border-color:#66d0df73;transform:translateY(-1px)}.hk-sound .iconify,.hk-sound svg{width:1.15rem;height:1.15rem}.hk-chapters{z-index:4;width:calc(min(30rem,34vw));position:absolute;bottom:calc(clamp(4.5rem,15vh,10rem));left:calc(clamp(1.25rem,6vw,6rem))}.hk-card{opacity:0;visibility:hidden;text-shadow:0 2px 28px #000000a6;width:100%;transition:opacity .55s,transform .55s cubic-bezier(.16,1,.3,1),visibility .55s;position:absolute;bottom:0;left:0;transform:translateY(16px)}.hk-card.is-active{opacity:1;visibility:visible;transform:translateY(0)}.hikaye.is-anim .hk-card .hk-anim{opacity:0}.hk-ghost{color:#0000;-webkit-text-stroke:1px #66d0df4d;opacity:0;-webkit-user-select:none;user-select:none;margin-bottom:.5rem;font-size:calc(clamp(4.5rem,8.5vw,8rem));font-weight:700;line-height:.72}.hk-card h2{letter-spacing:-.025em;color:#f6feff;text-wrap:balance;margin:.5rem 0 .85rem;font-size:calc(clamp(1.75rem,3.1vw,2.9rem));font-weight:650;line-height:1.04}.hk-card p:not(.hk-kicker){color:#c4dde1;max-width:40ch;font-size:calc(clamp(.95rem,1.1vw,1.06rem));line-height:1.68}.hk-rail{z-index:5;pointer-events:auto;flex-direction:column;gap:.55rem;display:flex;position:absolute;top:50%;right:calc(clamp(1rem,2.2vw,2.4rem));transform:translateY(-50%)}.hk-rail button{color:#d5edf099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02121659;border:1px solid #b7e2e838;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;font-size:.58rem;font-weight:600;transition:all .25s;display:grid}.hk-rail button:hover{color:#fff;border-color:#66d0df99}.hk-rail button.is-active{background:var(--hk-teal);border-color:var(--hk-teal);color:#02181c;transform:scale(1.08)}.hk-bar{z-index:6;background:#ffffff0f;height:2px;display:none;position:absolute;top:0;left:0;right:0}.hk-bar span{transform-origin:0;background:linear-gradient(90deg,#02afc1,#b7e2e8);width:100%;height:100%;transition:transform .12s linear;display:block;transform:scaleX(0)}.hk-hint{letter-spacing:.18em;text-transform:uppercase;color:#d5edf0b8;z-index:5;align-items:center;gap:.5rem;font-size:.68rem;animation:2.8s ease-in-out infinite hk-hint;display:inline-flex;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.hk-hint svg{width:1rem;height:1rem}@keyframes hk-hint{0%,to{opacity:.55;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(4px)}}.hk-summary{background:radial-gradient(60% 50% at 50% 0,#02afc114,transparent 70%),var(--hk-bg2);border-top:1px solid var(--hk-line);padding:calc(clamp(4rem,10vh,8rem)) calc(clamp(1.25rem,6vw,6rem));position:relative}.hk-summary-head{text-align:center;max-width:760px;margin:0 auto calc(clamp(2.5rem,6vh,4.5rem))}.hk-summary-head h2{letter-spacing:-.03em;margin:.8rem 0 1rem;font-size:calc(clamp(2rem,4vw,3.4rem));font-weight:650;line-height:1.04}.hk-summary-head>p:not(.hk-kicker){color:var(--hk-muted);max-width:62ch;margin:0 auto;font-size:1.02rem;line-height:1.7}.hk-static-note{border:1px solid var(--hk-line);border-radius:999px;padding:.5rem .9rem;display:inline-block;color:#aecbd1b3!important;margin-top:1.2rem!important;font-size:.78rem!important}.hk-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc(clamp(160px,15vw,225px));gap:calc(clamp(.6rem,1.1vw,1rem));max-width:1400px;margin:0 auto;display:grid}.hk-tile{background:radial-gradient(70% 80% at 30% 30%,#02afc129,#0000 70%),#04181d;border:1px solid #66d0df24;border-radius:1.1rem;min-width:0;transition:border-color .35s;position:relative;overflow:hidden}.hk-tile.is-large{grid-row:span 2}.hk-tile.is-large,.hk-tile.is-wide{grid-column:span 2}.hk-tile img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hk-tile.is-char img{-o-object-fit:contain;object-fit:contain;padding:10% 12% 16%}.hk-tile.is-large.is-char img{padding:7% 18% 14%}.hk-tile-veil{pointer-events:none;background:linear-gradient(#03101500 30%,#0310158f 60%,#031015f5),radial-gradient(90% 60% at 15% 100%,#02afc133,#0000 62%);position:absolute;inset:0}.hk-tile-copy{z-index:1;padding:calc(clamp(.7rem,1vw,1.1rem));position:absolute;inset:auto 0 0}.hk-tile-copy .hk-kicker{color:#a0f1faf5;text-shadow:0 1px 8px #00080ae6,0 0 2px #00080ab3;font-size:calc(clamp(.55rem,.62vw,.64rem))}.hk-tile-copy h3{color:#f2fdff;text-shadow:0 1px 12px #00080a8c;margin:.26rem 0 .28rem;font-size:calc(clamp(.92rem,1.05vw,1.12rem));font-weight:600;line-height:1.22}.hk-tile-body,.hk-tile-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hk-tile-body{color:#c3dde1;text-shadow:0 1px 6px #00080abf;font-size:calc(clamp(.72rem,.78vw,.84rem));line-height:1.5}.hk-tile.is-large .hk-tile-copy{padding:calc(clamp(.9rem,1.4vw,1.4rem))}.hk-tile.is-large .hk-tile-copy h3{-webkit-line-clamp:3;font-size:calc(clamp(1.15rem,1.7vw,1.65rem))}.hk-tile.is-large .hk-tile-body{-webkit-line-clamp:4}.hk-tile:hover{border-color:#66d0df66}.hk-tile:hover img{transform:scale(1.045)}.hk-finale{background:#020f13;place-items:center;min-height:82svh;padding:calc(clamp(4rem,10vh,8rem)) calc(clamp(1.25rem,6vw,6rem));display:grid;position:relative;overflow:hidden}.hk-finale-bg{-o-object-fit:cover;object-fit:cover;opacity:.38;filter:saturate(.85)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.hk-finale-veil{background:radial-gradient(50% 60%,#020f1333,#020f13e6 78%),linear-gradient(#04171c,#0000 22% 70%,#020f13);position:absolute;inset:0}.hk-finale-inner{z-index:2;text-align:center;max-width:840px;position:relative}.hk-finale-inner h2{letter-spacing:-.035em;background:linear-gradient(120deg,#fff,#d9f8fb 55%,#86dbe5);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.9rem 0 1.1rem;font-size:calc(clamp(2.2rem,5vw,4.2rem));font-weight:700;line-height:1.02}.hk-finale-inner>p:not(.hk-kicker){max-width:58ch;color:var(--hk-muted);margin:0 auto;font-size:1.03rem;line-height:1.7}.hk-finale-inner .hk-actions{justify-content:center}.hk-back{color:#d5edf0ad;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;margin-top:2.4rem;font-size:.78rem;transition:color .2s;display:inline-flex}.hk-back:hover{color:#fff}.hk-back svg{width:1rem;height:1rem}.hk-finale-note{letter-spacing:.3em;color:#aecbd180;margin-top:2rem;font-size:.62rem}.hikaye.is-rtl .hk-scrim{background:linear-gradient(270deg,#031419eb,#031419a8 30%,#03141914 62%,#0000),linear-gradient(#0314198c,#0000 22% 72%,#031419b8)}.hikaye.is-rtl .hk-rail{left:calc(clamp(1rem,2.2vw,2.4rem));right:auto}.hikaye.is-rtl .hk-chapters{left:auto;right:calc(clamp(1.25rem,6vw,6rem))}.hikaye.is-rtl .hk-card h2,.hikaye.is-rtl .hk-card p{padding-right:0}.hikaye.is-rtl .hk-finale-inner,.hikaye.is-rtl .hk-summary-head,.hikaye.is-rtl .hk-tile-copy,.hikaye.is-rtl .hk-title{text-align:right}.hikaye.is-rtl .hk-tile-veil{background:linear-gradient(#03101500 34%,#03101580 64%,#031015f2),radial-gradient(90% 60% at 85% 100%,#02afc133,#0000 62%)}.hikaye.is-rtl .hk-hero-inner{direction:rtl}.hikaye.is-rtl .hk-actions,.hikaye.is-rtl .hk-finale-inner .hk-actions{justify-content:flex-start}@media (width<=899px){.hk-hero{padding-top:4.5rem}.hk-hero-inner{grid-template-columns:1fr;gap:1.5rem}.hk-hero-copy{max-width:100%}.hk-title{font-size:calc(clamp(2.35rem,9.5vw,3.8rem))}.hk-lead{max-width:40ch;font-size:1rem}.hk-hero-art{order:2;width:calc(min(78vw,370px));margin:.5rem auto 0}.hk-rail,.hk-scroll-cue{display:none}.hk-scrim{background:linear-gradient(#03141999,#0000 18% 48%,#031419f0 78%,#03151a)}.hk-chapters{bottom:8.5svh}.hikaye.is-rtl .hk-chapters,.hk-chapters{width:auto;left:1.25rem;right:1.25rem}.hikaye.is-rtl .hk-card p:not(.hk-kicker){padding-left:0;padding-right:4rem}.hk-card h2{font-size:calc(clamp(1.65rem,7vw,2.3rem))}.hk-card p:not(.hk-kicker){max-width:34ch;padding-right:4rem;font-size:.94rem;line-height:1.6}.hk-card h2{padding-right:1.5rem}.hk-ghost{margin-bottom:.3rem;font-size:4.6rem}.hk-bar{display:block}.hk-topbar{top:calc(.6rem + var(--ui-header-height,3rem));left:1.1rem;right:1.1rem}.hk-hint{display:none}}@media (width<=480px){.hk-hero{padding-left:1.1rem;padding-right:1.1rem}.hk-hero-art{width:calc(min(84vw,320px))}.hk-finale-note{letter-spacing:.2em}}@media (width<=1023px){.hk-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(clamp(170px,24vw,220px))}}@media (width<=639px){.hk-mosaic{grid-template-columns:1fr;grid-auto-rows:calc(clamp(200px,58vw,270px));gap:.7rem}.hk-tile.is-large{grid-area:span 2}.hk-tile.is-wide{grid-column:auto}.hk-tile-copy h3{font-size:1rem}.hk-tile-body{font-size:.8rem}}.hk-back:focus-visible,.hk-btn:focus-visible,.hk-rail button:focus-visible,.hk-skip:focus-visible,.hk-sound:focus-visible{outline:2px solid var(--hk-teal-soft);outline-offset:3px}@media (forced-colors:active){.hk-finale-inner h2,.hk-title{color:canvastext;-webkit-text-fill-color:currentColor;background:0 0}.hk-tile-copy{color:canvastext;background:canvas}.hk-tile-body,.hk-tile-copy .hk-kicker,.hk-tile-copy h3{color:canvastext;text-shadow:none}}@media (prefers-reduced-motion:reduce){.hk-dust,.hk-hero-char,.hk-hint,.hk-orbit,.hk-rise,.hk-scroll-cue span{animation:none!important}.hk-btn,.hk-card,.hk-overlay,.hk-tile,.hk-tile img{transition:none!important}}