:root{--gate-ink: #16130f;--gate-timber: #2e2015;--gate-timber-light: #5a4227;--gate-parchment: #ecdfba;--gate-parchment-dark: #d6c393;--gate-brass: #c9a86a;--gate-error: #7a2620;--gate-font-display: "Cinzel", serif;--gate-font-body: "EB Garamond", serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--gate-ink);overflow:hidden;font-family:var(--gate-font-body)}canvas{display:block;touch-action:none}.gate-app{position:relative;width:100vw;height:100vh}.gate-hint{position:absolute;left:50%;bottom:8%;transform:translate(-50%);color:var(--gate-parchment);font-family:var(--gate-font-display);font-size:.82rem;letter-spacing:.06em;text-shadow:0 2px 6px rgba(0,0,0,.65);pointer-events:none;opacity:.85;animation:gate-hint-fade 3.5s ease-in-out infinite;text-align:center}@keyframes gate-hint-fade{0%,to{opacity:.55}50%{opacity:.95}}.gate-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:radial-gradient(ellipse at center,#241c14,#0d0a07);z-index:40}.gate-loading__title{font-family:var(--gate-font-display);color:var(--gate-parchment);font-size:1.1rem;letter-spacing:.05em}.gate-loading__bar{width:min(280px,60vw);height:6px;border-radius:3px;background:#ecdfba26;overflow:hidden;border:1px solid rgba(201,168,106,.4)}.gate-loading__bar-fill{height:100%;background:linear-gradient(90deg,var(--gate-brass),#e6c98a);transition:width .2s ease-out}.gate-modal-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a08058c;z-index:30;padding:1rem}.gate-modal{width:min(360px,92vw);padding:2rem 1.9rem 1.7rem;background:linear-gradient(180deg,#ecdfba0a,#0000001a),var(--gate-parchment);border:3px solid var(--gate-timber);outline:1px solid rgba(201,168,106,.5);outline-offset:-8px;box-shadow:0 18px 50px #0000008c,inset 0 0 40px #5a42272e;border-radius:2px;text-align:center;transition:transform .15s ease}.gate-modal--denied{animation:gate-modal-shake .4s ease}@keyframes gate-modal-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.gate-modal__title{margin:0 0 .35rem;font-family:var(--gate-font-display);font-weight:600;letter-spacing:.08em;color:var(--gate-ink);font-size:1.05rem}.gate-modal__subtitle{margin:0 0 1.3rem;color:#4a3a22;font-style:italic;font-size:.98rem}.gate-modal__field input{width:100%;padding:.65rem .8rem;font-family:var(--gate-font-body);font-size:1.05rem;text-align:center;background:#ffffff59;border:1px solid var(--gate-timber-light);border-radius:2px;color:var(--gate-ink)}.gate-modal__field input:focus{outline:2px solid var(--gate-brass);outline-offset:1px}.gate-modal__error{margin:.9rem 0 0;color:var(--gate-error);font-style:italic;font-size:.92rem}.gate-modal__actions{display:flex;gap:.7rem;margin-top:1.4rem}.gate-modal__actions button{flex:1;padding:.6rem .8rem;font-family:var(--gate-font-display);font-size:.82rem;letter-spacing:.04em;border-radius:2px;cursor:pointer;transition:filter .15s ease}.gate-modal__cancel{background:transparent;border:1px solid var(--gate-timber-light);color:var(--gate-timber)}.gate-modal__submit{background:linear-gradient(180deg,#7a5a30,#5a4020);border:1px solid var(--gate-timber);color:var(--gate-parchment)}.gate-modal__actions button:disabled{opacity:.55;cursor:default}.gate-modal__actions button:not(:disabled):hover{filter:brightness(1.12)}.gate-audio-toggle{position:absolute;top:env(safe-area-inset-top,1rem);right:1rem;margin-top:1rem;width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,168,106,.5);background:#16130f8c;color:var(--gate-parchment);font-size:1.1rem;cursor:pointer;z-index:20}@media (max-width: 480px){.gate-modal{padding:1.6rem 1.3rem 1.4rem}.gate-hint{font-size:.72rem;bottom:6%}}