.tentmaker-page{min-height:100vh;padding-top:10rem;padding-bottom:var(--space-3xl);padding-inline:var(--marg-inline-md);background-color:var(--primary-clr)}.tentmaker-page .container{max-width:800px;margin:0 auto}.tentmaker-page .tentmaker-header{text-align:center;margin-bottom:var(--space-3xl)}.tentmaker-page .tentmaker-header.not-completed{margin-bottom:var(--space-lg)}.tentmaker-page .tentmaker-header h1{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:var(--space-sm);color:var(--secondary-clr)}.tentmaker-page .tentmaker-header .subtitle{font-size:var(--fs-x-large);color:var(--secondary-clr)}.tentmaker-page .tentmaker-header .subtitle.hidden{display:none}.tentmaker-page .shareable-card{background-color:var(--tertiary-clr-1);border-radius:1.5rem;padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--box-shadow-sm);text-align:center;transition:opacity var(--transition-time-md) ease,transform var(--transition-time-md) ease;max-width:600px;width:100%;margin-left:auto;margin-right:auto}.tentmaker-page .shareable-card.hidden{display:none}.tentmaker-page .shareable-card .card-content .card-logo{margin-bottom:var(--space-md);display:flex;justify-content:center;align-items:center;padding-bottom:var(--space-md);border-bottom:2px solid rgba(56,34,23,.2);position:relative}.tentmaker-page .shareable-card .card-content .card-logo img{height:45px;width:auto;object-fit:contain;filter:brightness(.95)}.tentmaker-page .shareable-card .card-content .card-character-image{margin-bottom:var(--space-md)}.tentmaker-page .shareable-card .card-content .card-character-image img{width:120px;height:120px;margin:0 auto;border-radius:50%;object-fit:contain}.tentmaker-page .shareable-card .card-content h2{font-size:clamp(1.5rem,4vw,1.75rem);margin-bottom:var(--space-xs);color:var(--secondary-clr)}.tentmaker-page .shareable-card .card-content .card-subtitle{font-size:var(--fs-large);color:var(--secondary-clr);margin-bottom:var(--space-md);font-weight:600}.tentmaker-page .shareable-card .card-content .card-quote{background:var(--card-clr-2);padding:var(--space-md);border-radius:1rem;margin-bottom:var(--space-md);box-shadow:var(--box-shadow-sm)}.tentmaker-page .shareable-card .card-content .card-quote .quote-text{font-size:var(--fs-large);font-style:italic;margin-bottom:var(--space-xs);color:var(--secondary-clr);line-height:1.6}.tentmaker-page .shareable-card .card-content .card-quote .quote-reference{font-size:var(--fs-medium);color:var(--secondary-clr-transparent);text-align:right}.tentmaker-page .shareable-card .card-content .btn-share{background-color:var(--accent-clr-2);border:2px solid var(--accent-clr-2);box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.tentmaker-page .shareable-card .card-content .btn-share:hover{background-color:transparent;border-color:color-mix(in srgb,var(--accent-clr-2) 90%,black);color:var(--accent-clr-2);cursor:pointer;box-shadow:0 4px 8px #00000026}.tentmaker-page .shareable-card .card-content .btn-share:active{background-color:color-mix(in srgb,var(--accent-clr-2) 85%,black);border-color:color-mix(in srgb,var(--accent-clr-2) 85%,black);box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.tentmaker-page .shareable-card .card-content .btn-share{padding:var(--space-sm) var(--space-lg);border-radius:.8rem;font-size:var(--fs-medium);font-weight:600}.tentmaker-page .password-section,.tentmaker-page .bonus-section{background-color:var(--tertiary-clr-1);border-radius:1.5rem;padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--box-shadow-sm)}.tentmaker-page .password-section h3,.tentmaker-page .bonus-section h3{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:var(--space-sm);color:var(--secondary-clr)}.tentmaker-page .password-section .hint,.tentmaker-page .bonus-section .hint{font-size:var(--fs-medium);color:var(--secondary-clr-transparent);margin-bottom:var(--space-sm);font-style:italic}.tentmaker-page .password-section .unlock-message,.tentmaker-page .bonus-section .unlock-message{font-size:var(--fs-large);color:var(--secondary-clr-transparent);margin-bottom:var(--space-sm);font-weight:600}.tentmaker-page .password-section .password-input-wrapper,.tentmaker-page .bonus-section .password-input-wrapper{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.tentmaker-page .password-section .password-input-wrapper input,.tentmaker-page .bonus-section .password-input-wrapper input{flex:1;padding:var(--space-sm);border:2px solid var(--card-border-clr-1);border-radius:.8rem;font-size:var(--fs-medium);font-family:var(--ff-body);background-color:var(--card-clr-1);color:var(--secondary-clr);transition:border-color var(--transition-time-md) ease}.tentmaker-page .password-section .password-input-wrapper input:focus,.tentmaker-page .bonus-section .password-input-wrapper input:focus{outline:none;border-color:var(--tertiary-clr-2)}.tentmaker-page .password-section .password-input-wrapper .btn-submit,.tentmaker-page .bonus-section .password-input-wrapper .btn-submit{background-color:var(--accent-clr-2);border:2px solid var(--accent-clr-2);box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.tentmaker-page .password-section .password-input-wrapper .btn-submit:hover,.tentmaker-page .bonus-section .password-input-wrapper .btn-submit:hover{background-color:transparent;border-color:color-mix(in srgb,var(--accent-clr-2) 90%,black);color:var(--accent-clr-2);cursor:pointer;box-shadow:0 4px 8px #00000026}.tentmaker-page .password-section .password-input-wrapper .btn-submit:active,.tentmaker-page .bonus-section .password-input-wrapper .btn-submit:active{background-color:color-mix(in srgb,var(--accent-clr-2) 85%,black);border-color:color-mix(in srgb,var(--accent-clr-2) 85%,black);box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.tentmaker-page .password-section .password-input-wrapper .btn-submit,.tentmaker-page .bonus-section .password-input-wrapper .btn-submit{padding:var(--space-sm) var(--space-md);border-radius:.8rem;font-size:var(--fs-medium);font-weight:600;white-space:nowrap}.tentmaker-page .password-section .feedback,.tentmaker-page .bonus-section .feedback{padding:var(--space-sm);border-radius:.8rem;font-size:var(--fs-medium);margin-top:var(--space-xs)}.tentmaker-page .password-section .feedback.correct,.tentmaker-page .bonus-section .feedback.correct{background:#c8b4e633;color:var(--secondary-clr);border:2px solid var(--accent-clr-2)}.tentmaker-page .password-section .feedback.incorrect,.tentmaker-page .bonus-section .feedback.incorrect{background:#ffc1a133;color:var(--secondary-clr);border:2px solid var(--tertiary-clr-4)}.tentmaker-page .password-section .feedback.hidden,.tentmaker-page .bonus-section .feedback.hidden{display:none}.tentmaker-page .behind-scenes{margin-top:var(--space-lg);padding:var(--space-md);background:var(--card-clr-2);border-radius:1rem;border-left:4px solid var(--tertiary-clr-2);box-shadow:var(--box-shadow-sm)}.tentmaker-page .behind-scenes h4{font-size:var(--fs-x-large);margin-bottom:var(--space-sm);color:var(--secondary-clr)}.tentmaker-page .behind-scenes p{line-height:1.6;color:var(--secondary-clr);font-size:var(--fs-medium)}.tentmaker-page .behind-scenes.hidden{display:none}.tentmaker-page .completion-check{background-color:var(--tertiary-clr-1);border-radius:1.5rem;padding:var(--space-lg);margin-top:var(--space-lg);box-shadow:var(--box-shadow-sm);text-align:center}.tentmaker-page .completion-check .completion-progress-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.tentmaker-page .completion-check .completion-progress-circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--tertiary-clr-4) var(--progress, 0%),rgba(255,255,255,0) var(--progress, 0%));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--secondary-clr);position:relative}.tentmaker-page .completion-check .completion-progress-circle #completion-progress-text{position:relative;z-index:1}.tentmaker-page .completion-check p{font-size:var(--fs-large);color:var(--secondary-clr);margin:0}.tentmaker-page .completion-check.hidden{display:none}@media(max-width:768px){.tentmaker-page{padding-inline:var(--marg-inline-sm)}.tentmaker-page .shareable-card{padding:var(--space-lg)}.tentmaker-page .shareable-card .card-content .card-character-image img{width:100px;height:100px}.tentmaker-page .password-section,.tentmaker-page .bonus-section{padding:var(--space-lg)}.tentmaker-page .password-section .password-input-wrapper,.tentmaker-page .bonus-section .password-input-wrapper{flex-direction:column}.tentmaker-page .password-section .password-input-wrapper .btn-submit,.tentmaker-page .bonus-section .password-input-wrapper .btn-submit{width:100%}}