:root{color-scheme:dark;--gold:#b7a17a;--ink:#101115;--line:#b7a17a25}*{box-sizing:border-box}body{margin:0;background:#101115;color:#ddd8cc;font-family:Georgia,'Times New Roman',serif}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#111217}.brand{text-decoration:none;color:#d8c49b;letter-spacing:6px;font-size:26px}.brand span{display:block;font:9px Arial;letter-spacing:4px;margin-top:7px}.edition{font:10px Arial;letter-spacing:3px;color:#918779}.edition span{border:1px solid var(--line);padding:12px;margin-left:14px}main{display:grid;grid-template-columns:225px minmax(0,1fr) 250px;min-height:700px;height:calc(100dvh - 132px)}aside{padding:28px 14px 20px 24px;border-right:1px solid var(--line);overflow:auto}.eyebrow{font:9px Arial;letter-spacing:2.4px;color:var(--gold);line-height:1.7;margin:0 0 22px}nav{display:grid;gap:3px}nav button{text-align:left;color:#a5a3a0;border:1px solid transparent;background:transparent;padding:13px 10px;font:14px Georgia;cursor:pointer;transition:.2s}nav button span{display:inline-block;width:25px;font:9px Arial;color:#6c6862}nav button:hover{background:#b7a17a0b;color:#eee}nav button.active{border-color:#b7a17a45;background:linear-gradient(90deg,#b7a17a19,transparent);color:#e8d8b5}.aside-note{font-size:14px;font-style:italic;line-height:1.7;color:#706b65;margin:35px 10px}.stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#242632,#111217 75%)}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-top{position:absolute;top:26px;left:28px;right:28px;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:2px;color:#aaa18f;pointer-events:none}.controls{position:absolute;bottom:24px;left:12px;right:12px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}button{border:1px solid #a890663b;background:#181a20df;color:#c9c3b6;border-radius:2px;padding:10px 12px;font:11px Arial;cursor:pointer}button:hover{border-color:#b7a17a;color:#f0e4ca}button:focus-visible,a:focus-visible{outline:2px solid #cfba8c;outline-offset:3px}.hint{position:absolute;bottom:78px;left:0;right:0;text-align:center;font:10px Arial;letter-spacing:1px;color:#99968e;pointer-events:none}.info{padding:65px 26px 28px;border-left:1px solid var(--line)}h1{font-weight:400;font-size:38px;line-height:1.15;letter-spacing:-1px;margin:0 0 24px}.divider{width:45px;height:1px;background:var(--gold);margin:27px 0}.info p:not(.eyebrow){font-size:14px;line-height:1.9;color:#9c9c98}dl{margin:38px 0}dt{font:9px Arial;letter-spacing:2px;color:#797974;margin:23px 0 10px}dd{margin:0;color:#c3bba9;font-size:14px}.small{font-style:italic}.asset-link{display:inline-block;font:10px Arial;letter-spacing:1px;color:#b7a17a;margin-top:24px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px}footer{height:42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px;font:9px Arial;letter-spacing:1.6px;color:#666862}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#101115bb;font:13px Arial;z-index:3;pointer-events:none;padding:30px;line-height:1.8}.stage:fullscreen{height:100dvh;width:100vw}.error #loading{color:#e3ba8e}.info .eyebrow{font-size:8px}@media(max-width:1000px){main{grid-template-columns:190px minmax(0,1fr)}.info{position:absolute;right:18px;top:130px;border:0;padding:0;width:175px;pointer-events:none}.info h1{font-size:28px}.info .divider,.info dl,.info .small,.info .asset-link,.info #description{display:none}.stage-top{right:210px}header{padding:0 24px}}@media(max-width:600px){header{height:72px;padding:0 20px}.brand{font-size:20px}.edition{font-size:8px;letter-spacing:1px}.edition span{padding:8px;margin-left:8px}main{display:flex;flex-direction:column;height:auto;min-height:0}aside{padding:14px;border-right:0;border-bottom:1px solid var(--line)}aside .eyebrow,.aside-note{display:none}nav{display:flex;overflow:auto;gap:6px}nav button{white-space:nowrap;padding:10px}.stage{height:74dvh;min-height:500px}.info{position:static;order:3;width:auto;padding:24px}.info h1{font-size:30px}.info #description,.info .asset-link{display:block}.info .eyebrow{margin:0 0 12px}.stage-top{right:20px;left:20px;top:20px}.controls{bottom:18px;gap:4px}.controls button{font-size:10px;padding:10px}.hint{bottom:69px;font-size:9px}footer{padding:0 18px;font-size:8px}footer span:last-child{display:none}}

#scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 28%,#090b1266 80%,#090b12aa 100%)}

#satin-al{display:block;width:100%;margin-top:32px;padding:15px 18px;border:1px solid #b7a17a;background:linear-gradient(135deg,#ae956a20,#ae956a08);color:#e8d6b1;font:12px Arial;letter-spacing:1.8px;text-align:center}#satin-al:hover{background:#ae956a29}.info h1{overflow-wrap:normal;font-size:35px}.stage-top{z-index:1}.cycle{position:absolute;height:1px;bottom:0;left:0;right:0;background:#b7a17a20}.cycle i{display:block;height:100%;width:100%;transform-origin:left;background:#c1a577;transform:scaleX(0)}nav button[aria-current=true]{border-color:#b7a17a45;color:#e8d8b5}#scene:after{background:radial-gradient(ellipse at 50% 43%,transparent 42%,#090b1233 83%,#090b1266 100%)}
@media(min-width:601px) and (max-width:1000px){main{grid-template-columns:175px minmax(0,1fr);height:auto;min-height:calc(100dvh - 132px)}aside{grid-row:1 / 3}.stage{height:68dvh;min-height:470px}.info{position:static;grid-column:2;width:auto;padding:24px;display:grid;grid-template-columns:1fr 170px;column-gap:20px;border-left:0;border-top:1px solid var(--line);pointer-events:auto}.info .eyebrow,.info h1,.info #description{grid-column:1}.info h1{margin:0;font-size:30px}.info #description{display:block;margin-bottom:0}.info .eyebrow{margin-bottom:10px}#satin-al{grid-column:2;grid-row:1 / 4;align-self:center;margin:0}.stage-top{right:28px}}
@media(max-width:600px){.info h1{font-size:30px}#satin-al{margin-top:22px}nav button{font-size:13px}.info{padding-bottom:30px}.stage{min-height:440px;height:66dvh}.hint{letter-spacing:.5px}}

@media(max-width:600px){.info{pointer-events:auto}}

.sa-pencere{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#07080bcc;backdrop-filter:blur(3px)}
.sa-pencere[hidden]{display:none}
.sa-kutu{position:relative;width:min(430px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#15161c;border:1px solid #b7a17a55;padding:30px 28px 26px}
.sa-kapat{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;font-size:20px;line-height:1}
.sa-kutu h2{font-weight:400;font-size:30px;margin:0 0 6px;color:#eadcbc}
.sa-alt{font-size:13px;color:#8f8b83;margin:0 0 14px;line-height:1.6}
.sa-fiyat{font-size:24px;color:#e2cd9f;margin:0 0 20px}.sa-fiyat s{font-size:15px;color:#7a746a}.sa-fiyat b{font:12px Arial;color:#9bd09a}
#sa-form label{display:block;font:10px Arial;letter-spacing:1.5px;color:#a79e8c;margin:0 0 14px;text-transform:uppercase}
#sa-form label span{text-transform:none;letter-spacing:0;color:#6f6b64}
#sa-form input{display:block;width:100%;margin-top:7px;padding:11px 12px;background:#0e0f13;border:1px solid #b7a17a3a;color:#eee6d6;font:14px Arial;border-radius:2px}
#sa-form input:focus{outline:none;border-color:#cfba8c}
.sa-kod{display:flex!important;gap:6px;margin-top:7px}.sa-kod input{margin-top:0!important;text-transform:uppercase}.sa-kod button{white-space:nowrap}
#sa-kod-durum{font:12px Arial;margin:-6px 0 12px;color:#8f8b83;min-height:1px}#sa-kod-durum.tamam{color:#9bd09a}#sa-kod-durum.hata{color:#e39a8a}
.sa-hata{font:12px Arial;color:#e39a8a;margin:0 0 12px}
.sa-gonder{display:block;width:100%;text-align:center;text-decoration:none;padding:14px;font:12px Arial;letter-spacing:2px;text-transform:uppercase;color:#171412;background:linear-gradient(180deg,#d9c291,#b39766);border:1px solid #e5d3a8;cursor:pointer;box-sizing:border-box}
.sa-gonder:disabled{opacity:.6;cursor:wait}
.sa-sonuc h3{font-weight:400;font-size:22px;margin:0 0 6px;color:#eadcbc}.sa-sonuc p{font-size:13px;line-height:1.7;color:#9c9c98}
#sa-no{display:block;padding:12px;margin:0 0 14px;background:#0e0f13;border:1px dashed #b7a17a66;color:#e8d8b5;font:15px monospace;text-align:center;cursor:pointer}
#sa-no.kopyalandi{border-color:#9bd09a;color:#9bd09a}