:root{
  --bg:#041420;--bg2:#021019;--card:rgba(3,25,41,.82);--line:rgba(178,247,235,.32);--text:#effffb;--muted:#d0eaee;--aqua:#65f0df;--aqua2:#98fff2;--shadow:0 18px 45px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#021019;color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.screen{position:fixed;inset:0;min-height:100dvh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s ease}.screen.is-active{opacity:1;visibility:visible;pointer-events:auto}.screen:not(.is-active),.screen:not(.is-active) *{pointer-events:none!important}
.welcome-screen{display:grid;place-items:center;padding:max(28px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));isolation:isolate;background:linear-gradient(180deg,rgba(1,20,31,.08),rgba(1,18,31,.84)),url("assets/video-ilk-kare.jpg") center/cover no-repeat}.welcome-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 30%,transparent 0 18%,rgba(1,14,25,.38) 60%,rgba(1,8,15,.84) 100%)}.welcome-content{position:relative;z-index:2;width:min(100%,440px);text-align:center;padding-top:12vh}.pearl-mark{position:relative;width:70px;height:50px;margin:0 auto 17px;border-radius:50%;background:linear-gradient(150deg,rgba(220,255,250,.9),rgba(74,196,211,.38));box-shadow:0 0 40px rgba(100,246,221,.36),inset 0 0 15px #fff8}.pearl-mark span{position:absolute;width:25px;height:25px;left:50%;top:50%;transform:translate(-50%,-45%);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#f6f1e8 48%,#83cbc8 100%);box-shadow:0 0 25px #e7fff8}.eyebrow{margin:0 0 10px;color:var(--aqua2);font-size:.72rem;font-weight:850;letter-spacing:.19em;text-transform:uppercase}.welcome-content h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.05rem,9vw,3.25rem);line-height:1.02;text-shadow:0 5px 28px #00111c}.welcome-copy{max-width:34ch;margin:18px auto 27px;color:var(--muted);font-size:.98rem;line-height:1.55}.primary-button{width:100%;min-height:58px;padding:14px 18px;border:1px solid rgba(197,255,246,.5);border-radius:18px;background:linear-gradient(135deg,#51dbc9,#177b98);box-shadow:0 12px 35px rgba(19,173,185,.3),inset 0 1px #fff8;font-weight:850;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:transform .2s;color:var(--text)}.primary-button:active{transform:scale(.975)}.sound-note{margin:13px 0 0;color:#d5f9f2aa;font-size:.78rem}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle,.bubble{position:absolute;bottom:-40px;border-radius:50%;background:#cffff42e;box-shadow:inset 0 0 0 1px #ffffff33;animation:float linear infinite}.particle{width:10px;height:10px}@keyframes float{to{transform:translate3d(var(--drift),-110vh,0);opacity:0}}
.video-screen{background:#000}.video-screen video{width:100%;height:100%;object-fit:cover}.video-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,#00000024,transparent 20%,transparent 70%,#00000055)}.skip-button,.icon-button{cursor:pointer}.skip-button{position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));padding:10px 14px;border:1px solid #ffffff2d;border-radius:999px;background:#0014239a;color:#fff;font-weight:700}.video-loader{position:absolute;left:50%;top:50%;display:flex;gap:10px;transform:translate(-50%,-50%)}.video-loader i{width:10px;height:10px;border-radius:50%;background:#94fff4;animation:pulse 1s ease-in-out infinite}.video-loader i:nth-child(2){animation-delay:.16s}.video-loader i:nth-child(3){animation-delay:.32s}@keyframes pulse{50%{transform:translateY(-9px);opacity:.35}}
.story-screen{background:#020d15}.story-header{position:absolute;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 12px 0}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#062133b0;color:#eafffb;font-size:1.05rem;backdrop-filter:blur(10px)}.chapter-pill{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:154px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#062133b0;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.chapter-pill small{font-size:.65rem;letter-spacing:.16em;color:#acf8ec}.chapter-pill strong{font-size:.92rem}
.viewport{position:absolute;inset:0;overflow:hidden}.world{position:absolute;inset:0;transform-origin:50% 50%;transition:transform 1.05s cubic-bezier(.23,1,.32,1),filter .8s}.world.is-entering .scene.is-current .scene-bg{animation:sceneDrift 12s ease-in-out infinite alternate}.world.is-zooming{transform:scale(1.23)}@keyframes sceneDrift{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.1) translateY(-12px)}}
.scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease}.scene.is-current{opacity:1;pointer-events:auto}.scene-bg,.scene-overlay{position:absolute;inset:0}.scene-bg{background-size:cover;background-position:center;transform:scale(1.03)}.scene-overlay{background:linear-gradient(to bottom,#0325393d,#03182340 55%,#02111ad9)}.scene-overlay.light{background:linear-gradient(to bottom,#a7fff71a,#0d738b18 35%,#02111ac7 88%)}.scene-overlay.soft{background:linear-gradient(to bottom,#97f5ff12,#032b4730 58%,#02101ccc)}.scene-overlay.glow{background:radial-gradient(circle at center,#c7fff92a 0,#03243b55 45%,#02111ad9 90%)}.scene-overlay.split{background:linear-gradient(90deg,#6ee8e210 0 48%,#00000012 48% 52%,#00101a28 52% 100%),linear-gradient(to bottom,#99ffff10,transparent 48%,#02111ad4 90%)}.scene-overlay.dark{background:linear-gradient(to bottom,#06142420,#04111f55 55%,#020d17e0)}.scene-overlay.dark-2{background:linear-gradient(to bottom,#07111d1f,#05101b44 50%,#020c14e6)}.scene-overlay.cabin{background:linear-gradient(to bottom,#0a18280e,#02111a8f 82%,#010a12f0)}.scene-overlay.gate{background:radial-gradient(circle at 50% 40%,#95fff61f,#031a2c40 45%,#010a13dc 92%)}.scene-overlay.glowstrong{background:radial-gradient(circle at 50% 44%,#cffffa18,#09243740 45%,#010a13df 92%)}
.memory-word{position:absolute;left:0;right:0;bottom:31%;text-align:center;font-size:clamp(1.8rem,8vw,3.6rem);font-family:Georgia,serif;letter-spacing:.28em;color:#e8fffa;text-shadow:0 0 18px #86f9eb,0 0 34px #86f9eb;animation:wordPulse 2s ease-in-out infinite}@keyframes wordPulse{50%{opacity:.55;letter-spacing:.34em}}
.world-hotspot{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:166px;min-height:74px;padding:10px 12px;border:1px solid #c9fff566;border-radius:18px;background:linear-gradient(135deg,#07253ebd,#0f4a60a8);color:#ecfffc;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(10px);cursor:pointer;z-index:18}.world-hotspot strong{font-size:.82rem}.world-hotspot small{font-size:.7rem;color:#d5f8f4}.hotspot-icon{font-size:1.1rem;color:#97fff1}.pulse-rings,.pulse-rings:before,.pulse-rings:after{content:"";position:absolute;inset:-14px;border:1px solid #d8fff477;border-radius:24px;opacity:.8;animation:ring 2.4s ease-out infinite}.pulse-rings:before{animation-delay:.45s}.pulse-rings:after{animation-delay:.9s}@keyframes ring{0%{transform:scale(.85);opacity:0}30%{opacity:.65}100%{transform:scale(1.16);opacity:0}}
.hotspot-coral{left:7%;top:49%}.hotspot-ship{right:7%;top:47%}.hotspot-shellwide{left:50%;top:44%;transform:translateX(-50%)}.hotspot-window{left:50%;top:37%;transform:translateX(-50%)}.hotspot-cabin{left:50%;top:38%;transform:translateX(-50%)}.hotspot-door{left:50%;top:39%;transform:translateX(-50%)}.hotspot-sleep{left:50%;top:63%;transform:translateX(-50%)}
.scene-particles{z-index:16}.bubble{position:absolute;border:1px solid #d8fff499;background:#c2fff21c;animation:float linear infinite}.pov-mermaid{position:absolute;z-index:17;left:50%;bottom:-70px;width:100px;height:145px;transform:translateX(-50%);opacity:.82;filter:drop-shadow(0 0 18px #52e8da55);transition:transform .5s,opacity .5s}.pov-mermaid:before{content:"";position:absolute;left:34px;top:0;width:32px;height:108px;border-radius:50% 50% 35% 35%;background:linear-gradient(90deg,#177e8b,#6df2d6 55%,#146c80);box-shadow:inset -8px 0 #063f57aa;animation:tailSway 1.3s ease-in-out infinite alternate}.tail-fin{position:absolute;top:91px;width:58px;height:51px;background:linear-gradient(150deg,#78f4df,#107389);clip-path:polygon(100% 0,83% 88%,0 55%);transform-origin:90% 35%}.tail-fin.left{right:46%;transform:rotate(21deg)}.tail-fin.right{left:46%;transform:scaleX(-1) rotate(21deg)}@keyframes tailSway{to{transform:rotate(4deg) translateX(2px)}}.viewport.is-traveling .pov-mermaid{transform:translateX(-50%) translateY(-36px) scale(1.12);opacity:1}.viewport.is-traveling .tail-fin.left{animation:finKickL .35s ease-in-out infinite alternate}.viewport.is-traveling .tail-fin.right{animation:finKickR .35s ease-in-out infinite alternate}@keyframes finKickL{to{transform:rotate(42deg)}}@keyframes finKickR{to{transform:scaleX(-1) rotate(42deg)}}
.otter{position:absolute;z-index:22;right:5%;bottom:28%;width:128px;filter:drop-shadow(0 14px 22px #00111e99);animation:otterIdle 3.2s ease-in-out infinite;transition:transform .7s,opacity .45s}.otter.is-hidden{opacity:0;transform:translate(80px,30px) scale(.7)}.otter.is-leading{animation:otterLead 1.1s ease-in forwards}@keyframes otterIdle{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes otterLead{to{transform:translate(-42vw,-22vh) scale(.72) rotate(-8deg);opacity:0}}
.dialogue-card{position:absolute;z-index:40;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:15px 16px 14px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,rgba(1,29,48,.86),rgba(2,19,34,.8));backdrop-filter:blur(16px);box-shadow:var(--shadow)}.speaker-row{display:flex;align-items:baseline;gap:8px}.speaker-row strong{color:var(--aqua2);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.speaker-row span{color:#d6edf3a8;font-size:.7rem;font-style:italic}.dialogue-card p{margin:9px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1rem,4.5vw,1.18rem);line-height:1.42}.dialogue-actions{display:flex;gap:9px;margin-top:13px}.dialogue-action{flex:1;min-height:45px;padding:10px 12px;border:1px solid #abfff05c;border-radius:14px;background:linear-gradient(135deg,#36bda8,#176d88);color:#eefdfb;font-weight:780;font-size:.82rem;cursor:pointer}.world-hint{font-family:Inter,system-ui!important;font-size:.72rem!important;color:#cafff2b8!important;text-align:center}.world-hint span{color:var(--aqua)}
.travel-overlay{position:absolute;z-index:32;inset:0;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle,transparent,#00131f66);transition:opacity .25s}.viewport.is-traveling .travel-overlay{opacity:1;visibility:visible}.travel-lines{position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 7deg,#b8fff22d 8deg 8.8deg,transparent 9deg 17deg);mask-image:radial-gradient(circle,transparent 0 13%,#000 47%,transparent 80%);animation:spin .8s linear infinite}.travel-bubbles{position:absolute;inset:0;background:radial-gradient(circle at 12% 82%,#fff 0 3px,transparent 4px),radial-gradient(circle at 82% 69%,#fff 0 4px,transparent 5px),radial-gradient(circle at 67% 18%,#fff 0 2px,transparent 3px),radial-gradient(circle at 25% 28%,#fff 0 5px,transparent 6px);animation:bubbleRush .55s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bubbleRush{to{transform:scale(2);opacity:0}}.travel-overlay p{position:absolute;left:0;right:0;bottom:24%;text-align:center;font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#e9fff9;text-shadow:0 0 15px #75f5dd}.transition-curtain{position:absolute;z-index:60;inset:0;background:#021623;opacity:0;pointer-events:none;transition:opacity .3s}.transition-curtain.is-covering{opacity:1}.toast{position:absolute;z-index:70;left:50%;top:84px;transform:translate(-50%,-15px);padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:#001b2acc;opacity:0;transition:.25s;font-size:.75rem;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media (min-width:700px){.story-screen,.welcome-screen,.video-screen{left:50%;width:min(100%,500px);transform:translateX(-50%);box-shadow:0 0 80px #000}.dialogue-card{left:20px;right:20px}.hotspot-coral{left:9%}.hotspot-ship{right:9%}}
@media (max-height:690px){.otter{width:104px;bottom:31%}.dialogue-card p{font-size:.95rem}.dialogue-card{padding:12px 14px}.world-hotspot{transform:scale(.88)}.hotspot-shellwide,.hotspot-window,.hotspot-cabin,.hotspot-door,.hotspot-sleep{transform:translateX(-50%) scale(.88)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Bölüm 3 */
.hotspot-compass{left:50%;top:66%;transform:translateX(-50%)}
.hotspot-trust{left:7%;top:51%}.hotspot-fish{right:7%;top:50%}
.hotspot-portal{left:50%;top:42%;transform:translateX(-50%)}
.scene-overlay.mirror-vignette{z-index:4;pointer-events:none;background:linear-gradient(to bottom,#00172520,transparent 52%,#010b12d9 92%)}
.scene-overlay.pearl-vignette{background:linear-gradient(to bottom,#01101c08,#010c15a8 70%,#01070bea)}
.mirror-stage{position:absolute;inset:0;overflow:hidden;background:#03131d;z-index:19;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize;outline:none}
.mirror-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.mirror-mermaid-layer{position:absolute;inset:0;clip-path:inset(0 78% 0 0);z-index:2}
.mirror-divider{position:absolute;z-index:6;top:13%;bottom:25%;left:22%;width:3px;background:#dffff8;box-shadow:0 0 17px #76f5e7;pointer-events:none}
.mirror-divider span{position:absolute;left:50%;top:52%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:#06384bdc;border:1px solid #dffff88f;color:#eafffb;font-weight:900}
.mirror-slider{position:absolute;z-index:-1;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.mirror-instruction{position:absolute;z-index:7;left:50%;bottom:27%;transform:translateX(-50%);margin:0;padding:8px 12px;border-radius:999px;background:#021928bd;border:1px solid #bdfff65c;color:#eafffb;font-size:.74rem;white-space:nowrap;pointer-events:none}
.mirror-stage.is-complete:after{content:"İKİ RUH\A TEK BİR BEDENDE\A BULUŞUYOR!";position:absolute;z-index:10;left:0;right:0;top:49%;text-align:center;font:800 clamp(1.25rem,6.3vw,2.45rem)/1.15 Georgia,serif;letter-spacing:.08em;white-space:pre-line;padding:0 22px;color:#effffb;text-shadow:0 0 18px #8ffff1,0 0 45px #8ffff1;animation:trustReveal 1.2s ease both}
.mirror-stage.is-complete .mirror-divider,.mirror-stage.is-complete .mirror-instruction{opacity:0}
@keyframes trustReveal{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.hold-pearl{position:absolute;z-index:20;left:50%;top:48%;display:grid;place-items:center;width:180px;height:180px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:#effffb;cursor:pointer;touch-action:none}
.hold-pearl span{position:absolute;top:112%;padding:9px 13px;border-radius:999px;background:#021928c7;border:1px solid #bdfff65c;font-weight:750;font-size:.78rem;white-space:nowrap}
.hold-pearl i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#86fff0 var(--hold,0%),transparent 0);mask:radial-gradient(circle,transparent 57%,#000 59%);filter:drop-shadow(0 0 12px #78f6e8)}
.hold-pearl.is-holding{transform:translate(-50%,-50%) scale(1.05)}
.hold-pearl.is-complete i{background:conic-gradient(#fff 100%,#fff 0);filter:drop-shadow(0 0 30px #fff)}
@media(max-height:690px){.hotspot-compass,.hotspot-portal{transform:translateX(-50%) scale(.88)}.mirror-instruction{bottom:29%}.mirror-slider{bottom:27%}}

.mirror-stage:focus-visible{box-shadow:inset 0 0 0 3px rgba(151,255,241,.7)}
.mirror-stage.is-dragging .mirror-divider span{transform:translate(-50%,-50%) scale(1.12);background:#0b6077}


/* Bölüm 4 */
.answer-stage,.reveal-stage{position:absolute;inset:0;z-index:19;display:grid;place-items:center;padding:92px 18px 180px;pointer-events:none}
.answer-shell,.reveal-card{position:relative;width:min(100%,390px);padding:22px 18px 18px;border-radius:28px;border:1px solid rgba(201,255,245,.34);background:linear-gradient(180deg,rgba(4,28,43,.9),rgba(2,18,29,.88));box-shadow:0 18px 42px rgba(0,0,0,.34);backdrop-filter:blur(10px);pointer-events:auto;overflow:hidden}
.answer-shell__glow{position:absolute;inset:-30% 15% auto;height:160px;background:radial-gradient(circle,#bffff53f 0,transparent 70%);filter:blur(8px)}
.answer-kicker,.reveal-kicker{position:relative;margin:0 0 8px;color:var(--aqua2);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.answer-shell h3{position:relative;margin:0;font-size:1.5rem;line-height:1.12;font-family:Georgia,serif}
.answer-shell p,.reveal-copy{position:relative;margin:12px 0 0;color:#d7eff1;line-height:1.5;font-size:.95rem}
.answer-form{position:relative;display:grid;gap:12px;margin-top:16px}
.answer-form input{width:100%;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid rgba(186,255,243,.28);background:rgba(0,17,29,.65);color:#effffb;font:600 1rem/1.2 Inter,system-ui,sans-serif;outline:none}
.answer-form input::placeholder{color:#b9dde0}
.answer-form input:focus{border-color:#86fff0;box-shadow:0 0 0 3px rgba(125,245,227,.16)}
.answer-form button{min-height:52px;border:1px solid rgba(201,255,245,.42);border-radius:16px;background:linear-gradient(135deg,#55e0cf,#126f88);color:#f1fffc;font-weight:850;cursor:pointer}
.answer-form button:disabled{opacity:.72;cursor:wait}
.answer-shell small{position:relative;display:block;margin-top:10px;color:#bfe8e5;font-size:.76rem;line-height:1.4}
.reveal-card{padding:24px 18px 22px;text-align:center}
.reveal-card blockquote{margin:10px 0 0;padding:18px 16px;border-radius:18px;border:1px solid rgba(190,255,244,.22);background:rgba(0,15,25,.48);font:700 1.25rem/1.35 Georgia,serif;color:#f6fffd;text-shadow:0 0 20px rgba(134,249,235,.18)}
.reveal-copy{margin-top:14px}
@media (max-height:690px){.answer-stage,.reveal-stage{padding-top:84px;padding-bottom:165px}.answer-shell h3{font-size:1.35rem}.answer-form input,.answer-form button{min-height:48px}}


/* Derinlik Kapısı anahtar alanları */
.gate-key-stage{position:absolute;inset:0;z-index:19;display:grid;place-items:center;padding:108px 18px 185px;pointer-events:none}
.gate-key-form{width:min(100%,390px);padding:18px;border:1px solid rgba(190,255,245,.36);border-radius:24px;background:linear-gradient(180deg,rgba(3,29,45,.9),rgba(1,17,29,.87));box-shadow:0 18px 44px rgba(0,0,0,.38);backdrop-filter:blur(10px);pointer-events:auto}
.gate-key-title{margin:0 0 12px;text-align:center;font:700 1.18rem/1.25 Georgia,serif;color:#f2fffc}
.gate-key-form label{display:grid;gap:6px;margin-top:10px}
.gate-key-form label span{font-size:.76rem;font-weight:800;letter-spacing:.06em;color:#aafff2}
.gate-key-form input{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(190,255,245,.3);border-radius:13px;background:rgba(0,15,26,.68);color:#fff;font-weight:800;letter-spacing:.12em;text-transform:uppercase;outline:none}
.gate-key-form input:focus{border-color:#80f8e8;box-shadow:0 0 0 3px rgba(128,248,232,.14)}
.gate-key-form button{width:100%;min-height:48px;margin-top:14px;border:1px solid rgba(215,255,249,.45);border-radius:14px;background:linear-gradient(135deg,#55dfcf,#16778f);font-weight:850;cursor:pointer}
.gate-key-form small{display:block;margin-top:9px;text-align:center;color:#c7e9e7;font-size:.7rem;line-height:1.35}
.gate-key-form.is-error{animation:gateShake .35s ease}.gate-key-form.is-error input{border-color:#ff9e9e}.gate-key-form.is-success{box-shadow:0 0 0 2px rgba(145,255,238,.42),0 18px 44px rgba(0,0,0,.38)}
@keyframes gateShake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}

/* Final cevap kaydı */
.save-answer-button{width:100%;min-height:50px;margin-top:16px;border:1px solid rgba(210,255,248,.48);border-radius:15px;background:linear-gradient(135deg,#62e5d4,#177a92);color:#f4fffd;font-weight:850;cursor:pointer}
.save-answer-button:disabled{opacity:.7;cursor:wait}.save-answer-note{display:block;margin-top:8px;color:#c6e9e6;font-size:.7rem;line-height:1.35}
@media(max-height:690px){.gate-key-stage{padding-top:90px;padding-bottom:165px}.gate-key-form{padding:14px}.gate-key-form input{min-height:42px}.gate-key-form button{min-height:44px}}