:root{--color-bg: #050508;--color-surface-trans: rgba(10, 10, 16, .85);--color-surface-card: #0d0d14;--color-border: rgba(139, 0, 0, .25);--color-border-hover: rgba(220, 20, 60, .6);--color-accent: #8b0000;--color-accent-bright: #dc143c;--color-text-primary: #f0f0f5;--color-text-secondary: #c2c2d6;--color-text-muted: #808099;--font-sans: "Noto Sans KR", sans-serif;--font-serif: "Noto Serif KR", serif;--font-horror: "East Sea Dokdo", sans-serif;--font-hand: "Nanum Pen Script", cursive}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scrollbar-gutter:stable}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;position:relative;display:flex;justify-content:center;align-items:center}#root{width:100%;min-width:0;display:flex;justify-content:center}#app{width:min(100%,480px);max-width:480px;min-width:0;margin:0 auto;min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:flex-start;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));padding-left:calc(1.25rem + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right));position:relative;z-index:10}.screen{display:none;flex-direction:column;width:100%}.screen.active{display:flex}.screen.screen-play{flex:1;min-height:0;overflow:hidden;animation:none}.screen-play__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:100%;overflow:hidden}.screen-play__choices{flex:0 0 18rem;height:18rem;min-height:18rem;max-height:18rem;margin-top:.75rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;scrollbar-width:none;-ms-overflow-style:none}.screen-play__choices::-webkit-scrollbar{display:none}.screen-play__choices--spacer{visibility:hidden;pointer-events:none;flex:0 0 18rem;height:18rem;min-height:18rem;max-height:18rem}.screen-play .horror-card{flex-shrink:0;margin-bottom:0;display:flex;flex-direction:column;overflow:hidden;contain:layout}.screen-play .scene-img-wrap{flex:0 0 auto;aspect-ratio:16 / 10;height:auto;padding-top:0}.screen-play .rpg-dialogue-box{flex:0 0 10.5rem;height:10.5rem;min-height:10.5rem;max-height:10.5rem;margin-bottom:0;padding-bottom:0;overflow:hidden;contain:strict}.screen-play .rpg-dialogue-box__scroll{height:100%;padding-bottom:1.25rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.screen-play .rpg-dialogue-box__scroll::-webkit-scrollbar{display:none}.screen-play--ending{flex:none;min-height:auto;overflow:visible}.screen-play--ending .screen-play__body{flex:none;max-height:none;overflow:visible}.screen-play--ending .horror-card{overflow:visible;contain:none}.screen-play .progress-container{flex-shrink:0}.screen-play .progress-container--spacer{visibility:hidden;pointer-events:none}.screen-play .question-text:not(.is-active){display:none}.screen-play__ending-action{min-height:3.25rem;margin-top:.75rem}.screen-play__ending-action .primary-btn{transition:opacity .2s}.screen-play__ending-action .primary-btn.is-hidden{visibility:hidden;pointer-events:none}.audio-toggle-inline-btn{background:#8b00001f;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:4px 10px;font-size:10px;border-radius:99px;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:var(--font-sans);letter-spacing:.05em;transition:all .2s}.audio-toggle-inline-btn:hover,.audio-toggle-inline-btn:active{background:var(--color-accent);color:#fff;border-color:var(--color-accent-bright)}.audio-toggle-inline-btn.muted{text-decoration:line-through;opacity:.6}.horror-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 8px 32px #0009,inset 0 0 15px #8b00000d;position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.horror-card{background:var(--color-surface-trans);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.horror-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.scene-img-wrap{width:100%;height:0;padding-top:62.5%;background:#08080c;border-radius:10px;border:1px solid rgba(255,255,255,.05);margin-bottom:1.25rem;overflow:hidden;position:relative;animation:question-img-flicker 8s infinite alternate}@keyframes question-img-flicker{0%,29%,31%,33%,35%,74%,76%,to{filter:brightness(1) contrast(1)}30%,34%,75%{filter:brightness(.97) contrast(1.02)}32%{filter:brightness(1.02) contrast(.98)}}.scene-img-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0000004d 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");background-size:100% 4px,3px 100%,auto;pointer-events:none;z-index:5;opacity:.95}.scene-img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.25,1,.5,1)}.scene-img-wrap--result{height:auto;padding-top:0;aspect-ratio:16 / 9;margin-bottom:1rem;animation:none}.scene-img-wrap--result:after{display:none}#capture-area.is-capturing .scene-img-wrap--result:after{display:none}#capture-area{position:relative}.scene-img-wrap.glitch img{animation:flash-flicker .2s infinite alternate}@keyframes flash-flicker{0%{opacity:.85;filter:contrast(1.1) brightness(.9)}to{opacity:.98;filter:contrast(1.2) brightness(1.05)}}.red-flash-active img{animation:red-flash .3s cubic-bezier(.25,1,.5,1) forwards}@keyframes red-flash{0%{filter:saturate(2) brightness(1.4) contrast(1.3)}to{filter:saturate(1) brightness(1) contrast(1)}}.img-caption{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#000000d9);padding:8px 12px;font-size:11px;color:var(--color-text-muted);letter-spacing:.05em;text-align:right;z-index:6}.intro-season{font-size:14px;letter-spacing:.3em;color:var(--color-accent-bright);text-transform:uppercase;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 8px rgba(220,20,60,.4)}.intro-title{font-family:var(--font-horror);font-size:4rem;line-height:1;color:var(--color-text-primary);margin-bottom:1rem;text-shadow:3px 3px 0px #000,0 0 15px rgba(139,0,0,.8);letter-spacing:.02em}.intro-title.glitch-active{animation:title-glitch 4s infinite}@keyframes title-glitch{0%,95%,98%,to{text-shadow:3px 3px 0px #000,0 0 15px rgba(139,0,0,.8);transform:translate(0) skew(0)}96%{text-shadow:-3px -3px 0px #dc143c,3px 3px 0px #000,0 0 15px rgba(139,0,0,.8);transform:translate(-2px,2px) skew(5deg);opacity:.8}97%{text-shadow:3px -3px 0px #00ffff,-3px 3px 0px #000,0 0 15px rgba(139,0,0,.8);transform:translate(2px,-2px) skew(-5deg);opacity:.9}}.intro-card-glitch{animation:card-flicker 5s infinite alternate}@keyframes card-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;filter:brightness(1)}20%,24%,55%{opacity:.94;filter:brightness(.85) contrast(1.1)}22%{opacity:.9;filter:brightness(1.15) contrast(1.2)}}.intro-desc{font-size:14px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1.5rem;word-break:keep-all}.progress-container{margin-bottom:1.25rem}.q-counter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.q-counter{font-size:12px;color:var(--color-accent-bright);font-weight:700;font-family:var(--font-sans)}.chapter-label{font-size:11px;color:var(--color-text-muted);letter-spacing:.1em}.progress-bar-wrap{width:100%;height:3px;background:#ffffff0d;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-bright));width:0%;transition:width .4s ease;border-radius:99px}.rpg-dialogue-box{height:10.5rem;min-height:10.5rem;max-height:10.5rem;margin-bottom:0;position:relative;padding-bottom:1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.story-text{font-family:var(--font-serif);font-size:15px;line-height:1.8;color:var(--color-text-secondary);white-space:pre-line;margin-bottom:.75rem}.question-text{font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1.6;color:var(--color-text-primary);border-top:1px dashed rgba(139,0,0,.2);padding-top:.75rem;margin-top:.75rem}.cursor{display:inline-block;width:6px;height:15px;background-color:var(--color-accent-bright);margin-left:2px;animation:blink .8s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.stats-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:10px 12px}.stats-item.my-type{background:#8b00001a;border:1px solid var(--color-accent-bright);box-shadow:0 0 12px #dc143c1f}.my-type-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-bright);color:#fff;font-size:9px;font-weight:700;font-family:var(--font-sans);padding:2px 6px;border-radius:4px;letter-spacing:.06em;line-height:1.2;flex-shrink:0}.stats-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:6px}.stats-type-info{display:flex;align-items:center;gap:6px}.stats-type-code{font-weight:700;color:var(--color-text-primary)}.stats-type-name{color:var(--color-text-muted)}.stats-pct{font-weight:700;color:var(--color-accent-bright)}.stats-bar-track{height:4px;background:#ffffff0f;border-radius:99px;overflow:hidden}.stats-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-bright));border-radius:99px}.statistics-list{display:flex;flex-direction:column;gap:.75rem}.choices-container{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%;overflow:hidden}.choices-container--hidden{visibility:hidden;pointer-events:none}.preview-loading--overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;margin:0}.choice-btn{width:100%;background:#14141e99;border:1px solid var(--color-border);border-radius:10px;padding:.95rem 1.2rem;text-align:left;color:var(--color-text-secondary);font-size:14.5px;line-height:1.5;font-family:var(--font-sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:flex;align-items:flex-start;gap:12px;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden}.choice-btn:active{background:#8b00001f;border-color:var(--color-border-hover);color:var(--color-text-primary);box-shadow:inset 4px 0 0 var(--color-accent-bright)}@media (hover: hover) and (pointer: fine){.choice-btn:hover{background:#8b00001f;border-color:var(--color-border-hover);color:var(--color-text-primary);box-shadow:inset 4px 0 0 var(--color-accent-bright)}}.choice-marker{font-family:var(--font-serif);font-weight:700;color:var(--color-accent-bright);flex-shrink:0}.choice-text{flex:1;min-width:0;word-break:keep-all;overflow-wrap:break-word}.primary-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem;background:var(--color-accent);color:#fff;border:1px solid var(--color-accent-bright);border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;transition:all .2s;box-shadow:0 4px 15px #8b000066}.primary-btn:hover,.primary-btn:active{background:var(--color-accent-bright);box-shadow:0 6px 20px #dc143c99;transform:translateY(-2px)}.primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.guide-link-btn{display:inline-block;margin-top:1rem;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.55rem 1.5rem;border-radius:4px;font-size:12.5px;font-family:var(--font-sans);text-decoration:none;transition:all .2s;background:#ffffff05;cursor:pointer}.guide-link-btn:hover,.guide-link-btn:active{border-color:var(--color-border-hover);color:var(--color-text-primary);background:#ffffff0d}.sound-select-box{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.sound-card{border:1px solid var(--color-border);background:#0a0a0f99;border-radius:10px;padding:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:15px}.sound-card:hover,.sound-card:active{border-color:var(--color-border-hover);background:#8b000014}.sound-card i{font-size:24px;color:var(--color-accent-bright)}.sound-card-text{text-align:left}.sound-card-title{font-size:15px;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.sound-card-desc{font-size:12px;color:var(--color-text-muted)}.ending-quote-box{border-left:2px solid var(--color-accent-bright);padding-left:1rem;margin:1rem 0;min-height:5rem;position:relative}.ending-quote-box .tap-hint{position:static;margin-top:.5rem}.ending-text{font-family:var(--font-serif);font-size:15px;line-height:1.9;color:var(--color-text-primary);font-style:italic;white-space:pre-line}.result-label{font-size:12px;color:var(--color-accent-bright);letter-spacing:.2em;margin-bottom:4px;font-weight:700}.section-desc{font-size:12px;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.5}.result-mbti-code{font-family:var(--font-serif);font-size:42px;font-weight:900;color:var(--color-text-primary);letter-spacing:.15em;text-shadow:0 0 10px rgba(220,20,60,.5);margin-bottom:2px}.result-title{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.result-desc{font-size:14.5px;line-height:1.75;color:var(--color-text-secondary);margin-bottom:1.5rem;word-break:keep-all}.result-stat-box{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.result-badge{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;font-size:12.5px;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:flex-start;flex:1 1 45%}.result-badge span{font-size:10px;color:var(--color-text-muted);margin-bottom:2px;text-transform:uppercase}.result-badge strong{font-size:15px;font-weight:700;color:var(--color-text-primary)}.result-badge strong.survival-pct{color:#34d399;text-shadow:0 0 5px rgba(52,211,153,.3)}.axis-graph-container{margin-top:1.5rem;margin-bottom:1.5rem}.axis-title{font-size:12px;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.axis-row{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:10px 12px;margin-bottom:.5rem}.axis-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.axis-labels span.chosen{color:var(--color-accent-bright);font-weight:700}.axis-bar-track{height:6px;background:#ffffff14;border-radius:99px;overflow:hidden;position:relative}.axis-bar-fill{height:100%;background:var(--color-accent-bright);border-radius:99px;transition:width 1s ease-out}.share-row{display:flex;gap:.75rem;margin-top:1.5rem}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;padding:.9rem;font-size:14px;cursor:pointer;flex:1;font-weight:500;transition:all .2s}.btn-secondary:hover,.btn-secondary:active{border-color:var(--color-text-muted);color:#fff;background:#ffffff08}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:#0d0d14f2;border:1px solid var(--color-accent-bright);color:var(--color-text-primary);padding:10px 20px;border-radius:8px;font-size:13.5px;z-index:10000;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 5px 15px #00000080}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tap-hint{display:none;font-size:11px;color:var(--color-text-muted);text-align:center;animation:pulse 1.5s infinite alternate;font-family:var(--font-sans);letter-spacing:.05em;position:absolute;left:0;right:0;bottom:0;margin:0}.tap-hint.show{display:block}@keyframes pulse{0%{opacity:.3}to{opacity:.75}}.preview-loading{text-align:center;padding:1.25rem 1rem;font-size:13px;color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:10px;background:#8b00000f;letter-spacing:.04em}@keyframes floatUp{0%{transform:translateY(0) scale(1) translate(0) rotate(0);opacity:1}to{transform:translateY(-80px) scale(.6) translate(var(--tx, 15px)) rotate(var(--rot, 15deg));opacity:0}}.floating-heart{position:absolute;color:var(--color-accent-bright);font-size:16px;pointer-events:none;animation:floatUp .7s ease-out forwards;z-index:99;-webkit-user-select:none;user-select:none;text-shadow:0 0 5px rgba(220,20,60,.6)}.season2-vote-box button:hover{background:#dc143c2e!important;border-color:var(--color-accent-bright)!important;transform:translateY(-2px);box-shadow:0 4px 12px #dc143c26}.season2-vote-box button:active{transform:translateY(0) scale(.95)}.footer-copyright{text-align:center;font-size:11px;color:#fff;margin-top:auto;padding-top:1.5rem;padding-bottom:.5rem;opacity:.8;font-family:var(--font-sans);letter-spacing:-.02em;line-height:1.4;word-break:keep-all}