@charset "UTF-8";:root{--bg-primary: #000000;--bg-secondary: #ffffff;--bg-tertiary: #1f2937;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #ffffff;--border-focus: #d1d5db;--border-subtle: #374151;--btn-primary-bg: #ffffff;--btn-primary-text: #000000;--btn-secondary-bg: #1f2937;--btn-secondary-text: #ffffff;--card-bg: #ffffff;--nav-bg: #ffffff;--input-bg: #1f2937;--transition: .2s ease;--radius: .5rem;--accent-color: #d1d5db;--step-tab-active-bg: #374151;--font-family: Oxanium, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, Helvetica, sans-serif;--success-color: #16a34a;--success-light-color: #22c55e;--warning-color: #d97706;--danger-color: #dc2626;--info-color: #3b82f6;--location-card-hover-bg: rgba(255, 255, 255, .02);--location-card-selected-bg: rgba(255, 255, 255, .05);--location-card-completed-bg: rgba(34, 197, 94, .05);--location-card-completed-border: #22c55e;--completion-message-bg: rgba(34, 197, 94, .1)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #000000;--bg-tertiary: #e5e7eb;--text-primary: #000000;--text-secondary: #374151;--text-muted: #6b7280;--border-color: #000000;--border-focus: #4b5563;--border-subtle: #d1d5db;--btn-primary-bg: #000000;--btn-primary-text: #ffffff;--btn-secondary-bg: #e5e7eb;--btn-secondary-text: #000000;--card-bg: #000000;--nav-bg: #000000;--input-bg: #e5e7eb;--transition: .2s ease;--radius: .5rem;--accent-color: #4b5563;--step-tab-active-bg: #d1d5db;--font-family: Oxanium, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, Helvetica, sans-serif;--success-color: #16a34a;--success-light-color: #22c55e;--warning-color: #d97706;--danger-color: #dc2626;--info-color: #3b82f6;--location-card-hover-bg: rgba(0, 0, 0, .02);--location-card-selected-bg: rgba(0, 0, 0, .05);--location-card-completed-bg: rgba(34, 197, 94, .05);--location-card-completed-border: #22c55e;--completion-message-bg: rgba(34, 197, 94, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-family:var(--font-family)}#root{min-height:100vh;display:flex;flex-direction:column}button{background:none;border:none;padding:0;font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:.5rem;font-weight:600;font-family:var(--font-family)}h1{font-size:clamp(1.75rem,1.48rem + 1.36vw,2.25rem);font-weight:700}h2{font-size:clamp(1.5rem,1.29rem + 1.05vw,1.875rem);font-weight:600}h3{font-size:clamp(1.25rem,1.14rem + .68vw,1.5rem);font-weight:600}h4{font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:500}h5{font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500}h6{font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500}p{margin-bottom:1.5rem;font-family:var(--font-family)}p:last-child{margin-bottom:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-xs{gap:.25rem}.gap-x-xs{column-gap:.25rem}.gap-y-xs{row-gap:.25rem}.gap-sm{gap:.5rem}.gap-x-sm{column-gap:.5rem}.gap-y-sm{row-gap:.5rem}.gap-md{gap:1rem}.gap-x-md{column-gap:1rem}.gap-y-md{row-gap:1rem}.gap-lg{gap:1.5rem}.gap-x-lg{column-gap:1.5rem}.gap-y-lg{row-gap:1.5rem}.gap-xl{gap:2rem}.gap-x-xl{column-gap:2rem}.gap-y-xl{row-gap:2rem}.gap-2xl{gap:3rem}.gap-x-2xl{column-gap:3rem}.gap-y-2xl{row-gap:3rem}.gap-3xl{gap:4rem}.gap-x-3xl{column-gap:4rem}.gap-y-3xl{row-gap:4rem}.p-xs{padding:.25rem}.pt-xs{padding-top:.25rem}.pr-xs{padding-right:.25rem}.pb-xs{padding-bottom:.25rem}.pl-xs{padding-left:.25rem}.px-xs{padding-left:.25rem;padding-right:.25rem}.py-xs{padding-top:.25rem;padding-bottom:.25rem}.m-xs{margin:.25rem}.mt-xs{margin-top:.25rem}.mr-xs{margin-right:.25rem}.mb-xs{margin-bottom:.25rem}.ml-xs{margin-left:.25rem}.mx-xs{margin-left:.25rem;margin-right:.25rem}.my-xs{margin-top:.25rem;margin-bottom:.25rem}.p-sm{padding:.5rem}.pt-sm{padding-top:.5rem}.pr-sm{padding-right:.5rem}.pb-sm{padding-bottom:.5rem}.pl-sm{padding-left:.5rem}.px-sm{padding-left:.5rem;padding-right:.5rem}.py-sm{padding-top:.5rem;padding-bottom:.5rem}.m-sm{margin:.5rem}.mt-sm{margin-top:.5rem}.mr-sm{margin-right:.5rem}.mb-sm{margin-bottom:.5rem}.ml-sm{margin-left:.5rem}.mx-sm{margin-left:.5rem;margin-right:.5rem}.my-sm{margin-top:.5rem;margin-bottom:.5rem}.p-md{padding:1rem}.pt-md{padding-top:1rem}.pr-md{padding-right:1rem}.pb-md{padding-bottom:1rem}.pl-md{padding-left:1rem}.px-md{padding-left:1rem;padding-right:1rem}.py-md{padding-top:1rem;padding-bottom:1rem}.m-md{margin:1rem}.mt-md{margin-top:1rem}.mr-md{margin-right:1rem}.mb-md{margin-bottom:1rem}.ml-md{margin-left:1rem}.mx-md{margin-left:1rem;margin-right:1rem}.my-md{margin-top:1rem;margin-bottom:1rem}.p-lg{padding:1.5rem}.pt-lg{padding-top:1.5rem}.pr-lg{padding-right:1.5rem}.pb-lg{padding-bottom:1.5rem}.pl-lg{padding-left:1.5rem}.px-lg{padding-left:1.5rem;padding-right:1.5rem}.py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.m-lg{margin:1.5rem}.mt-lg{margin-top:1.5rem}.mr-lg{margin-right:1.5rem}.mb-lg{margin-bottom:1.5rem}.ml-lg{margin-left:1.5rem}.mx-lg{margin-left:1.5rem;margin-right:1.5rem}.my-lg{margin-top:1.5rem;margin-bottom:1.5rem}.p-xl{padding:2rem}.pt-xl{padding-top:2rem}.pr-xl{padding-right:2rem}.pb-xl{padding-bottom:2rem}.pl-xl{padding-left:2rem}.px-xl{padding-left:2rem;padding-right:2rem}.py-xl{padding-top:2rem;padding-bottom:2rem}.m-xl{margin:2rem}.mt-xl{margin-top:2rem}.mr-xl{margin-right:2rem}.mb-xl{margin-bottom:2rem}.ml-xl{margin-left:2rem}.mx-xl{margin-left:2rem;margin-right:2rem}.my-xl{margin-top:2rem;margin-bottom:2rem}.p-2xl{padding:3rem}.pt-2xl{padding-top:3rem}.pr-2xl{padding-right:3rem}.pb-2xl{padding-bottom:3rem}.pl-2xl{padding-left:3rem}.px-2xl{padding-left:3rem;padding-right:3rem}.py-2xl{padding-top:3rem;padding-bottom:3rem}.m-2xl{margin:3rem}.mt-2xl{margin-top:3rem}.mr-2xl{margin-right:3rem}.mb-2xl{margin-bottom:3rem}.ml-2xl{margin-left:3rem}.mx-2xl{margin-left:3rem;margin-right:3rem}.my-2xl{margin-top:3rem;margin-bottom:3rem}.p-3xl{padding:4rem}.pt-3xl{padding-top:4rem}.pr-3xl{padding-right:4rem}.pb-3xl{padding-bottom:4rem}.pl-3xl{padding-left:4rem}.px-3xl{padding-left:4rem;padding-right:4rem}.py-3xl{padding-top:4rem;padding-bottom:4rem}.m-3xl{margin:4rem}.mt-3xl{margin-top:4rem}.mr-3xl{margin-right:4rem}.mb-3xl{margin-bottom:4rem}.ml-3xl{margin-left:4rem}.mx-3xl{margin-left:4rem;margin-right:4rem}.my-3xl{margin-top:4rem;margin-bottom:4rem}.text-justify{text-align:justify}.text-xs{font-size:clamp(.69rem,.66rem + .13vw,.75rem)}.text-sm{font-size:clamp(.78rem,.74rem + .2vw,.875rem)}.text-base{font-size:clamp(.875rem,.83rem + .24vw,1rem)}.text-lg{font-size:clamp(1rem,.93rem + .33vw,1.125rem)}.text-xl{font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem)}.text-2xl{font-size:clamp(1.25rem,1.14rem + .68vw,1.5rem)}.text-3xl{font-size:clamp(1.5rem,1.29rem + 1.05vw,1.875rem)}.text-4xl{font-size:clamp(1.75rem,1.48rem + 1.36vw,2.25rem)}.text-5xl{font-size:clamp(2rem,1.61rem + 1.95vw,2.75rem)}.text-6xl{font-size:clamp(2.25rem,1.73rem + 2.61vw,3.25rem)}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-none{border:none}.rounded-sm{border-radius:.25rem}.rounded-base{border-radius:.5rem}.rounded-md{border-radius:.75rem}.rounded-lg{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-base{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.mobile\:hidden{display:none}.mobile\:block{display:block}.mobile\:flex{display:flex}.mobile\:grid{display:grid}}@media (min-width: 768px){.tablet\:hidden{display:none}.tablet\:block{display:block}.tablet\:flex{display:flex}.tablet\:grid{display:grid}}@media (min-width: 1200px){.desktop\:hidden{display:none}.desktop\:block{display:block}.desktop\:flex{display:flex}.desktop\:grid{display:grid}}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.grid-2-col{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.grid-2-col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.grid-2-col{grid-template-columns:repeat(2,1fr)}}.grid-3-col{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.grid-3-col{grid-template-columns:repeat(3,1fr)}}.grid-4-col{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.grid-4-col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.grid-4-col{grid-template-columns:repeat(4,1fr)}}.grid-symbols{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}@media (min-width: 768px){.grid-symbols{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}}.grid-cards{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.grid-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.grid-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap;gap:1rem}.flex-center-gap{display:flex;align-items:center;justify-content:center;gap:1rem}.flex-between-gap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.space-y-sm>*+*{margin-top:.5rem}.space-y-md>*+*{margin-top:1rem}.space-y-lg>*+*{margin-top:1.5rem}.space-y-xl>*+*{margin-top:2rem}.container-sm{max-width:600px;margin:0 auto;padding:0 1rem}.container-md{max-width:800px;margin:0 auto;padding:0 1rem}.container-lg{max-width:1200px;margin:0 auto;padding:0 1rem}.w-full{width:100%}.h-full{height:100%}.min-h-full{min-height:100%}.section-content-grid{display:grid;gap:2rem}@media (min-width: 768px){.section-content-grid{gap:3rem}}.section-results{margin-top:2rem;padding:2rem;border:2px solid var(--success-color);border-radius:.5rem;background:var(--location-card-completed-bg);text-align:center}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-row{display:flex;gap:1rem;align-items:end}@media (max-width: 767px){.input-row{flex-direction:column;align-items:stretch}}.btn-group,.btn-group-end,.btn-group-center{display:flex;gap:.5rem}@media (max-width: 767px){.btn-group,.btn-group-end,.btn-group-center{flex-direction:column}}.btn-group-center{justify-content:center}.btn-group-end{justify-content:flex-end}.two-col-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.two-col-layout{grid-template-columns:1fr 1fr;gap:3rem}}.two-col-sidebar{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.two-col-sidebar{grid-template-columns:1fr 300px}}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:2px}@media (min-width: 768px){.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.25rem}}.location-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.location-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.location-grid{gap:1.5rem}}.progress-layout{display:flex;flex-direction:column;gap:.5rem;text-align:center}@media (min-width: 768px){.mobile-only{display:none!important}}@media (max-width: 767px){.desktop-only{display:none!important}}@media (max-width: 767px){.tablet-up{display:none!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@font-face{font-family:Oxanium;src:url(/fonts/Oxanium/Oxanium-VariableFont_wght.ttf) format("truetype-variations");font-weight:200 800;font-style:normal;font-display:swap}.step-navigation{margin-bottom:3rem}.map-page .step-navigation{margin-bottom:2rem}.step-tabs{display:flex;gap:.5rem;border-radius:var(--radius);border:2px solid var(--border-color);overflow:hidden}.step-tab{background:var(--bg-tertiary);border:none;color:var(--text-primary);padding:1rem .5rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;line-height:1.3;cursor:pointer;flex:1;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.25rem;min-width:0}@media (min-width: 768px){.step-tab{padding:1.5rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.3}}.step-tab:hover,.step-tab:focus{background:var(--step-tab-active-bg);color:var(--text-primary);transform:translateY(-1px)}.step-tab:active{transform:translateY(0)}.step-tab.step-tab--active{background:var(--step-tab-active-bg);color:var(--text-primary);transform:none;position:relative;font-weight:600}.step-tab .step-number{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:700;line-height:1.2;opacity:.9;flex-shrink:0}.step-tab .step-name{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.step-tab:not(.step-tab--active){flex:0 0 auto}.step-tab:not(.step-tab--active) .step-name{display:none}.step-tab.step-tab--active{flex:1}.step-tab.step-tab--active .step-name{display:block}@media (min-width: 768px){.step-tab:not(.step-tab--active){flex:1}.step-tab:not(.step-tab--active) .step-name{display:block}.step-tab.step-tab--active{flex:1}}.map-navigation{margin-top:2rem}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-subtle)}.navigation-buttons .nav-btn{flex-shrink:0;min-width:120px}.navigation-buttons .step-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius);font-weight:600}.navigation-buttons .step-indicator .current-step{color:var(--text-primary);font-weight:700}.navigation-buttons .step-indicator .step-separator{color:var(--text-secondary)}.navigation-buttons .step-indicator .total-steps{color:var(--text-primary)}@media (max-width: 768px){.navigation-buttons{flex-direction:column;gap:1rem}.navigation-buttons .nav-btn{width:100%;min-width:auto}.navigation-buttons .step-indicator{order:-1}}.step-navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0;gap:1rem}.step-navigation-buttons__btn{min-width:100px}.step-navigation-buttons__btn:disabled{opacity:.5;cursor:not-allowed}.step-navigation-buttons__btn:disabled:hover{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.step-navigation-buttons__counter{display:flex;align-items:center;gap:.25rem;font-size:1rem;font-weight:500;color:var(--text-primary);padding:.5rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius);min-width:80px;justify-content:center}.step-navigation-buttons__current{font-weight:600;color:var(--accent-color)}.step-navigation-buttons__separator{opacity:.7}.step-navigation-buttons__total{font-weight:500}@media (max-width: 768px){.step-navigation-buttons{flex-direction:column;gap:1rem}.step-navigation-buttons__btn{width:100%;max-width:200px}.step-navigation-buttons__counter{order:-1}}.section-header{display:flex;flex-direction:column;margin-bottom:2rem}.section-header__top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;width:100%}.section-header__title{color:var(--text-primary);font-size:1.5rem;margin:0;font-weight:600;flex:1}.section-header__title .progress-counter{color:var(--text-secondary);font-weight:400}.section-header__description{color:var(--text-secondary);margin:0;line-height:1.5;font-size:.95rem;width:100%}.section-completion{margin-top:2rem}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem;text-align:center}.error-boundary__content{max-width:500px;margin:0 auto}.error-boundary__icon{font-size:clamp(2.25rem,1.73rem + 2.61vw,3.25rem);margin-bottom:1.5rem;opacity:.8}.error-boundary__title{margin:0 0 1rem;color:var(--text-primary);font-size:clamp(1.5rem,1.29rem + 1.05vw,1.875rem);font-weight:700;line-height:1.3}.error-boundary__message{margin:0 0 2rem;color:var(--text-secondary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:400;line-height:1.6}.error-boundary__actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}@media (max-width: 767px){.error-boundary__actions{flex-direction:column}}.error-boundary__details{margin-top:2rem;text-align:left;border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;background:var(--bg-tertiary)}.error-boundary__details summary{cursor:pointer;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.error-boundary__details summary:hover{color:var(--accent-color)}.error-boundary__error-info h4{margin:1rem 0 .5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem)}.error-boundary__error-info pre{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.25rem;padding:1rem;overflow-x:auto;font-size:clamp(.78rem,.74rem + .2vw,.875rem);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.section-error{padding:2rem;text-align:center;border:1px solid var(--warning-color);border-radius:.5rem;background:rgba(var(--warning-color-rgb),.1);margin:1.5rem 0}.section-error__content h3{margin:0 0 1rem;color:var(--warning-color);font-size:clamp(1rem,.93rem + .33vw,1.125rem)}.section-error__content p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem)}.btn{background:var(--btn-secondary-bg);border:2px solid var(--border-color);color:var(--btn-secondary-text);border-radius:var(--radius);padding:.75rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-block;text-align:center}@media (min-width: 768px){.btn{padding:.75rem 1.5rem}}.btn:hover,.btn:focus{background:var(--btn-primary-bg);border-color:var(--border-color);color:var(--btn-primary-text);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{background:var(--bg-tertiary);border-color:var(--border-subtle);color:var(--text-muted);cursor:not-allowed;transform:none}.btn--primary{background:var(--btn-primary-bg);border-color:var(--border-color);color:var(--btn-primary-text)}.btn--primary:hover,.btn--primary:focus{background:var(--btn-secondary-bg);border-color:var(--border-color);color:var(--btn-secondary-text)}.btn--secondary{background:var(--btn-secondary-bg);border-color:var(--border-color);color:var(--btn-secondary-text)}.btn--secondary:hover,.btn--secondary:focus{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--danger{background:var(--danger-color);border-color:var(--danger-color);color:var(--white)}.btn--danger:hover,.btn--danger:focus{background:#c82333;border-color:#bd2130}.btn--full-width{width:100%}.btn__full{display:none}@media (min-width: 768px){.btn__full{display:inline}}.btn__short{display:inline}@media (min-width: 768px){.btn__short{display:none}}.symbol-btn{min-height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:.2s ease;padding:.5rem}.symbol-btn:hover:not(:disabled):not(.symbol-btn--faded){border-color:var(--accent-color);color:var(--accent-color);background-color:var(--card-bg)}.symbol-btn--selected{border-color:var(--accent-color);background-color:transparent;color:var(--accent-color)}.symbol-btn--disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-color);color:var(--text-secondary)}.symbol-btn--faded{opacity:.25;filter:grayscale(70%);pointer-events:none}.symbol-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f61a}.catalyst-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;padding:.5rem .25rem;gap:.25rem;font-size:clamp(.69rem,.66rem + .13vw,.75rem);min-height:40px}.catalyst-btn:disabled{opacity:.5;cursor:not-allowed}.catalyst-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--btn-primary-text);background-color:var(--card-bg)}.catalyst-btn--selected{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;font-weight:600}.catalyst-btn__full{display:none}.catalyst-btn__short{display:block}@media (min-width: 768px){.catalyst-btn{padding:1rem .5rem;gap:.5rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-height:44px}.catalyst-btn__full{display:block}.catalyst-btn__short{display:none}}.movement-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;min-width:44px;min-height:44px;padding:.25rem;gap:.25rem;font-size:clamp(.69rem,.66rem + .13vw,.75rem);min-width:40px;min-height:40px}.movement-btn:disabled{opacity:.5;cursor:not-allowed}.movement-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background-color:var(--card-bg)}.movement-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f61a}.movement-btn--disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-color);color:var(--text-secondary)}.movement-btn--selected{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;font-weight:600}.movement-btn__full{display:none}.movement-btn__short{display:block}@media (min-width: 768px){.movement-btn{padding:.5rem;gap:.5rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-width:44px;min-height:44px}.movement-btn__full{display:block}.movement-btn__short{display:none}}.preference-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;padding:.5rem .25rem;gap:.25rem;font-size:clamp(.69rem,.66rem + .13vw,.75rem);min-height:40px}.preference-btn:disabled{opacity:.5;cursor:not-allowed}.preference-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background-color:var(--card-bg)}.preference-btn--selected{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;font-weight:600}.preference-btn__full{display:none}.preference-btn__short{display:block}@media (min-width: 768px){.preference-btn{padding:1rem .5rem;gap:.5rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-height:44px}.preference-btn__full{display:block}.preference-btn__short{display:none}}.time-input-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;padding:.5rem .25rem;gap:.25rem;font-size:clamp(.69rem,.66rem + .13vw,.75rem);min-height:40px}.time-input-btn:disabled{opacity:.5;cursor:not-allowed}.time-input-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background-color:var(--card-bg)}.time-input-btn--selected{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;font-weight:600}.time-input-btn__full{display:none}.time-input-btn__short{display:block}@media (min-width: 768px){.time-input-btn{padding:1rem .5rem;gap:.5rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-height:44px}.time-input-btn__full{display:block}.time-input-btn__short{display:none}}.input-group{display:flex;flex-direction:column;gap:space(sm)}.time-input{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);padding:space(sm);font-size:font-size(base);text-align:center}.time-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.time-input::placeholder{color:var(--text-muted)}@media (max-width: 767px){.time-input{padding:space(xs) space(sm)}}.time-input--small{max-width:80px}@media (max-width: 767px){.time-input--small{max-width:none}}.time-input--error{background-color:#fef2f2;border-color:#dc2626}.time-input--error:focus{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.time-label,.symbol-label{font-size:font-size(sm);font-weight:font-weight(medium);color:var(--text-primary)}@media (max-width: 767px){.time-label,.symbol-label{display:none}}.movement-label{font-size:font-size(sm);font-weight:font-weight(medium);color:var(--text-primary)}.movement-inputs{display:flex;flex-direction:column;gap:space(lg)}@media (max-width: 767px){.movement-inputs{flex-direction:row;gap:space(md);margin-top:5px}.movement-inputs .movement-slider,.movement-inputs .movement-stepper{flex:1}.movement-inputs .movement-stepper{margin-bottom:5px}}.movement-slider{display:flex;flex-direction:column;gap:space(sm)}@media (max-width: 767px){.movement-slider{gap:space(xs)}}@media (max-width: 767px){.movement-slider .movement-label{display:none}}.movement-slider .slider-container{display:flex;justify-content:space-between;align-items:center;gap:space(sm)}@media (max-width: 767px){.movement-slider .slider-container{gap:space(xs)}}.movement-slider .slider{flex:1;height:6px;border-radius:3px;background:var(--border-subtle);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.movement-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--btn-primary-bg);border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition)}.movement-slider .slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.movement-slider .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--btn-primary-bg);border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition)}.movement-slider .slider::-moz-range-thumb:hover{transform:scale(1.1)}.movement-slider .slider-value{min-width:40px;text-align:center;font-weight:font-weight(medium);color:var(--text-primary);font-size:font-size(sm)}@media (max-width: 767px){.movement-slider .slider-value{min-width:30px;font-size:font-size(xs)}}.movement-stepper{display:flex;flex-direction:column;gap:space(sm)}@media (max-width: 767px){.movement-stepper{gap:space(xs)}}.movement-stepper .stepper-controls{display:flex;align-items:center;justify-content:center;gap:space(sm)}@media (max-width: 767px){.movement-stepper .stepper-controls{gap:space(xs)}}.movement-stepper .stepper-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-color);padding:space(xs) space(sm);font-size:font-size(sm);min-width:32px;height:32px}.movement-stepper .stepper-btn:disabled{opacity:.5;cursor:not-allowed}.movement-stepper .stepper-btn:hover:not(:disabled){background-color:var(--btn-primary-bg)}.movement-stepper .stepper-btn:focus-visible{box-shadow:0 0 0 3px #64748b80}@media (max-width: 767px){.movement-stepper .stepper-btn{min-width:28px;height:28px;font-size:font-size(xs)}}.movement-stepper .stepper-btn:hover:not(:disabled){background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.movement-stepper .stepper-value{min-width:40px;text-align:center;font-weight:font-weight(medium);color:var(--text-primary);font-size:font-size(sm)}@media (max-width: 767px){.movement-stepper .stepper-value{min-width:30px;font-size:font-size(xs)}}.input-error{color:var(--danger-color);font-size:font-size(sm);margin-top:space(xs)}.input-help{color:var(--text-muted);font-size:font-size(sm);margin-top:space(xs)}.form-group{display:flex;flex-direction:column;gap:space(sm);margin-bottom:space(lg)}.form-group:last-child{margin-bottom:0}.form-label{font-size:font-size(sm);font-weight:font-weight(medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right space(sm) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:space(2xl)}.form-checkbox,.form-radio{display:flex;align-items:center;justify-content:center;gap:space(sm);cursor:pointer}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio],.form-radio input[type=checkbox],.form-radio input[type=radio]{width:1.2em;height:1.2em;margin:0;cursor:pointer}.form-checkbox label,.form-radio label{cursor:pointer;color:var(--text-primary);font-size:font-size(sm)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:space(md);margin-top:space(xl)}@media (max-width: 767px){.form-actions{flex-direction:column;gap:space(sm)}}.form-submit{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);min-width:120px}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-submit:hover:not(:disabled){background-color:var(--btn-secondary-bg)}.form-submit:focus-visible{box-shadow:0 0 0 3px #3b82f680}@media (max-width: 767px){.form-submit{width:100%}}.form-cancel{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-color);min-width:120px}.form-cancel:disabled{opacity:.5;cursor:not-allowed}.form-cancel:hover:not(:disabled){background-color:var(--btn-primary-bg)}.form-cancel:focus-visible{box-shadow:0 0 0 3px #64748b80}@media (max-width: 767px){.form-cancel{width:100%}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:4rem;background:var(--bg-tertiary);border-radius:.5rem;margin:2rem 0}.not-found-content{max-width:500px;width:100%;color:var(--text-primary)}.not-found-content .error-code{font-size:8rem;font-weight:700;margin-bottom:1.5rem}@media (max-width: 767px){.not-found-content .error-code{font-size:6rem}}.not-found-content .message{font-size:clamp(1.25rem,1.14rem + .68vw,1.5rem);margin-bottom:1.5rem;opacity:.9;font-weight:600}@media (max-width: 767px){.not-found-content .message{font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem)}}.not-found-content .description{font-size:clamp(1rem,.93rem + .33vw,1.125rem);margin-bottom:4rem;opacity:.8}@media (max-width: 767px){.not-found-content .description{font-size:clamp(.875rem,.83rem + .24vw,1rem)}}.not-found-content .home-link{background:var(--btn-primary-bg);border:2px solid var(--border-color);color:var(--btn-primary-text);border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-block;text-align:center}.not-found-content .home-link:hover,.not-found-content .home-link:focus{background:var(--btn-secondary-bg);border-color:var(--accent-color);color:var(--btn-secondary-text);transform:translateY(-1px)}.not-found-content .home-link:active{transform:translateY(0)}.card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:all var(--transition)}.card--interactive{cursor:pointer}.card--interactive:hover,.card--interactive:focus{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:var(--border-focus)}.card--interactive:active{transform:translateY(0)}.card__header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.card__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.card__content{color:var(--text-secondary);line-height:1.6}.selection-card,.map-selection-card,.game-selection-card{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;background:none;border:none}.selection-card__image{overflow:hidden;aspect-ratio:16/9;border:2px solid var(--border-color);border-radius:var(--radius);width:100%}.selection-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.selection-card__meta{padding:1rem 0;width:100%}.selection-card__title{font-weight:600;font-size:1rem;color:var(--text-primary);text-align:left;margin:0 0 .5rem}.selection-card:not(.selection-card--disabled):hover .selection-card__image img,.map-selection-card:not(.selection-card--disabled):hover .selection-card__image img,.game-selection-card:not(.selection-card--disabled):hover .selection-card__image img{transform:scale(1.05)}.selection-card--disabled{opacity:.5;cursor:not-allowed}.selection-card--disabled__image img{transform:none!important}.map-selection-card__tools{font-size:.875rem;color:var(--text-secondary);text-align:left}.map-selection-card__tools strong{color:var(--text-primary)}.map-selection-card__status{font-size:.875rem;color:var(--text-muted);font-style:italic;text-align:left}.location-card{padding:1rem;transition:all var(--transition);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius);position:relative}.location-card--clickable{cursor:pointer}.location-card--clickable:hover:not(.location-card--completed){border-color:var(--border-focus);background:var(--location-card-hover-bg)}.location-card--completed,.location-card--completed:hover{border-color:var(--location-card-completed-border);background:var(--location-card-completed-bg)}.location-card--selected{border-color:var(--text-primary);background:var(--location-card-selected-bg)}.location-card--completed.location-card--selected{border-color:var(--location-card-completed-border);background:var(--location-card-completed-bg)}.location-card--disabled{opacity:.4;cursor:not-allowed}.location-card--disabled:hover{border-color:var(--border-subtle);background:transparent}.location-card__status{position:absolute;top:.5rem;right:.5rem;font-size:1.1rem;z-index:1}.location-card__content{display:flex;flex-direction:column;gap:.5rem;margin-right:2rem}.location-card__primary,.location-card__secondary{font-size:.9rem;line-height:1.4;color:var(--text-secondary)}.location-card__primary strong,.location-card__secondary strong{color:var(--text-primary);font-weight:600}.location-card__primary{font-size:.95rem}.location-card__secondary{font-size:.85rem;color:var(--text-primary);opacity:.9}.location-card__extra{margin-top:.5rem;font-size:.8rem;color:#fff9}.location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:none;gap:1rem;margin:1.5rem 0}@media (min-width: 1200px){.location-grid{grid-template-columns:repeat(3,1fr)}}.location-grid--quotes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}@media (min-width: 1000px){.location-grid--quotes{grid-template-columns:repeat(3,1fr)}}.location-grid--quotes .location-card{padding:.8rem}.location-grid--totems{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.2rem}@media (min-width: 1200px){.location-grid--totems{grid-template-columns:repeat(3,1fr)}}.completion-message{background:var(--completion-message-bg);border:1px solid var(--location-card-completed-border);border-radius:var(--radius);padding:1rem;text-align:center}.completion-message h4{color:var(--location-card-completed-border);margin-bottom:.5rem}.completion-message p{color:var(--text-secondary);margin:0}@media (max-width: 768px){.location-grid{grid-template-columns:1fr;gap:.8rem}.location-grid--quotes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.location-card{padding:.8rem}.location-card__primary,.location-card__secondary{font-size:.85rem}}@media (max-width: 480px){.location-grid,.location-grid--quotes{grid-template-columns:1fr}.location-card{padding:.7rem}.location-card__status{font-size:1rem}.location-card__primary,.location-card__secondary{font-size:.8rem}}.symbol-picker{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media (max-width: 768px){.symbol-picker{gap:.5rem}}.symbol-button{aspect-ratio:1;background:var(--input-bg);border:2px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:0;width:100%;height:100%}.symbol-button:hover:not(:disabled):not(.symbol-button--disabled){border-color:#fff;background:var(--location-card-hover-bg)}.symbol-button--selected{border-color:var(--success-light-color);background:var(--location-card-completed-bg)}.symbol-button--selected svg{color:#fff;stroke:#fff}.symbol-button--selected:hover{border-color:var(--success-light-color);background:var(--location-card-completed-bg)}.symbol-button--selected:hover svg{color:#fff;stroke:#fff}.symbol-button--disabled{opacity:.3;cursor:not-allowed;background:var(--input-bg)}.symbol-button--disabled:hover{border-color:var(--border-subtle);background:var(--input-bg)}.symbol-button svg{width:100%;height:100%;display:block;color:currentColor}.symbol-button svg *{stroke:currentColor}@media (max-width: 768px){.symbol-button{padding:.375rem}.symbol-button svg{max-width:36px;max-height:36px}}.symbol-picker--voyage{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;max-width:300px}@media (max-width: 768px){.symbol-picker--voyage{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}.symbol-picker--terminus{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.symbol-picker--compact{gap:.5rem}.code-inputs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.code-inputs{flex-direction:row;gap:2rem}}.code-input-group{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background-color:transparent;text-align:center}@media (min-width: 768px){.code-input-group{flex:1;align-items:center;padding:2rem}}.input-label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.input-label h3{margin:0;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4}.input-label .input-description{margin:0;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.input-label .input-tertiary{font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:500;line-height:1.3;color:var(--text-muted);font-style:italic}.input-container{width:100%;max-width:120px;margin:0 auto}.code-input{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);width:100%;text-align:center;font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:700;padding:1.5rem}.code-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.code-input::placeholder{color:var(--text-muted)}.code-input::-webkit-outer-spin-button,.code-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.code-input[type=number]{-moz-appearance:textfield}.code-input:focus{border-color:var(--success-color);box-shadow:0 0 0 1px var(--success-color)}.code-summary{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background-color:transparent}@media (min-width: 768px){.code-summary{padding:2rem;gap:2rem}}.code-summary .final-code{order:1}.code-summary .completion-status{order:2}.completion-status h3{margin:0 0 1rem;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4}.progress-bar{width:100%;height:8px;background:var(--border-subtle);border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--success-color),var(--success-light-color));border-radius:9999px;transition:width .3s ease}.progress-text{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;line-height:1.4;color:var(--text-secondary)}.final-code{text-align:center;padding:1.5rem;border:2px solid var(--success-color);border-radius:.5rem;background:var(--location-card-completed-bg)}@media (min-width: 768px){.final-code{padding:2rem}}.final-code h3{margin:0 0 1.5rem;color:var(--success-color);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.code-display{margin-bottom:1.5rem}.code-display .code-number{font-family:font-family(mono);font-size:clamp(1.75rem,1.48rem + 1.36vw,2.25rem);font-weight:700;color:var(--success-color);background:transparent;padding:1rem 1.5rem;border-radius:.5rem;border:2px solid var(--success-color)}@media (min-width: 768px){.code-display .code-number{font-size:clamp(2rem,1.61rem + 1.95vw,2.75rem);padding:1.5rem 2rem}}.code-breakdown{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.25rem}@media (min-width: 768px){.code-breakdown{flex-direction:row;justify-content:space-around;gap:1.5rem}}.code-breakdown p{margin:0;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4;color:var(--text-secondary)}.code-breakdown p strong{color:var(--text-primary)}.code-note{margin:0;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5;color:var(--text-secondary);font-style:italic}.number-pad{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius);border:1px solid var(--border-subtle);width:100%}.number-pad .number-pad-title{text-align:center}.number-pad .number-pad-title h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.number-pad .number-pad-header{display:flex;justify-content:center}.number-pad .number-pad-header .mode-toggle{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-color);padding:.5rem 1.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .2s ease}.number-pad .number-pad-header .mode-toggle:hover:not(:disabled){background-color:var(--btn-primary-bg)}.number-pad .number-pad-header .mode-toggle:focus-visible{box-shadow:0 0 0 3px #64748b80}.number-pad .number-pad-header .mode-toggle.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.number-pad .number-pad-header .mode-toggle:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.number-pad .number-pad-header .mode-toggle:disabled{opacity:.5;cursor:not-allowed}.number-pad .number-pad-display{background:transparent;border:2px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.number-pad .number-pad-display .display-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:monospace;letter-spacing:.1em}.number-pad .number-pad-display .display-value:empty:before{content:attr(data-placeholder);color:var(--text-muted);font-style:italic}.number-pad .keypad-container .keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto}.number-pad .keypad-container .keypad-grid .keypad-button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;border:none;border-radius:.5rem;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);color:var(--btn-secondary-text);border:2px solid var(--border-subtle);border-radius:var(--radius);padding:.5rem 1rem;font-size:1.125rem;font-weight:600;min-height:45px;min-width:60px;transition:all var(--transition);cursor:pointer}.number-pad .keypad-container .keypad-grid .keypad-button:disabled{opacity:.5;cursor:not-allowed}.number-pad .keypad-container .keypad-grid .keypad-button:hover:not(:disabled){background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--border-focus);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.number-pad .keypad-container .keypad-grid .keypad-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.number-pad .keypad-container .keypad-grid .keypad-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.number-pad .keypad-container .keypad-grid .keypad-button--clear{background:var(--warning-color);color:var(--text-primary);border-color:var(--warning-color)}.number-pad .keypad-container .keypad-grid .keypad-button--clear:hover:not(:disabled){background:var(--warning-color);color:var(--text-primary);border-color:var(--warning-color);opacity:.8}.number-pad .keypad-container .keypad-grid .keypad-button--backspace{background:var(--danger-color);color:var(--text-primary);border-color:var(--danger-color);font-size:1rem}.number-pad .keypad-container .keypad-grid .keypad-button--backspace:hover:not(:disabled){background:var(--danger-color);color:var(--text-primary);border-color:var(--danger-color);opacity:.8}.number-pad .text-input-container{display:flex;flex-direction:column;gap:1rem}.number-pad .text-input-container .text-input-display{background:transparent;border:2px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:monospace;letter-spacing:.1em;width:100%}.number-pad .text-input-container .text-input-display:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0000001a}.number-pad .text-input-container .text-input-display::placeholder{color:var(--text-muted);font-style:normal}.number-pad .text-input-container .text-input{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);font-size:1.125rem;font-weight:600;text-align:center;font-family:monospace;letter-spacing:.1em;padding:1.5rem}.number-pad .text-input-container .text-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.number-pad .text-input-container .text-input::placeholder{color:var(--text-muted)}.number-pad .text-input-container .text-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0000001a}.number-pad .text-input-container .clear-button{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-color);align-self:center;padding:.5rem 1.5rem;font-size:.875rem}.number-pad .text-input-container .clear-button:hover:not(:disabled){background-color:var(--btn-primary-bg)}.number-pad .text-input-container .clear-button:focus-visible{box-shadow:0 0 0 3px #64748b80}.number-pad .text-input-container .clear-button:hover:not(:disabled){background:var(--danger-color);color:var(--text-primary);border-color:var(--danger-color)}@media (prefers-color-scheme: dark){.number-pad .number-pad-display{background:var(--color-input-background-dark, #2d3748);border-color:var(--color-border-dark, #4a5568)}.number-pad .keypad-container .keypad-grid .keypad-button{background:var(--color-secondary-dark, #4a5568);color:var(--color-secondary-text-dark, #e2e8f0);border-color:var(--color-border-dark, #4a5568)}.number-pad .keypad-container .keypad-grid .keypad-button:hover:not(:disabled){background:var(--color-primary-dark, #3182ce);color:var(--color-primary-text-dark, #ffffff);border-color:var(--color-primary-dark, #3182ce)}}@media (max-width: 480px){.number-pad{padding:var(--spacing-md)}.number-pad .keypad-container .keypad-grid{gap:var(--spacing-sm);max-width:240px}.number-pad .keypad-container .keypad-grid .keypad-button{min-height:50px;min-width:50px;padding:var(--spacing-md);font-size:var(--font-size-md)}.number-pad .number-pad-display{padding:var(--spacing-md);min-height:50px}.number-pad .number-pad-display .display-value{font-size:var(--font-size-lg)}}.section-tips{margin-top:2rem;padding:1.5rem;background:transparent;border:1px solid var(--border-subtle);border-radius:.5rem}@media (min-width: 768px){.section-tips{padding:2rem}}.section-tips h3{margin:0 0 1rem;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4}.section-tips ul{margin:0;padding-left:0;list-style:none;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.6}.section-tips ul li{margin-bottom:.5rem;position:relative;padding-left:1.5rem}.section-tips ul li:before{content:"–";position:absolute;left:0;color:var(--text-secondary)}.section-tips ul li:last-child{margin-bottom:0}.section-tips ul li strong{color:var(--text-primary)}.compact .section-tips{margin-top:1.5rem;padding:1rem}@media (min-width: 768px){.compact .section-tips{padding:1.5rem}}.compact .section-tips h3{margin-bottom:.5rem}.compact .section-tips ul li{margin-bottom:.25rem;padding-left:1rem}.compact .section-tips ul li:last-child{margin-bottom:0}.section-settings{margin-top:2rem;padding:2rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:transparent}.section-settings h4{margin-bottom:1rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem)}.section-settings .settings-description{margin-bottom:1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 767px){.settings-grid{grid-template-columns:1fr;gap:1.5rem}}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;color:var(--text-primary)}.setting-group .setting-select{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);padding:.5rem 3rem .5rem .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.setting-group .setting-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.setting-group .setting-select::placeholder{color:var(--text-muted)}.setting-group .setting-note{font-size:clamp(.69rem,.66rem + .13vw,.75rem);color:var(--text-muted);line-height:1.4}.compact .section-settings{margin-top:2rem;padding:1.5rem}.compact .section-settings h4{margin-bottom:.5rem}.compact .section-settings .settings-description{margin-bottom:1.5rem}.compact .settings-grid{gap:1.5rem}@media (max-width: 767px){.compact .settings-grid{gap:1rem}}.compact .setting-group{gap:.25rem}.compact .setting-group .setting-select{padding:.25rem .5rem}.settings-info{margin-top:3rem;padding:2rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-tertiary)}.settings-info h4{margin-bottom:1rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.3}.settings-info__description{margin-bottom:1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.settings-info__features{margin-bottom:1.5rem}.settings-info .settings-feature{margin-bottom:1rem;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.settings-info .settings-feature strong{color:var(--text-primary);font-weight:500}.settings-info .settings-feature:last-child{margin-bottom:0}.settings-info__note{margin:0;padding-top:1rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1.4;font-style:italic}.settings-info__note strong{color:var(--text-primary);font-weight:500;font-style:normal}.youtube-guide-section{margin-top:3rem;padding:2rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-tertiary)}.youtube-guide-section h4{margin-bottom:1rem;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.3;display:flex;align-items:center;gap:.5rem}.youtube-guide-section h4 svg{width:1.5rem;height:1.5rem;fill:red;flex-shrink:0}.youtube-guide-section .guide-description{margin-bottom:1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.youtube-guide-section .youtube-embed-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:1.5rem;border-radius:.25rem;overflow:hidden;box-shadow:0 4px 8px #00000026}.youtube-guide-section .youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.25rem}.youtube-guide-section .guide-note{margin:0;padding-top:1rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1.4;font-style:italic;text-align:center}.compact .youtube-guide-section{margin-top:1.5rem;padding:1.5rem}.compact .youtube-guide-section h4{margin-bottom:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.2}.compact .youtube-guide-section .guide-description,.compact .youtube-guide-section .youtube-embed-container{margin-bottom:1rem}.compact .youtube-guide-section .guide-note{padding-top:.5rem}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-primary);border-top:2px solid var(--accent-primary);padding:1rem 1.5rem;box-shadow:0 -4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 768px){.cookie-consent-banner{padding:1.5rem 2rem}}.consent-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.consent-content{flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}}.consent-text{flex:1}.consent-text h4{color:var(--text-primary);font-size:text-size(lg);margin:0 0 .5rem;font-weight:weight(bold)}.consent-text p{color:var(--text-secondary);line-height:1.5;margin:0 0 .25rem;font-size:text-size(sm)}.consent-text p:last-child{margin-bottom:0}.consent-text .privacy-link{color:var(--accent-primary);text-decoration:none;border-bottom:1px dotted var(--accent-primary);transition:all var(--transition)}.consent-text .privacy-link:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.consent-actions{display:flex;gap:.5rem;flex-shrink:0}@media (min-width: 768px){.consent-actions{align-self:center}}.consent-btn{min-width:100px;font-size:text-size(sm);padding:.5rem 1rem}@media (max-width: 767px){.consent-btn{flex:1;min-width:auto}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-banner{animation:slideUp .4s ease-out}.nav{display:flex;align-items:center;gap:.5rem;position:relative;padding:.5rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}@media (min-width: 768px){.nav{gap:1.5rem;padding:1.5rem 2rem}}.nav__brand{font-size:1rem;font-weight:700;line-height:1.2;color:var(--text-primary);text-decoration:none;margin-right:auto;background:transparent;border:none!important;cursor:pointer}@media (min-width: 768px){.nav__brand{font-size:2.25rem;font-weight:700;line-height:1.2}}.nav__brand:hover,.nav__brand:focus{color:var(--accent-color)}.nav__brand.nav__link{font-size:1rem;font-weight:500;line-height:1.2}@media (min-width: 768px){.nav__brand.nav__link{font-size:1.5rem;font-weight:500;line-height:1.2}}.nav__links{display:flex;align-items:center;gap:.25rem}@media (min-width: 768px){.nav__links{gap:.5rem}}.nav__link{min-height:44px;min-width:44px;background:transparent;border:2px solid transparent;color:var(--text-primary);padding:.25rem .5rem;border-radius:var(--radius);text-decoration:none;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;line-height:1.3;transition:all var(--transition);cursor:pointer;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.nav__link{padding:.5rem 1.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.3}}.nav__link:hover,.nav__link:focus{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.nav__link--active{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.nav__link--theme{min-width:44px}@media (min-width: 768px){.nav__link--theme{min-width:48px}}.nav__separator{width:1px;height:1.5rem;background:var(--border-subtle);margin:0 .25rem}@media (min-width: 768px){.nav__separator{height:2rem;margin:0 .5rem}}.nav__spacer{flex:1}.site-footer{margin-top:4rem;border-top:1px solid var(--border-subtle);background-color:var(--bg-tertiary)}.footer-content{max-width:1200px;margin:0 auto;padding:4rem 1.5rem;display:flex;flex-direction:column;gap:3rem}@media (min-width: 1200px){.footer-content{padding:4rem 2rem}}.footer-nav h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.nav-columns{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.nav-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem}}@media (min-width: 1200px){.nav-columns{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem 4rem}}.nav-column h4{margin:0 0 1rem;font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:600;line-height:1.4}.nav-column h4 .game-link{color:var(--text-primary);text-decoration:none;transition:color var(--transition)}.nav-column h4 .game-link:hover{color:var(--success-color)}.map-list{margin:0;padding:0;list-style:none}.map-list li{margin-bottom:.25rem}.map-list li:last-child{margin-bottom:0}.map-list .map-link{color:var(--text-secondary);text-decoration:none;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5;transition:color var(--transition)}.map-list .map-link:hover{color:var(--text-primary)}.footer-legal{border-top:1px solid var(--border-subtle);padding-top:2rem;display:flex;flex-direction:column;gap:1.5rem;text-align:left}.footer-legal .copyright p{margin:0 0 .25rem;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;line-height:1.4}.footer-legal .copyright .legal-links{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.footer-legal .copyright .legal-links .legal-link{color:var(--text-secondary);text-decoration:none;font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1.4;transition:color var(--transition)}.footer-legal .copyright .legal-links .legal-link:hover{color:var(--accent-primary)}.footer-legal .copyright .legal-links .consent-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.footer-legal .copyright .legal-links .separator{color:var(--text-tertiary);font-size:text-size(xs)}.footer-legal .disclaimer p{margin:0;color:var(--text-secondary);font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1.5;max-width:800px}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.app-header{background:transparent}.app-header h1{color:var(--text-primary);margin-bottom:0;text-align:center;margin-top:1.5rem}.app-main{flex:1;padding:0 2rem 2rem;max-width:1200px;margin:0 auto;width:100%}.map-info{text-align:center;margin-top:1rem;padding:1rem 0}.map-title{color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:700}.map-header{margin-bottom:2rem}.map-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.map-nav .btn{flex-shrink:0}.map-nav .nav-right{display:flex;gap:1rem;align-items:center}.map-nav .btn{display:flex;align-items:center;gap:.5rem;border:2px solid var(--border-color);border-radius:var(--radius);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.map-nav .btn:hover,.map-nav .btn:focus{background:var(--btn-primary-bg);color:var(--btn-primary-text);transform:translateY(-1px)}.map-nav .btn .btn-icon{font-size:1.1rem}@media (max-width: 767px){.map-nav .btn .btn-icon{display:none}}.map-nav .btn.guide-btn{min-height:auto}.map-nav .btn.guide-btn .btn-icon{display:flex;align-items:center;justify-content:center}.map-nav .btn.guide-btn .btn-icon svg{width:1.8rem;height:1.8rem;fill:red;transition:fill var(--transition)}@media (max-width: 767px){.map-nav .btn.guide-btn .btn-icon{display:flex}}.map-nav .btn.guide-btn .btn-text{display:none}.map-content{margin-top:2rem;min-height:400px;background:var(--bg-tertiary);border-radius:var(--radius);padding:1rem}.map-footer{margin-top:2rem;padding-top:1rem}@media (max-width: 768px){.app-main,.app-header{padding:1rem}.app-header h1{font-size:1.75rem}}.map-selection{margin-top:3rem}.map-selection__header{text-align:center;margin-bottom:2rem}.map-selection__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.map-selection__subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.map-selection__grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:2rem 0}@media (min-width: 375px){.map-selection__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.map-selection__grid{grid-template-columns:repeat(3,1fr)}}.map-selection__back-button{margin-bottom:2rem}.game-selection{margin-top:3rem}.game-selection__header{text-align:center;margin-bottom:2rem}.game-selection__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.game-selection__subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.game-selection__grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:2rem 0}@media (min-width: 375px){.game-selection__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.game-selection__grid{grid-template-columns:repeat(3,1fr)}}.legal-page{padding:2rem 1rem;max-width:1200px;margin:0 auto}@media (min-width: 768px){.legal-page{padding:4rem 1.5rem}}.legal-content{background:var(--bg-tertiary);padding:2rem;border-radius:.75rem;border:1px solid var(--border-primary)}.legal-content h1{color:var(--accent-primary);margin-bottom:.5rem;font-size:text-size(xxl);border-bottom:2px solid var(--accent-primary);padding-bottom:.5rem}.legal-content .last-updated{color:var(--text-secondary);font-style:italic;margin-bottom:2rem;font-size:text-size(sm)}.legal-content section{margin-bottom:2rem}.legal-content section:last-of-type{margin-bottom:1.5rem}.legal-content h2{color:var(--text-primary);font-size:text-size(xl);margin:1.5rem 0 1rem;border-left:4px solid var(--accent-primary)}.legal-content h2:first-child{margin-top:0}.legal-content h3{color:var(--text-primary);font-size:text-size(lg);margin:1rem 0 .5rem}.legal-content h4{color:var(--text-secondary);font-size:text-size(md);margin:.5rem 0 .25rem;font-weight:weight(semibold)}.legal-content p{line-height:1.6;margin-bottom:1rem;color:var(--text-primary)}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:.5rem 0 1rem;padding-left:0;list-style:none}.legal-content ul li{margin-bottom:.25rem;line-height:1.5;color:var(--text-primary);position:relative;padding-left:1.5rem}.legal-content ul li:before{content:"–";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.legal-content ul li:last-child{margin-bottom:0}.legal-content a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid var(--border-color);transition:all var(--transition)}.legal-content a:hover{color:var(--accent-secondary)}.legal-content a[target=_blank]:after{content:" ↗";font-size:text-size(xs);opacity:.7}.legal-content strong{color:var(--text-primary);font-weight:weight(bold)}.legal-footer{margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--border-secondary);text-align:center}.legal-footer a:hover{color:#000}.clocks-section .clock-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.clocks-section .clock-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 1200px){.clocks-section .clock-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.clocks-section .clock-grid{gap:1rem}}.clocks-section .clock-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.clocks-section .clock-location{background-color:transparent;border:1px solid var(--border-subtle);border-radius:.5rem;padding:1.5rem;transition:.2s ease}@media (max-width: 767px){.clocks-section .clock-location{border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;padding:0}}.clocks-section .clock-location--symbol-selected{border-color:var(--border-color)}@media (max-width: 767px){.clocks-section .clock-location--symbol-selected{border-bottom-color:var(--border-color)}}.clocks-section .clock-location--active{border-color:var(--success-color);background-color:var(--location-card-completed-bg)}@media (max-width: 767px){.clocks-section .clock-location--active{border-bottom-color:var(--success-color)}}.clocks-section .clock-location-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;justify-content:flex-start}@media (max-width: 767px){.clocks-section .clock-location-header{margin-bottom:1rem;justify-content:space-between;align-items:center}}.clocks-section .clock-location-header h4{margin:0;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem)}@media (max-width: 767px){.clocks-section .clock-location-header h4{font-size:clamp(.875rem,.83rem + .24vw,1rem);flex-shrink:0}}.clocks-section .symbol-selection{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}@media (max-width: 767px){.clocks-section .symbol-selection{gap:.25rem;margin-bottom:1rem}}.clocks-section .time-inputs{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 767px){.clocks-section .time-inputs{gap:1rem}}.clocks-section .clock-helper{margin-top:4rem;padding:3rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:transparent}.clocks-section .clock-helper h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(1.25rem,1.14rem + .68vw,1.5rem)}.clocks-section .clock-helper .helper-description{margin-bottom:3rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem)}.clocks-section .helper-locations{display:flex;flex-direction:column;gap:3rem}.clocks-section .helper-location h5{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:600}.clocks-section .helper-levers{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.clocks-section .helper-levers--two{flex-direction:row;gap:1.5rem}.clocks-section .helper-levers--four{display:grid;grid-template-columns:repeat(4,auto);gap:1rem;justify-content:flex-start}@media (max-width: 767px){.clocks-section .helper-levers--four{gap:.25rem}}.clocks-section .helper-lever-pair{display:flex;flex-direction:column;align-items:center;gap:.5rem}.clocks-section .helper-lever-pair .lever-position{font-weight:500;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);text-align:center}.clocks-section .helper-lever{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:transparent;min-width:60px}.clocks-section .helper-lever--available{border-color:var(--success-color);background-color:var(--location-card-completed-bg)}.clocks-section .helper-lever--available .helper-data{color:var(--success-color)}.clocks-section .helper-lever--missing{opacity:.5;border-style:dashed}.clocks-section .helper-lever--missing .helper-data{color:var(--text-secondary)}.clocks-section .helper-lever .helper-symbol{display:flex;align-items:center;justify-content:center}.clocks-section .helper-lever .helper-symbol svg *{stroke:var(--text-primary)}.clocks-section .helper-lever .helper-data{font-weight:600;font-size:clamp(1rem,.93rem + .33vw,1.125rem);color:var(--text-primary);text-align:center}.clocks-section .section-settings{margin-top:4rem;padding:3rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:transparent}.clocks-section .section-settings h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem)}.clocks-section .section-settings .settings-description{margin-bottom:3rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem)}.clocks-section .settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 767px){.clocks-section .settings-grid{grid-template-columns:1fr;gap:1.5rem}}.clocks-section .setting-group{display:flex;flex-direction:column;gap:.5rem}.clocks-section .setting-group label{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;color:var(--text-primary)}.clocks-section .setting-group .setting-select{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);padding:.5rem 3rem .5rem .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.clocks-section .setting-group .setting-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.clocks-section .setting-group .setting-select::placeholder{color:var(--text-muted)}.clocks-section .setting-group .setting-note{font-size:clamp(.69rem,.66rem + .13vw,.75rem);color:var(--text-muted);line-height:1.4}.clocks-section .text-input-group{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 767px){.clocks-section .text-input-group{grid-template-columns:1fr;gap:.5rem}}.clocks-section .slider-input-group{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 767px){.clocks-section .slider-input-group{gap:1rem}}.clocks-section .stepper-input-group{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 767px){.clocks-section .stepper-input-group{flex-direction:row;gap:1rem}.clocks-section .stepper-input-group .movement-stepper{flex:1}}.clocks-section .button-input-group{width:100%}.clocks-section .movement-buttons{display:flex;flex-direction:column;gap:1.5rem;width:100%}.clocks-section .movement-buttons-section{display:flex;flex-direction:column;gap:.5rem}.clocks-section .movement-buttons-grid{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-start}.clocks-section .movement-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-color);padding:.25rem .5rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-width:44px;height:36px;transition:.2s ease}.clocks-section .movement-btn:disabled{opacity:.5;cursor:not-allowed}.clocks-section .movement-btn:hover:not(:disabled){background-color:var(--btn-primary-bg)}.clocks-section .movement-btn:focus-visible{box-shadow:0 0 0 3px #64748b80}.clocks-section .movement-btn--selected{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.clocks-section .movement-btn:hover:not(.movement-btn--selected){background-color:var(--bg-secondary);border-color:var(--accent-color)}@media (max-width: 767px){.clocks-section .movement-btn{min-width:38px;height:32px;font-size:clamp(.69rem,.66rem + .13vw,.75rem);padding:.25rem}}.clocks-section .movement-display,.clocks-section .slider-limit{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;color:var(--text-primary);min-width:50px;text-align:center}@media (max-width: 767px){.clocks-section .movement-display,.clocks-section .slider-limit{font-size:clamp(.69rem,.66rem + .13vw,.75rem);min-width:40px}}.clocks-section .stepper-display{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;color:var(--text-primary);min-width:50px;text-align:center}@media (max-width: 767px){.clocks-section .stepper-display{font-size:clamp(.69rem,.66rem + .13vw,.75rem);min-width:40px}}.clocks-section .stepper-container{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 767px){.clocks-section .stepper-container{gap:.25rem}}.clocks-section .movement-range{flex:1;height:6px;border-radius:3px;background:var(--border-subtle);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.clocks-section .movement-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--btn-primary-bg);border:2px solid var(--border-color);cursor:pointer;transition:.2s ease}.clocks-section .movement-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.clocks-section .movement-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--btn-primary-bg);border:2px solid var(--border-color);cursor:pointer;transition:.2s ease}.clocks-section .movement-range::-moz-range-thumb:hover{transform:scale(1.1)}.outlets-section .outlet-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.outlets-section .outlet-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.outlets-section .outlet-grid{grid-template-columns:repeat(3,1fr)}}.outlets-section .outlet-grid{margin-bottom:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.outlets-section .outlet-location{border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;background-color:transparent;transition:.2s ease}.outlets-section .outlet-location--selected{border-color:var(--success-color);background-color:var(--location-card-completed-bg)}.outlets-section .outlet-location--disabled{opacity:.5;pointer-events:none}.outlets-section .outlet-location-title{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);text-align:center}.outlets-section .catalyst-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 767px){.outlets-section .catalyst-buttons{grid-template-columns:repeat(4,1fr);gap:.25rem}}.planets-section .planet-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.planets-section .planet-grid .planet-btn:nth-last-child(2):first-child,.planets-section .planet-grid .planet-btn:nth-last-child(2):first-child~.planet-btn{grid-column:span 1}.planets-section .planet-grid:has(.planet-btn:nth-last-child(2):first-child){grid-template-columns:repeat(2,1fr)}.planets-section .planet-grid:has(.planet-btn:only-child){grid-template-columns:1fr}@media (max-width: 767px){.planets-section .planet-grid{grid-template-columns:1fr}}.planets-section .planet-item{display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:transparent;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:.2s ease;font-weight:500}.planets-section .planet-item:hover{border-color:var(--accent-color);color:var(--accent-color)}.planets-section .planet-item--selected{background-color:var(--location-card-completed-bg);color:var(--success-color);border-color:var(--success-color)}@media (max-width: 767px){.planets-section .planet-item{padding:1rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem)}}.planets-section .available-planets{margin-bottom:4rem}.planets-section .available-planets h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem)}.planets-section .planet-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);border:none;border-radius:.5rem;cursor:pointer;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;padding:1rem 1.5rem;border:1px solid var(--border-color);background-color:transparent;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;transition:.2s ease}.planets-section .planet-btn:disabled{opacity:.5;cursor:not-allowed}.planets-section .planet-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (max-width: 767px){.planets-section .planet-btn{padding:.5rem 1rem;font-size:clamp(.69rem,.66rem + .13vw,.75rem)}}.planets-section .planet-order{display:flex;flex-direction:column;gap:.5rem}.planets-section .planet-order h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem)}.planets-section .planet-order-list{display:flex;flex-direction:column;gap:.5rem}.planets-section .planet-order-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:transparent;border:1px solid var(--border-color);border-radius:.5rem;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.planets-section .planet-order-item:hover{border-color:var(--accent-color);box-shadow:0 1px 2px #0000000d}.planets-section .planet-order-item--dragging{opacity:.8;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;transition:none}.planets-section .planet-order-content{display:flex;align-items:center;justify-content:center;gap:1rem;justify-content:flex-start}.planets-section .planet-order-content .step-number{display:flex;align-items:center;justify-content:center;min-height:32px;background-color:var(--accent-color);color:#fff;border-radius:9999px;font-weight:600;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-width:32px}.planets-section .planet-number{display:flex;align-items:center;justify-content:center;min-height:32px;background-color:var(--accent-color);color:var(--btn-primary-text);border-radius:9999px;font-weight:600;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-width:32px;flex-shrink:0;margin-right:1rem}.planets-section .planet-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.planets-section .planet-name{font-weight:500;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem)}@media (max-width: 767px){.planets-section .planet-name{font-size:clamp(.78rem,.74rem + .2vw,.875rem)}}.planets-section .planet-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.planets-section .planet-actions .drag-handle{cursor:grab;color:var(--text-primary);padding:.25rem;background:none;border:none;font-family:inherit;font-size:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;transition:.2s ease}.planets-section .planet-actions .drag-handle:hover{color:var(--accent-color)}.planets-section .planet-actions .drag-handle:active{cursor:grabbing;color:var(--accent-color)}@media (max-width: 767px){.planets-section .planet-actions .drag-handle{padding:.5rem;min-width:28px;min-height:28px;-webkit-user-drag:none;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto}}.planets-section .delete-btn{display:flex;align-items:center;justify-content:center;background-color:var(--danger-color);color:#fff;border:none;border-radius:9999px;width:24px;height:24px;font-size:clamp(.78rem,.74rem + .2vw,.875rem);cursor:pointer;transition:.2s ease}.planets-section .delete-btn:hover{background-color:#b91c1c;transform:scale(1.1)}@media (max-width: 767px){.planets-section .delete-btn{width:28px;height:28px;font-size:clamp(.875rem,.83rem + .24vw,1rem)}}.planets-section .planet-final{background-color:var(--location-card-completed-bg);border-color:var(--success-color);cursor:default}.planets-section .planet-final:hover{border-color:var(--success-color);box-shadow:none}.planets-section .planet-final .planet-number{background-color:var(--success-color);color:#fff}.planets-section .clear-btn{margin-top:1.5rem;background-color:var(--danger-color);color:#fff;border:none}.planets-section .clear-btn:hover{background-color:#b91c1c}.portal-order{margin-top:2rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background-color:var(--bg-tertiary)}.portal-order h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:600}.portal-order-list{display:flex;flex-direction:column;gap:1rem}.portal-order-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:transparent;border:1px solid var(--border-subtle);border-radius:.5rem;transition:.2s ease}.portal-order-item:hover:not(.portal-order-item--assigned){border-color:var(--border-focus);background-color:var(--location-card-hover-bg)}.portal-order-item--assigned{border-color:var(--location-card-completed-border);background-color:var(--location-card-completed-bg)}.portal-step{display:flex;align-items:center;justify-content:center;min-height:32px;background-color:var(--text-primary);color:var(--bg-primary);border:2px solid var(--text-primary);border-radius:9999px;font-weight:700;font-size:clamp(.78rem,.74rem + .2vw,.875rem);min-width:32px;flex-shrink:0}.portal-location{font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:600;color:var(--text-primary);flex:1;text-align:left}@media (max-width: 767px){.portal-location{font-size:clamp(.875rem,.83rem + .24vw,1rem)}}.portal-catalyst{font-weight:600;font-size:clamp(.875rem,.83rem + .24vw,1rem);color:var(--text-primary);text-align:right;flex-shrink:0}@media (max-width: 767px){.portal-catalyst{font-size:clamp(.78rem,.74rem + .2vw,.875rem)}}.tag-der-toten__navigation{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}@media (max-width: 600px){.tag-der-toten__navigation{flex-direction:column}}.totems-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.totems-section__header h3{margin:0;color:var(--text-primary)}.totems-section__header p{flex:1 1 100%;margin:.5rem 0 0;color:var(--text-secondary)}.totems-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.totems-section__completion{margin-top:2rem}.totem-card{padding:1.5rem;cursor:pointer;transition:all var(--transition);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius)}.totem-card--completed{opacity:.7;border-color:var(--success-color)}.totem-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.totem-card__header h4{margin:0;color:var(--text-primary)}.totem-card__status{font-size:1.5rem}.totem-card__content div{margin-bottom:.5rem;color:var(--text-secondary)}.totem-card__content div:last-child{margin-bottom:0}.totem-card__location,.totem-card__challenge{font-size:.9rem;line-height:1.4}.apothican-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.apothican-section__header h3{margin:0;color:var(--text-primary)}.apothican-section__header p{flex:1 1 100%;margin:.5rem 0 0;color:var(--text-secondary)}.apothican-section__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.apothican-section__completion{margin-top:2rem}.seal-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.seal-section__header h3{margin:0;color:var(--text-primary)}.seal-section__header p{flex:1 1 100%;margin:.5rem 0 0;color:var(--text-secondary)}.seal-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.seal-card{padding:1.5rem;cursor:pointer;transition:all var(--transition);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius)}.seal-card--completed{opacity:.7;border-color:var(--success-color)}.seal-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.seal-card__header h4{margin:0;color:var(--text-primary)}.seal-card__status{font-size:1.5rem}.seal-card__content div{margin-bottom:.5rem;color:var(--text-secondary)}.seal-card__content div:last-child{margin-bottom:0}.seal-card__quote,.seal-card__location{font-size:.9rem;line-height:1.4}.orb-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.orb-section__header h3{margin:0;color:var(--text-primary)}.orb-section__header p{flex:1 1 100%;margin:.5rem 0 0;color:var(--text-secondary)}.orb-section__table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.orb-section__table th,.orb-section__table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.orb-section__table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.orb-section__table td{color:var(--text-secondary)}.orb-section__table tr:last-child td{border-bottom:none}.orb-section__table tr:hover{background:var(--bg-tertiary)}.orb-locations-list{list-style:none;padding:0;margin:.5rem 0 0}.orb-locations-list li{color:var(--text-primary);font-size:.95rem;line-height:1.4;margin-bottom:.3rem}.orb-locations-list li:last-child{margin-bottom:0}.completion-card{text-align:center;border-color:var(--success-color, #16a34a)!important;background:#16a34a1a}.completion-card h4{color:var(--success-color, #16a34a);margin:0 0 1rem}.completion-card p{margin:0;color:var(--text-secondary)}.alpha-omega .unlock-adam-section-content{display:flex;flex-direction:column;gap:2rem}.alpha-omega .unlock-adam-section-content .codes-input-section h3{margin-bottom:1.5rem;color:var(--text-primary)}.alpha-omega .unlock-adam-section-content .codes-input-section .codes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.alpha-omega .unlock-adam-section-content .codes-input-section .codes-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.alpha-omega .unlock-adam-section-content .codes-input-section .codes-grid .code-numberpad{max-width:100%}.alpha-omega .unlock-adam-section-content .codes-results-section h3{margin-bottom:1.5rem;color:var(--text-primary)}.alpha-omega .unlock-adam-section-content .codes-results-section .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.alpha-omega .unlock-adam-section-content .codes-results-section .results-grid .result-item{text-align:center;padding:1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius)}.alpha-omega .unlock-adam-section-content .codes-results-section .results-grid .result-item.complete{border-color:var(--success-color);background:var(--bg-tertiary)}.alpha-omega .unlock-adam-section-content .codes-results-section .results-grid .result-item.incomplete{opacity:.6}.alpha-omega .unlock-adam-section-content .codes-results-section .results-grid .result-item .result-number{font-size:1.5rem;font-weight:600;color:var(--text-primary);font-family:monospace;letter-spacing:.1em;margin-bottom:.5rem}.alpha-omega .unlock-adam-section-content .codes-results-section .results-grid .result-item .result-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.alpha-omega .unlock-adam-section-content .codes-results-section .results-grid .result-item .result-note{color:var(--text-muted);font-size:.75rem;font-style:italic}.alpha-omega .unlock-adam-section-content .codes-results-section .section-completion{margin-top:1.5rem}.alpha-omega .unlock-adam-section-content .codes-results-section .section-completion .completion-card{text-align:center;padding:1.5rem;background:var(--bg-tertiary);border:2px solid var(--success-color);border-radius:var(--radius)}.alpha-omega .unlock-adam-section-content .codes-results-section .section-completion .completion-card h4{margin:0 0 .5rem;color:var(--text-primary);font-weight:600}.alpha-omega .unlock-adam-section-content .codes-results-section .section-completion .completion-card p{margin:0;color:var(--text-secondary)}.alpha-omega .core-value-3-section-content{display:flex;flex-direction:column;gap:2rem}.alpha-omega .core-value-3-section-content .codes-input-section h3{margin-bottom:1.5rem;color:var(--text-primary)}.alpha-omega .core-value-3-section-content .codes-input-section .codes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.alpha-omega .core-value-3-section-content .codes-input-section .codes-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.alpha-omega .core-value-3-section-content .codes-input-section .codes-grid .painting-code-numberpad{max-width:100%}.alpha-omega .core-value-3-section-content .codes-results-section h3{margin-bottom:1.5rem;color:var(--text-primary)}.alpha-omega .core-value-3-section-content .codes-results-section p{margin-bottom:1.5rem;color:var(--text-secondary)}.alpha-omega .core-value-3-section-content .codes-results-section .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.alpha-omega .core-value-3-section-content .codes-results-section .results-grid .result-item{text-align:center;padding:1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius)}.alpha-omega .core-value-3-section-content .codes-results-section .results-grid .result-item.complete{border-color:var(--success-color);background:var(--bg-tertiary)}.alpha-omega .core-value-3-section-content .codes-results-section .results-grid .result-item.incomplete{opacity:.6}.alpha-omega .core-value-3-section-content .codes-results-section .results-grid .result-item .result-number{font-size:1.5rem;font-weight:600;color:var(--text-primary);font-family:monospace;letter-spacing:.1em;margin-bottom:.5rem}.alpha-omega .core-value-3-section-content .codes-results-section .results-grid .result-item .result-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.clocks-section-content{display:flex;flex-direction:column;gap:2rem}.clocks-section-content .set-selection-row h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.clocks-section-content .set-selection-row p{margin:0 0 1.5rem;color:var(--text-secondary)}.clocks-section-content .set-selection-row .set-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 768px){.clocks-section-content .set-selection-row .set-buttons{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.clocks-section-content .set-selection-row .set-buttons{grid-template-columns:repeat(6,1fr)}}.clocks-section-content .set-selection-row .set-buttons .set-button{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.clocks-section-content .set-selection-row .set-buttons .set-button:hover{border-color:var(--primary-color);color:var(--text-primary)}.clocks-section-content .set-selection-row .set-buttons .set-button.selected{border-color:var(--success-color);background:var(--bg-tertiary);color:var(--text-primary)}.clocks-section-content .set-selection-row .set-buttons .set-button .set-label{font-weight:600;font-size:.875rem}.clocks-section-content .set-selection-row .set-buttons .set-button .first-code{font-family:monospace;font-size:.875rem;opacity:.9}.clocks-section-content .set-selection-row .set-buttons .set-button.selected .first-code{opacity:1}.clocks-section-content .data-display-row{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.clocks-section-content .data-display-row{grid-template-columns:1fr 1fr}}.clocks-section-content .data-display-row .selected-set-display,.clocks-section-content .data-display-row .final-time-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem}.clocks-section-content .data-display-row .selected-set-display h3,.clocks-section-content .data-display-row .final-time-section h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.clocks-section-content .data-display-row .selected-set-display h4,.clocks-section-content .data-display-row .final-time-section h4{margin:0 0 1rem;color:var(--text-secondary);font-size:1rem;font-weight:500}.clocks-section-content .data-display-row .selected-set-display .codes-list{display:flex;flex-direction:column;gap:1rem}.clocks-section-content .data-display-row .selected-set-display .codes-list .code-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.clocks-section-content .data-display-row .selected-set-display .codes-list .code-item.blank-house{border-color:var(--warning-color);background:rgba(var(--warning-color-rgb),.1)}.clocks-section-content .data-display-row .selected-set-display .codes-list .code-item.blank-house.complete{border-color:var(--success-color);background:rgba(var(--success-color-rgb),.1)}.clocks-section-content .data-display-row .selected-set-display .codes-list .code-item .house-letter{color:var(--text-primary);font-weight:600}.clocks-section-content .data-display-row .selected-set-display .codes-list .code-item .time-value{color:var(--text-primary);font-family:monospace;font-size:1.1rem}.clocks-section-content .data-display-row .final-time-section .final-house-info{margin-bottom:1.5rem;text-align:center}.clocks-section-content .data-display-row .final-time-section .final-house-info h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.clocks-section-content .data-display-row .final-time-section .final-house-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.clocks-section-content .data-display-row .final-time-section .final-time-numberpad{max-width:100%}.codes-section-content{display:flex;flex-direction:column;gap:3rem}.codes-input-section{border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.codes-input-section h3{font-size:clamp(1.25rem,1.14rem + .68vw,1.5rem);font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.codes-input-section p{color:var(--text-secondary);margin:0 0 3rem;line-height:1.6}.codes-input-layout{display:flex;gap:3rem;margin-top:1rem}@media (max-width: 767px){.codes-input-layout{flex-direction:column;gap:1rem}}.codes-input-layout .location-selector{flex:1;min-width:200px}.codes-input-layout .location-selector .location-button{display:flex;align-items:center;width:100%;margin-bottom:.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:.5rem;transition:.2s ease;font-family:var(--font-family);font-size:clamp(.78rem,.74rem + .2vw,.875rem);-webkit-user-select:none;user-select:none}.codes-input-layout .location-selector .location-button:hover{background:var(--location-card-hover-bg)}.codes-input-layout .location-selector .location-button--empty{border-color:var(--border-color)}.codes-input-layout .location-selector .location-button--selected{border-color:var(--warning-color);background:var(--location-card-selected-bg)}.codes-input-layout .location-selector .location-button--completed{border-color:var(--success-light-color);background:var(--location-card-completed-bg)}.codes-input-layout .location-selector .location-button .location-content{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:1rem 1.5rem;cursor:pointer;justify-content:flex-start}.codes-input-layout .location-selector .location-button .location-content .location-order{font-weight:700;min-width:1rem}.codes-input-layout .location-selector .location-button .location-content .location-separator{color:var(--text-secondary)}.codes-input-layout .location-selector .location-button .location-content .location-name{font-weight:500}.codes-input-layout .location-selector .location-button .drag-handle{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:var(--text-secondary);cursor:grab;font-size:clamp(1rem,.93rem + .33vw,1.125rem);line-height:1;transition:.2s ease;min-width:3rem}.codes-input-layout .location-selector .location-button .drag-handle:hover{color:var(--text-primary)}.codes-input-layout .location-selector .location-button .drag-handle:active{cursor:grabbing}.codes-input-layout .numberpad-column{flex:1;display:flex;align-items:center;justify-content:center;align-items:flex-start}.codes-input-layout .numberpad-column .main-numberpad{width:100%;max-width:300px}.codes-results-section .completion-card h4{font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);margin:0 0 1.5rem;color:var(--text-primary)}.codes-results-section .completion-card p{margin:0 0 3rem;color:var(--text-secondary);line-height:1.6}.codes-results-section .completion-card .sequence-note{margin-top:3rem;font-style:italic;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:1.5rem}.codes-sequence{display:flex;flex-direction:row;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap}.sequence-item{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;transition:.2s ease;flex:1;min-width:200px;justify-content:flex-start}.sequence-item:hover{border-color:var(--border-focus);transform:translateY(-1px)}.sequence-number{display:flex;align-items:center;justify-content:center;min-height:2.5rem;min-width:2.5rem;background:var(--primary-color);color:#fff;border-radius:9999px;font-weight:600;font-size:clamp(1rem,.93rem + .33vw,1.125rem);flex-shrink:0}.sequence-details{display:flex;flex-direction:column;flex:1;gap:.25rem}.sequence-map{font-weight:600;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);text-transform:uppercase;letter-spacing:.5px}.sequence-code{font-family:var(--font-mono);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);color:var(--accent-color);font-weight:700;letter-spacing:1px}@media (max-width: 767px){.codes-sequence{flex-direction:column}.sequence-item{padding:1rem;gap:1rem;flex:none;min-width:auto}.sequence-number{min-height:3rem;min-width:3rem;font-size:clamp(.875rem,.83rem + .24vw,1rem)}.sequence-code{font-size:clamp(1rem,.93rem + .33vw,1.125rem)}}.beam-code-section .symbol-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}@media (max-width: 768px){.beam-code-section .symbol-selection{grid-template-columns:1fr}}@media (max-width: 1024px) and (min-width: 769px){.beam-code-section .symbol-selection{grid-template-columns:repeat(2,1fr)}}.beam-code-section .symbol-input-group{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem}.beam-code-section .symbol-input-group .input-label{margin-bottom:1.5rem;text-align:center}.beam-code-section .symbol-input-group .input-label h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:700}.beam-code-section .equation-results{margin-top:2rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem}.beam-code-section .equation-results h3{margin:0 0 1.5rem;color:var(--text-primary);text-align:center}.beam-code-section .equation-results .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.beam-code-section .equation-results .results-grid .result-item{background:var(--input-bg);border:1px solid var(--success-light-color);border-radius:var(--radius);padding:1rem;text-align:center}.beam-code-section .equation-results .results-grid .result-item .result-number{display:block;font-size:1.8rem;font-weight:700;color:var(--success-light-color);margin-bottom:.5rem}.beam-code-section .equation-results .results-grid .result-item .result-label{color:var(--text-secondary);font-size:.9rem}.documents-section .documents-grid{margin-bottom:2rem;display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.documents-section .documents-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.documents-section .documents-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.documents-section .documents-grid{gap:1.5rem}}.documents-section .document-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"number info status";align-items:center;gap:.5rem;background-color:transparent;border:1px solid var(--border-subtle);border-radius:.5rem;padding:1rem .5rem;cursor:pointer;transition:.2s ease}@media (min-width: 768px){.documents-section .document-card{padding:1.5rem;gap:1rem}}.documents-section .document-card:hover:not(.documents-section .document-card--disabled){border-color:var(--border-color)}.documents-section .document-card--selected{border-color:var(--success-color);background-color:var(--location-card-completed-bg)}@media (min-width: 768px){.documents-section .document-card--selected{border-color:var(--success-color)}}.documents-section .document-card--disabled{opacity:.5;cursor:not-allowed}.documents-section .document-number{grid-area:number;color:var(--text-primary);font-size:clamp(1.25rem,1.14rem + .68vw,1.5rem);font-weight:700;line-height:1.2;flex-shrink:0;padding-right:.5rem}.documents-section .document-status{grid-area:status;display:flex;align-items:center;justify-content:center;min-height:24px;font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:700;color:var(--text-primary);min-width:24px}.document-card--selected .documents-section .document-status{color:var(--success-color)}.documents-section .document-info{grid-area:info;display:flex;flex-direction:column;gap:.25rem}.documents-section .document-name{margin:0;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.4}.documents-section .document-date{margin:0;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.3}.documents-section .code-preview{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:transparent}@media (min-width: 768px){.documents-section .code-preview{padding:3rem}}.documents-section .code-preview h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.documents-section .code-display{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.documents-section .code-value{font-family:font-family(mono);font-size:clamp(1.5rem,1.29rem + 1.05vw,1.875rem);font-weight:700;color:var(--success-color);background:transparent;padding:1rem 1.5rem;border-radius:.5rem;border:2px solid var(--success-color);font-size:clamp(1.25rem,1.14rem + .68vw,1.5rem);padding:.5rem 1rem}@media (min-width: 768px){.documents-section .code-value{font-size:clamp(1.5rem,1.29rem + 1.05vw,1.875rem);padding:1rem 1.5rem}}.documents-section .code-note{color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-style:italic}.documents-section .code-instruction{margin-top:1rem;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);text-align:center}.door-code-section .screens-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.door-code-section .screens-grid{grid-template-columns:repeat(2,1fr)}}.door-code-section .screen-input{display:flex;flex-direction:column;gap:.5rem}.door-code-section .screen-label{display:flex;flex-direction:column;gap:.25rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;color:var(--text-primary)}.door-code-section .screen-note{font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;color:var(--text-secondary);font-style:italic}.door-code-section .screen-word-input{border:1px solid var(--border-color);border-radius:.5rem;transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);padding:1rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);text-align:center;text-transform:uppercase}.door-code-section .screen-word-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.door-code-section .screen-word-input::placeholder{color:var(--text-muted)}.door-code-section .screen-word-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.door-code-section .word-dictionaries{margin-bottom:2rem;background-color:transparent}@media (min-width: 768px){.door-code-section .word-dictionaries{padding:3rem;border:1px solid var(--border-color);border-radius:.5rem}}.door-code-section .word-dictionaries h4{margin:0 0 .5rem;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem)}.door-code-section .word-dictionaries .dictionaries-description{margin:0 0 2rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem)}.door-code-section .dictionaries-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width: 768px){.door-code-section .dictionaries-grid{grid-template-columns:repeat(2,1fr)}}.door-code-section .dictionary-column{display:flex;flex-direction:column;gap:1rem}.door-code-section .dictionary-column h5{margin:0;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:600;text-align:center;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.door-code-section .word-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:2px}@media (min-width: 768px){.door-code-section .word-buttons{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.25rem}}.door-code-section .word-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);border:none;border-radius:.5rem;cursor:pointer;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-color);padding:.25rem;font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:500;text-transform:uppercase;transition:.2s ease;min-height:28px}.door-code-section .word-btn:disabled{opacity:.5;cursor:not-allowed}.door-code-section .word-btn:hover:not(:disabled){background-color:var(--btn-primary-bg)}.door-code-section .word-btn:focus-visible{box-shadow:0 0 0 3px #64748b80}@media (min-width: 768px){.door-code-section .word-btn{padding:.25rem .5rem;min-height:32px}}.door-code-section .word-btn:hover:not(.door-code-section .word-btn--selected){background-color:var(--bg-tertiary);border-color:var(--accent-color)}.door-code-section .word-btn--selected{background-color:var(--accent-color);color:var(--btn-primary-text);border-color:var(--accent-color)}.door-code-section .door-code-result{margin-bottom:2rem;padding:2rem;border:2px solid var(--success-color);border-radius:.5rem;background:var(--location-card-completed-bg);text-align:center}.door-code-section .door-code-result h4{margin:0 0 1rem;color:var(--success-color);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem)}.door-code-section .door-code-result--multiple,.door-code-section .door-code-result--multiple h4,.door-code-section .door-code-result--multiple .code-instruction{text-align:left}.door-code-section .door-code-single-layout{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:1.5rem}@media (min-width: 768px){.door-code-section .door-code-single-layout{grid-template-columns:1fr 1fr;gap:3rem}}.door-code-section .door-code-single-layout .door-code-section,.door-code-section .door-code-single-layout .element-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.door-code-section .element-not-found{padding:1.5rem;border:1px solid var(--danger-color);border-radius:.5rem;background:#dc26261a}.door-code-section .element-not-found p{margin:0;color:var(--danger-color);font-size:clamp(.78rem,.74rem + .2vw,.875rem);text-align:center}.door-code-section .door-code-formatted{color:var(--success-color);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-family:font-family(mono);background:var(--location-card-completed-bg);padding:.25rem .5rem;border-radius:.5rem;border:2px solid var(--success-color)}.door-code-section .door-code-formatted.door-code-large{font-size:clamp(1.75rem,1.48rem + 1.36vw,2.25rem);padding:.5rem 1.5rem}@media (min-width: 768px){.door-code-section .door-code-formatted.door-code-large{font-size:clamp(2rem,1.61rem + 1.95vw,2.75rem);padding:1rem 2rem}}.door-code-section .possible-category{margin-top:1.5rem}.door-code-section .possible-category h5{margin:0 0 1rem;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:600}.door-code-section .possible-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.25rem}@media (min-width: 768px){.door-code-section .possible-codes{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}}.door-code-section .possible-code-item{display:flex;flex-direction:column;align-items:center;padding:.25rem;border:1px solid var(--border-color);border-radius:.25rem;background:transparent;text-align:center}@media (min-width: 768px){.door-code-section .possible-code-item{padding:.5rem}}.door-code-section .element-display{font-weight:700;color:var(--text-primary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);margin-bottom:.25rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:transparent}@media (min-width: 768px){.door-code-section .element-display{font-size:clamp(.875rem,.83rem + .24vw,1rem);padding:.5rem}}.door-code-section .code-display-small{font-family:font-family(mono);color:var(--success-color);font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:700;padding:2px .25rem;border:1px solid var(--success-color);border-radius:.25rem;background:var(--location-card-completed-bg)}@media (min-width: 768px){.door-code-section .code-display-small{font-size:clamp(.78rem,.74rem + .2vw,.875rem);padding:.25rem .5rem}}.door-code-section .element-symbol-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.door-code-section .large-symbol{font-family:font-family(mono);font-size:clamp(1.75rem,1.48rem + 1.36vw,2.25rem);font-weight:700;color:var(--success-color);background:var(--location-card-completed-bg);padding:1rem;border-radius:.5rem;border:2px solid var(--success-color);position:relative;display:inline-block}@media (min-width: 768px){.door-code-section .large-symbol{font-size:clamp(2rem,1.61rem + 1.95vw,2.75rem);padding:1rem 3rem}}.door-code-section .atomic-number-overlay{position:absolute;top:.25rem;right:.25rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:700;color:var(--success-color);padding:2px .25rem;line-height:1}@media (min-width: 768px){.door-code-section .atomic-number-overlay{top:.5rem;right:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);padding:.25rem .5rem}}.door-code-section .atomic-number{color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500}.door-code-section .multiple-possibilities{padding:1.5rem;border:1px solid var(--warning-color);border-radius:.5rem;background:rgba(var(--warning-color-rgb),.1);text-align:center}.door-code-section .multiple-possibilities p{margin:0;color:var(--warning-color);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500}.door-code-section .periodic-table-reference{padding:1.5rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:transparent}@media (min-width: 768px){.door-code-section .periodic-table-reference{padding:3rem}}.door-code-section .periodic-table-reference h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.3}.door-code-section .periodic-table-reference p{margin-bottom:1rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.door-code-section .rotation-message{display:none}@media (max-width: 767px) and (orientation: portrait){.door-code-section .rotation-message{display:flex;justify-content:center;align-items:center;min-height:300px;text-align:center}}.door-code-section .rotation-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.door-code-section .rotation-icon{font-size:clamp(2.25rem,1.73rem + 2.61vw,3.25rem);font-weight:400;line-height:1;opacity:.8;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.door-code-section .rotation-message p{margin:0;color:var(--text-secondary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4}.door-code-section .periodic-table-grid{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(9,auto);gap:2px;font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1}@media (max-width: 767px) and (orientation: portrait){.door-code-section .periodic-table-grid{display:none}}@media (max-width: 767px) and (orientation: landscape){.door-code-section .periodic-table-grid{gap:1px}}.door-code-section .periodic-element{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:32px;padding:2px;background:transparent;border:1px solid var(--border-subtle);border-radius:.25rem;text-align:center;transition:.2s ease;position:relative}@media (min-width: 768px){.door-code-section .periodic-element{min-height:40px;padding:.25rem}}.door-code-section .periodic-element:hover{background:transparent;border-color:var(--border-color)}.door-code-section .periodic-element--highlighted{border-color:var(--location-card-completed-border);background:var(--location-card-completed-bg)}.door-code-section .periodic-element--highlighted .element-number,.door-code-section .periodic-element--highlighted .element-symbol{color:var(--text-primary)}.door-code-section .periodic-element--possible{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.door-code-section .periodic-element--possible .element-number,.door-code-section .periodic-element--possible .element-symbol{color:var(--accent-color)}.door-code-section .periodic-element .element-number{font-size:8px;color:var(--text-secondary);line-height:1;margin-bottom:1px}@media (min-width: 768px){.door-code-section .periodic-element .element-number{font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1;margin-bottom:2px}}.door-code-section .periodic-element .element-symbol{font-weight:700;color:var(--text-primary);line-height:1;font-size:10px}@media (min-width: 768px){.door-code-section .periodic-element .element-symbol{font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:700;line-height:1}}.door-code-section .door-code-error{margin:2rem 0;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--danger-color);border-radius:.5rem}.door-code-section .door-code-error h4{margin:0 0 .5rem;color:var(--danger-color);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.3}.door-code-section .door-code-error .error-message{margin:0 0 1rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:400;line-height:1.4}.door-code-section .door-code-error .error-message strong{color:var(--danger-color);font-weight:500}.door-code-section .door-code-error .error-suggestion{margin:0;padding:.5rem 0 0;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.door-code-section .door-code-error .error-suggestion strong{color:var(--text-primary);font-weight:500}.base-section.compact .door-code-section .screens-grid{margin-bottom:1.5rem;gap:1rem}.base-section.compact .door-code-section .screen-input{gap:.25rem}.base-section.compact .door-code-section .screen-word-input{padding:.5rem}.base-section.compact .door-code-section .word-dictionaries{margin-bottom:1.5rem}.base-section.compact .door-code-section .word-dictionaries h4{margin-bottom:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.2}.base-section.compact .door-code-section .word-dictionaries .dictionaries-description{margin-bottom:.5rem}.base-section.compact .door-code-section .dictionaries-grid{gap:1rem}.base-section.compact .door-code-section .dictionary-column h5{margin-bottom:.25rem;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;line-height:1.2}.base-section.compact .door-code-section .dictionary-column .screen-note{margin-bottom:.5rem}.base-section.compact .door-code-section .word-buttons{gap:.25rem}.base-section.compact .door-code-section .word-btn{padding:.25rem .5rem;font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1}.base-section.compact .door-code-section .door-code-result{margin-top:1.5rem;padding:1rem}.base-section.compact .door-code-section .door-code-result .door-code-single-layout{gap:1rem}.base-section.compact .door-code-section .door-code-result .code-instruction{margin-top:.5rem}.base-section.compact .door-code-section .door-code-error{margin:1.5rem 0;padding:1rem}.base-section.compact .door-code-section .door-code-error h4{margin-bottom:.25rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.2}.base-section.compact .door-code-section .door-code-error .error-message{margin-bottom:.5rem}.base-section.compact .door-code-section .door-code-error .error-suggestion{padding-top:.25rem}.base-section.compact .door-code-section .periodic-table-reference{margin-top:1.5rem}.base-section.compact .door-code-section .periodic-table-reference h4,.base-section.compact .door-code-section .periodic-table-reference .table-description{margin-bottom:.5rem}.chalkboard-code-section .chalkboard-selection{margin-bottom:2rem}.chalkboard-code-section .chalkboard-selection h3{margin:0 0 .5rem;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.chalkboard-code-section .chalkboard-selection .selection-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5}.chalkboard-code-section .chalkboard-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.chalkboard-code-section .chalkboard-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1200px){.chalkboard-code-section .chalkboard-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.chalkboard-code-section .chalkboard-option{display:flex;flex-direction:column;background-color:transparent;border:2px solid var(--border-subtle);border-radius:.5rem;padding:1rem;cursor:pointer;transition:.2s ease;padding:.5rem}@media (min-width: 768px){.chalkboard-code-section .chalkboard-option{padding:1.5rem}}.chalkboard-code-section .chalkboard-option:hover{border-color:var(--border-color);background-color:var(--location-card-hover-bg)}.chalkboard-code-section .chalkboard-option--selected{border-color:var(--success-color);background-color:var(--location-card-selected-bg)}.chalkboard-code-section .chalkboard-option--selected .chalkboard-info h4{color:var(--success-color)}.chalkboard-code-section .chalkboard-image{width:100%;margin-bottom:1rem;border-radius:.25rem;overflow:hidden;background:var(--bg-tertiary)}.chalkboard-code-section .chalkboard-image img{width:100%;height:auto;display:block;border-radius:.25rem;transition:.2s ease;max-height:200px;object-fit:contain}@media (min-width: 768px){.chalkboard-code-section .chalkboard-image img{max-height:250px}}.chalkboard-option:hover .chalkboard-code-section .chalkboard-image img{transform:scale(1.02)}.chalkboard-code-section .chalkboard-info{text-align:center}.chalkboard-code-section .chalkboard-info h4{margin:0 0 .25rem;color:var(--text-primary);font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:500;line-height:1.4;transition:color .2s ease}.chalkboard-code-section .chalkboard-info .identifier{margin:0;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.3}.chalkboard-code-section .chalkboard-info .identifier strong{color:var(--text-primary);font-weight:600}.chalkboard-code-section .codeword-selection{margin-bottom:2rem}.chalkboard-code-section .codeword-selection h3{margin:0 0 .5rem;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.chalkboard-code-section .codeword-selection .selection-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5}.chalkboard-code-section .codeword-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 768px){.chalkboard-code-section .codeword-buttons{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.chalkboard-code-section .codeword-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:.2s ease;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-color);padding:1rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.chalkboard-code-section .codeword-btn:disabled{opacity:.5;cursor:not-allowed}.chalkboard-code-section .codeword-btn:hover:not(:disabled){background-color:var(--btn-primary-bg)}.chalkboard-code-section .codeword-btn:focus-visible{box-shadow:0 0 0 3px #64748b80}@media (min-width: 768px){.chalkboard-code-section .codeword-btn{padding:1.5rem 2rem;font-size:clamp(1rem,.93rem + .33vw,1.125rem)}}.chalkboard-code-section .codeword-btn--selected{background-color:var(--success-color);color:var(--btn-primary-text);border-color:var(--success-color)}.chalkboard-code-section .codeword-btn:hover:not(.chalkboard-code-section .codeword-btn--selected){background-color:var(--bg-tertiary);border-color:var(--accent-color)}.raven-sword-section .antiquity-selection{margin-bottom:2rem}.raven-sword-section .antiquity-selection h3{margin:0 0 .5rem;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.raven-sword-section .antiquity-selection .selection-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5}.raven-sword-section .antiquity-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.raven-sword-section .antiquity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 992px){.raven-sword-section .antiquity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}}.raven-sword-section .antiquity-option{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:transparent;cursor:pointer;transition:all .2s ease;text-align:center}.raven-sword-section .antiquity-option:hover{border-color:var(--border-color);background:var(--location-card-hover-bg);transform:translateY(-2px)}.raven-sword-section .antiquity-option--selected{border-color:var(--success-color);background:var(--location-card-completed-bg)}.raven-sword-section .antiquity-option--selected .antiquity-info h4{color:var(--success-color)}@media (min-width: 768px){.raven-sword-section .antiquity-option{padding:2rem}}.raven-sword-section .antiquity-info h4{margin:0 0 .25rem;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4;transition:color .2s ease}.raven-sword-section .antiquity-info p{margin:0;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.raven-sword-section .dial-combination{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--success-color);border-radius:.5rem;background:var(--location-card-completed-bg)}.raven-sword-section .dial-combination h3{margin:0 0 .5rem;color:var(--success-color);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.raven-sword-section .dial-combination .combination-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5}@media (min-width: 768px){.raven-sword-section .dial-combination{padding:2rem}}.raven-sword-section .dial-rings{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.raven-sword-section .dial-rings{flex-direction:row;gap:2rem}}.raven-sword-section .dial-ring{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:transparent;text-align:center}@media (min-width: 768px){.raven-sword-section .dial-ring{flex:1;padding:2rem}}.raven-sword-section .dial-ring h4{margin:0;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4}.raven-sword-section .dial-ring.inner-ring .symbol-icon{color:var(--primary-color)}.raven-sword-section .dial-ring.outer-ring .symbol-icon{color:var(--accent-color)}.raven-sword-section .symbol-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.raven-sword-section .symbol-display .symbol-icon{width:48px;height:48px;color:var(--text-primary)}@media (min-width: 768px){.raven-sword-section .symbol-display .symbol-icon{width:64px;height:64px}}.raven-sword-section .symbol-display .symbol-icon svg{width:100%;height:100%}.raven-sword-section .symbol-display .symbol-name{font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:500;line-height:1.4;color:var(--text-primary)}.raven-sword-section .combination-note p{margin:0;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5;color:var(--text-secondary);font-style:italic}.raven-sword-section .combination-note p strong{color:var(--text-primary)}.traps-section .pages-section{margin-bottom:2rem}.traps-section .pages-section h3{margin:0 0 .5rem;color:var(--text-primary);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.traps-section .pages-section .pages-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5}.traps-section .pages-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.traps-section .pages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 992px){.traps-section .pages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}}.traps-section .page-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:transparent}@media (min-width: 768px){.traps-section .page-card{padding:2rem}}.traps-section .page-header{text-align:center;margin-bottom:1rem}.traps-section .page-header h4{margin:0 0 .25rem;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4}.traps-section .page-header .page-position{font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1.3;color:var(--text-muted);font-style:italic}.traps-section .symbol-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 768px){.traps-section .symbol-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}.traps-section .symbol-option{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.5rem;border:1px solid var(--border-subtle);border-radius:.25rem;background:transparent;cursor:pointer;transition:all .2s ease}.traps-section .symbol-option:hover:not(:disabled){border-color:var(--border-color);background:var(--location-card-hover-bg);transform:scale(1.05)}.traps-section .symbol-option--selected{border-color:var(--success-color);background:var(--location-card-completed-bg)}.traps-section .symbol-option--disabled{opacity:.4;cursor:not-allowed;background:transparent}.traps-section .symbol-option--disabled:hover{transform:none;border-color:var(--border-subtle);background:transparent}.traps-section .symbol-option .symbol-icon{width:100%;height:100%;color:#fff}.traps-section .traps-assignment{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:transparent;animation:fadeInUp .3s ease}.traps-section .traps-assignment h3{margin:0 0 .5rem;color:var(--primary-color);font-size:clamp(1.125rem,1.04rem + .41vw,1.25rem);font-weight:600;line-height:1.4}.traps-section .traps-assignment .traps-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.5}@media (min-width: 768px){.traps-section .traps-assignment{padding:2rem}}.traps-section .traps-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.traps-section .traps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 992px){.traps-section .traps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}}.traps-section .trap-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:transparent}.traps-section .trap-card--fixed{border-color:var(--accent-color);background:var(--location-card-completed-bg)}@media (min-width: 768px){.traps-section .trap-card{padding:2rem}}.traps-section .trap-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.traps-section .trap-header h4{margin:0;color:var(--text-primary);font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4}.traps-section .trap-header .trap-symbol .symbol-icon{width:100%;height:100%;max-width:80px;max-height:80px}.traps-section .location-selection .location-select{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:clamp(.875rem,.83rem + .24vw,1rem);transition:.2s ease;background-color:var(--input-bg);color:var(--text-primary);width:100%;text-align:center;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:400;line-height:1.4}.traps-section .location-selection .location-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.traps-section .location-selection .location-select::placeholder{color:var(--text-muted)}.traps-section .location-fixed{text-align:center}.traps-section .location-fixed .fixed-location{display:block;font-size:clamp(1rem,.93rem + .33vw,1.125rem);font-weight:500;line-height:1.4;color:var(--accent-color);margin-bottom:.25rem}.traps-section .location-fixed small{font-size:clamp(.69rem,.66rem + .13vw,.75rem);font-weight:400;line-height:1.3;color:var(--text-muted);font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html,body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition),color var(--transition)}h1,h2,h3,h4,h5,h6,.game-selection__title,.map-selection__title{color:var(--text-primary)}