html{font-size:16px}.message-content,.story-text,.text-content,body,p{font-size:1rem!important;line-height:1.6!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h3,h4{line-height:1.4!important}h4{font-size:1.1rem!important}.achievement-code,.achievement-desc,.card-info *,.message-content,.option,.quiz-question,.story-text,.text-content{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.long-text-container{word-break:break-all!important}.button-text,.nav-item,.no-wrap,.tab-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.touch-target,a,button,input[type=button],input[type=submit]{min-height:44px!important;min-width:44px!important;padding:.75rem 1rem!important}.small-touch-target{min-height:36px!important;min-width:36px!important;padding:.5rem .75rem!important}.touch-target:active,a:active,button:active{transform:scale(.97)!important;transition:transform .1s ease!important}.safe-area{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}.responsive-gap{gap:clamp(.5rem,2vw,2rem)!important}.responsive-padding{padding:clamp(1rem,4vw,2rem)!important}.responsive-margin{margin:clamp(.5rem,2vw,1.5rem)!important}.responsive-card{width:100%!important;max-width:100%!important;padding:clamp(1rem,4vw,2rem)!important;margin-bottom:clamp(.75rem,3vw,1.5rem)!important;border-radius:clamp(8px,2vw,16px)!important}.container-width-limit{max-width:100%!important;width:min(100%,600px)!important;margin-left:auto!important;margin-right:auto!important}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px!important;min-height:44px!important;padding:.75rem 1rem!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.button-group-mobile{display:flex!important;flex-direction:column!important;gap:.75rem!important;width:100%!important}.button-group-mobile>*,.log-panel-mobile{width:100%!important}.log-panel-mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;max-height:40vh!important;border-radius:16px 16px 0 0!important;z-index:1000!important}.achievement-card-mobile{flex-direction:column!important;align-items:stretch!important;text-align:center!important;padding:1rem!important;gap:.75rem!important}.message-card-mobile{flex-direction:column!important;padding:.75rem!important;gap:.5rem!important}@media (max-width:320px){.extra-small-screen{font-size:14px!important}.extra-small-screen h1{font-size:1.4rem!important}.extra-small-screen .container{padding-left:.5rem!important;padding-right:.5rem!important}}@media (max-width:375px){.small-screen{font-size:14px!important}.small-screen .responsive-padding{padding:.75rem!important}}@media (max-width:480px){.medium-screen h1{font-size:1.6rem!important}.medium-screen .button-group-mobile{gap:.5rem!important}}@media (max-width:768px){.reduce-animation *{animation-duration:.3s!important;transition-duration:.2s!important}.particle-animation{display:none!important}.reduce-effects{backdrop-filter:none!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;filter:none!important}}.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.hide-scrollbar::-webkit-scrollbar{display:none!important}.prevent-select{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.allow-select{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.flex-wrap-container{display:flex!important;flex-wrap:wrap!important;gap:.5rem 1rem!important;align-items:center!important}.responsive-image{max-width:100%!important;height:auto!important;display:block!important}.text-wrap-normal{overflow-wrap:normal!important;word-wrap:normal!important;word-break:normal!important;white-space:normal!important}.text-wrap-break{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important}.text-wrap-break-all{word-break:break-all!important;overflow-wrap:anywhere!important}.text-nowrap{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-fluid-xs{font-size:clamp(.75rem,2vw,.875rem)!important}.text-fluid-sm{font-size:clamp(.875rem,2.5vw,1rem)!important}.text-fluid-md{font-size:clamp(1rem,3vw,1.125rem)!important}.text-fluid-lg{font-size:clamp(1.125rem,3.5vw,1.25rem)!important}.text-fluid-xl{font-size:clamp(1.25rem,4vw,1.5rem)!important}.text-fluid-2xl{font-size:clamp(1.5rem,5vw,2rem)!important}.text-fluid-3xl{font-size:clamp(1.75rem,6vw,2.5rem)!important}.text-fluid-4xl{font-size:clamp(2rem,7vw,3rem)!important}.gap-fluid-xs{gap:clamp(.25rem,1vw,.5rem)!important}.gap-fluid-sm{gap:clamp(.5rem,1.5vw,1rem)!important}.gap-fluid-md{gap:clamp(.75rem,2vw,1.5rem)!important}.gap-fluid-lg{gap:clamp(1rem,2.5vw,2rem)!important}.gap-fluid-xl{gap:clamp(1.25rem,3vw,2.5rem)!important}.p-fluid-xs{padding:clamp(.25rem,1vw,.5rem)!important}.p-fluid-sm{padding:clamp(.5rem,1.5vw,1rem)!important}.p-fluid-md{padding:clamp(.75rem,2vw,1.5rem)!important}.p-fluid-lg{padding:clamp(1rem,2.5vw,2rem)!important}.p-fluid-xl{padding:clamp(1.25rem,3vw,2.5rem)!important}.m-fluid-xs{margin:clamp(.25rem,1vw,.5rem)!important}.m-fluid-sm{margin:clamp(.5rem,1.5vw,1rem)!important}.m-fluid-md{margin:clamp(.75rem,2vw,1.5rem)!important}.m-fluid-lg{margin:clamp(1rem,2.5vw,2rem)!important}.m-fluid-xl{margin:clamp(1.25rem,3vw,2.5rem)!important}.stack-mobile{align-items:stretch!important}.center-mobile,.stack-mobile{display:flex!important;flex-direction:column!important}.center-mobile{align-items:center!important;text-align:center!important;justify-content:center!important}.full-width-mobile{width:100%!important;max-width:100%!important}.safe-width-mobile{width:min(100%,600px)!important;margin-left:auto!important;margin-right:auto!important}.touch-friendly{min-height:44px!important;min-width:44px!important;padding:.75rem 1rem!important}.touch-friendly-small{min-height:36px!important;min-width:36px!important;padding:.5rem .75rem!important}.hide-on-mobile{display:none!important}@media (min-width:769px){.hide-on-desktop{display:none!important}}@media (max-width:375px){.hide-on-xs{display:none!important}}@media (max-width:480px){.hide-on-sm{display:none!important}}@media (max-width:768px){.hide-on-md{display:none!important}}.radius-fluid-xs{border-radius:clamp(2px,.5vw,4px)!important}.radius-fluid-sm{border-radius:clamp(4px,1vw,8px)!important}.radius-fluid-md{border-radius:clamp(6px,1.5vw,12px)!important}.radius-fluid-lg{border-radius:clamp(8px,2vw,16px)!important}.radius-fluid-xl{border-radius:clamp(12px,2.5vw,20px)!important}.radius-fluid-2xl{border-radius:clamp(16px,3vw,24px)!important}.shadow-mobile{box-shadow:0 2px 8px rgba(0,0,0,.15)!important}.shadow-mobile-lg{box-shadow:0 4px 12px rgba(0,0,0,.2)!important}@media (max-width:768px){.reduce-shadow-mobile{box-shadow:0 1px 4px rgba(0,0,0,.1)!important}.reduce-animation-mobile{animation-duration:.3s!important;transition-duration:.2s!important}.no-animation-mobile{animation:none!important;transition:none!important}}.prevent-ios-zoom,.touch-input{font-size:16px!important}.touch-input{min-height:44px!important;padding:.75rem 1rem!important}.hide-scrollbar-mobile{-ms-overflow-style:none!important;scrollbar-width:none!important}.hide-scrollbar-mobile::-webkit-scrollbar{display:none!important}.smooth-scroll-mobile{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}*{margin:0;padding:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}body{font-size:16px}#app,body{background-color:#0a0c0f;min-height:100vh}#app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e1e7ef}.achievement-enter-active{animation:shineIn .5s ease}.achievement-leave-active{animation:shineOut .3s ease}@keyframes shineIn{0%{transform:scale(.9);opacity:0;filter:brightness(2) blur(5px)}to{transform:scale(1);opacity:1;filter:brightness(1) blur(0)}}@keyframes shineOut{0%{transform:scale(1);opacity:1;filter:brightness(1)}to{transform:scale(.9);opacity:0;filter:brightness(2) blur(5px)}}body{font-size:clamp(14px,2.5vw,16px)}h1{font-size:clamp(1.4rem,5vw,3rem)!important;line-height:1.3!important}h2{font-size:clamp(1.1rem,4vw,2.5rem)!important;line-height:1.35!important}.achievement-card,.bio-card,.container,.easter-eggs,.fortune-card,.project-card,.quiz-container,.skills-card{padding-left:clamp(.5rem,3vw,2rem)!important;padding-right:clamp(.5rem,3vw,2rem)!important;padding-top:clamp(1rem,4vw,2rem)!important;padding-bottom:clamp(1rem,4vw,2rem)!important}.achievement-card,.bio-card,.easter-eggs,.fortune-card,.project-card,.quiz-container,.skills-card{border-radius:clamp(8px,2vw,16px)!important}@media (max-width:600px){body{font-size:13px}.stats-achievement-card{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.75rem!important;padding:.75rem!important}.card-icon{font-size:2rem!important;min-width:auto!important}.card-info h3{font-size:1.1rem!important}.achievement-code,.achievement-desc{font-size:.75rem!important}.locked-badge,.unlocked-badge{font-size:.75rem!important;padding:.2rem .6rem!important}.fortune-header h1{font-size:1.3rem!important}.fortune-level{font-size:1.5rem!important}.fortune-text{font-size:.95rem!important;line-height:1.5!important}.fortune-card{padding:1rem .75rem!important;border-radius:20px!important}}@media (max-width:480px){body{font-size:12px}h1{font-size:1.3rem!important;line-height:1.25!important}h2{font-size:1.1rem!important;line-height:1.3!important}.back-link,.guestbook-button,.reset-button,.return-button,.screenshot-button,button{width:100%!important;justify-content:center!important;padding:.75rem!important;min-height:44px!important}.button-container,.button-group{width:100%!important}.button-container,.button-group,.message-input-row{flex-direction:column!important;gap:.5rem!important}.egg-item{gap:.5rem!important;flex-wrap:wrap!important;padding:.5rem!important}.egg-item .secret-message{margin-left:0!important;font-size:.85rem!important}.skill-item{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.skill-bar{width:100%!important;height:6px!important}input[type=password],input[type=text]{font-size:16px!important;min-height:44px!important}}