@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}::selection{background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25);color:var(--text-primary)}}@layer base{@font-face{font-family:Elms Sans;src:url(/assets/font/ElmsSans-VariableFont_wght.woff2) format("woff2-variations"),url(/assets/font/ElmsSans-VariableFont_wght.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Elms Sans;src:url(/assets/font/ElmsSans-Italic-VariableFont_wght.woff2) format("woff2-variations"),url(/assets/font/ElmsSans-Italic-VariableFont_wght.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}:root{color-scheme:dark;--bg-h: 0;--bg-s: 0%;--bg-l: .78%;--primary-h: 200;--primary-s: 100%;--primary-l: 55%;--error-h: 354;--error-s: 95%;--error-l: 60%;--bg-color: hsl(var(--bg-h) var(--bg-s) var(--bg-l));--primary-color: hsl(var(--primary-h) var(--primary-s) var(--primary-l));--color-error: hsl(var(--error-h) var(--error-s) var(--error-l));--text-primary: hsl(210 25% 98%);--text-secondary: hsl(215 16% 72%);--text-tertiary: hsl(215 12% 52%)}html{width:100%;min-height:100vh;background-color:var(--bg-color);-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;touch-action:manipulation}body{width:100%;min-height:100vh;background-color:var(--bg-color);font-family:Elms Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-primary);overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:manipulation}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:transparent;touch-action:manipulation}}@layer components{.background-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:var(--bg-color)}.background-image{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-image:url(/assets/img/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:block;animation:bgScale 5s ease-out forwards}@media (max-width: 768px){.background-image{background-image:url(/assets/img/bg-mobile.jpg)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,hsl(var(--bg-h) var(--bg-s) var(--bg-l) / 0),hsl(var(--bg-h) var(--bg-s) var(--bg-l) / .2) 60%,hsl(var(--bg-h) var(--bg-s) var(--bg-l) / .92))}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;position:relative;z-index:1;padding:calc(60px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.text-container{display:inline-block}.char{display:inline-block;white-space:pre;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.nav-logo-container{position:fixed;top:calc(20px + env(safe-area-inset-top,0px));left:24px;z-index:100;pointer-events:none}.nav-logo-container.is-visible{pointer-events:auto}.nav-logo-link{display:inline-block;line-height:0;text-decoration:none;cursor:pointer}.nav-logo-image{height:clamp(32px,4vw,44px);width:auto;aspect-ratio:571 / 111;object-fit:contain;display:block;user-select:none;-webkit-user-select:none}@media (max-width: 768px){.nav-logo-container{top:calc(16px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;justify-content:center}}.main-title{display:flex;align-items:center;justify-content:center;margin:0}.logo-image{width:clamp(200px,50vw,500px);height:auto;aspect-ratio:804 / 541;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}.brand-fallback-text{font-family:Elms Sans,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:700;color:var(--text-primary);letter-spacing:clamp(2px,1vw,6px);text-transform:uppercase}.dive-title{perspective:800px;transform-style:preserve-3d}.error-title{font-size:clamp(4rem,15vw,8rem);color:var(--color-error);text-shadow:0 0 24px hsl(var(--error-h) var(--error-s) var(--error-l) / .4);letter-spacing:4px}.error-subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);letter-spacing:4px;color:var(--text-secondary);margin-top:15px;text-align:center}.btn-container{margin-top:40px;display:flex;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;font-size:14px;color:var(--text-primary);background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .12);border:1px solid hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .4);border-radius:50px;text-decoration:none;font-weight:600;letter-spacing:2px;transition:color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 20px hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .15);user-select:none;-webkit-user-select:none;outline:none}.action-btn:focus-visible{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--primary-color)}.action-btn:active{transform:scale(.96) translateY(-1px);background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .2);box-shadow:0 0 15px hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .3)}.footer-container{display:flex;justify-content:center;align-items:center;margin-top:auto;padding:16px 0 24px;width:100%;z-index:10;white-space:nowrap;position:relative}.copyright{font-size:11px;color:var(--text-tertiary);letter-spacing:1px}.copyright a{color:inherit;text-decoration:none;transition:color .3s ease,opacity .2s ease;padding:8px;margin:-8px;display:inline-block;outline:none}.copyright a:focus-visible{color:var(--primary-color)}.copyright a:active{opacity:.7}}@layer utilities{@media (max-height: 550px) and (orientation: landscape){.app-container{padding-top:calc(30px + env(safe-area-inset-top,0px))}.logo-image{max-height:120px;width:auto}}@media (min-width: 769px) and (max-width: 1024px){.logo-image{width:clamp(200px,35vw,350px)}}@media (prefers-reduced-motion: reduce){.background-image{animation:none}.main-title,.action-btn,.char{animation-duration:.01ms;transition-duration:.01ms}}@media (hover: hover) and (pointer: fine){.action-btn:hover{background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25);border-color:hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 5%));transform:translateY(-2px);box-shadow:0 0 30px hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .4)}.copyright a:hover{color:var(--primary-color)}}@keyframes bgScale{0%{transform:scale(1.15)}to{transform:scale(1)}}}html,body,a,button,img,input,textarea,select{-webkit-user-drag:none}