.page-spiel{--game-bg: linear-gradient(135deg, var(--color-dark) 0%, #1e3a5f 50%, var(--color-dark-darker) 100%);background:var(--game-bg);min-height:100vh}.spiel-main{padding-top:100px;min-height:calc(100vh - 100px)}.game-screen{display:none;padding:var(--space-8) 0;min-height:calc(100vh - 100px);animation:fadeIn .4s ease-out}.game-screen--active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-eyebrow{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent);margin-bottom:var(--space-3)}.start-screen{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center;min-height:70vh}@media (min-width: 992px){.start-screen{grid-template-columns:1fr 1fr}}.start-screen__content{text-align:center}@media (min-width: 992px){.start-screen__content{text-align:left}}.start-screen__title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-white);line-height:1.1;margin-bottom:var(--space-2)}.start-screen__title .highlight{color:var(--color-accent)}.start-screen__subtitle{font-size:var(--text-2xl);color:var(--color-accent);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.start-screen__description{font-size:var(--text-lg);color:#fffc;max-width:500px;margin:0 auto var(--space-8);line-height:1.7}@media (min-width: 992px){.start-screen__description{margin-left:0}}.start-screen__cta{margin-top:var(--space-6)}.budget-selector{margin-bottom:var(--space-4)}.budget-selector__label{display:block;font-size:var(--text-sm);color:#ffffffb3;margin-bottom:var(--space-3);font-weight:var(--font-medium)}.budget-options{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}@media (min-width: 992px){.budget-options{justify-content:flex-start}}.budget-option{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);cursor:pointer;transition:all .2s ease;text-align:center;min-width:120px}.budget-option:hover{background:#ffffff26;border-color:#fff6}.budget-option--selected{background:var(--color-primary);border-color:var(--color-primary-light);box-shadow:0 0 20px #4245f666}.budget-option__amount{display:block;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white)}.budget-option__hint{display:block;font-size:var(--text-xs);color:#fff9;margin-top:var(--space-1)}.budget-option--selected .budget-option__hint{color:#ffffffe6}.start-screen__visual{display:none}@media (min-width: 992px){.start-screen__visual{display:flex;justify-content:center;align-items:center}}.booth-illustration{width:400px;height:300px;position:relative}.booth-illustration__stand{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:300px;height:200px}.booth-illustration__wall{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:280px;height:140px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 10px 40px #4245f64d}.booth-illustration__wall:before{content:"BARKER";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:#fff;letter-spacing:var(--tracking-wider)}.booth-illustration__counter{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:50px;background:var(--gray-100);border-radius:var(--radius-md)}.booth-illustration__person{position:absolute;bottom:50px;left:80px;width:30px;height:60px;background:var(--color-secondary);border-radius:15px 15px 8px 8px;animation:personBounce 2s ease-in-out infinite}.booth-illustration__person--2{left:auto;right:80px;background:var(--color-accent);animation-delay:.5s}@keyframes personBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.planner-screen{max-width:1000px;margin:0 auto}.planner-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.planner-header__day,.planner-header__budget{display:flex;align-items:baseline;gap:var(--space-2)}.planner-header__label{font-size:var(--text-sm);color:#fff9;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.planner-header__value{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-white)}.planner-header__budget .planner-header__value{color:var(--color-accent)}.planner-header__total{font-size:var(--text-lg);color:#ffffff80}.stats-preview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width: 600px){.stats-preview{grid-template-columns:1fr}}.stat-bar{background:#ffffff1a;border-radius:var(--radius-lg);padding:var(--space-4)}.stat-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.stat-bar__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#ffffffe6}.stat-bar__icon{font-size:var(--text-lg)}.stat-bar__value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white)}.stat-bar__track{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.stat-bar__fill{height:100%;border-radius:4px;transition:width .3s ease}.stat-bar__fill--attractiveness{background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%)}.stat-bar__fill--engagement{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.items-section{margin-bottom:var(--space-8)}.items-section__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--space-4);text-align:center}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.item-card{background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.item-card:hover:not(.item-card--disabled){background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-4px)}.item-card--selected{background:#4245f633;border-color:var(--color-primary);box-shadow:0 0 20px #4245f64d}.item-card--selected:before{content:"✓";position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.item-card--disabled{opacity:.4;cursor:not-allowed}.item-card__icon{font-size:2.5rem;margin-bottom:var(--space-3)}.item-card__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--space-1)}.item-card__cost{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-accent);margin-bottom:var(--space-2)}.item-card__description{font-size:var(--text-sm);color:#fff9;margin-bottom:var(--space-3)}.item-card__stats{display:flex;gap:var(--space-3);font-size:var(--text-xs)}.item-stat{display:flex;align-items:center;gap:var(--space-1);color:#ffffffb3}.item-stat--positive{color:var(--color-success)}.item-card__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--color-dark);color:var(--color-white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 4px 16px #0000004d}.item-card:hover .item-card__tooltip{opacity:1;visibility:visible}.planner-actions{text-align:center}.simulation-screen{max-width:800px;margin:0 auto;text-align:center}.simulation-header{margin-bottom:var(--space-8)}.simulation-header__title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-white);margin-bottom:var(--space-2)}.simulation-header__subtitle{font-size:var(--text-lg);color:#ffffffb3}.simulation-visual{height:200px;position:relative;margin-bottom:var(--space-8);overflow:hidden}.simulation-booth{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:80px;background:var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 10px 40px #4245f666}.visitor-stream{position:absolute;top:0;right:0;bottom:0;left:0}.visitor-dot{position:absolute;width:12px;height:12px;background:var(--color-accent);border-radius:50%;animation:visitorMove 2s ease-in-out forwards}@keyframes visitorMove{0%{transform:translate(-100px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(0);opacity:0}}.event-display{background:#ffffff1a;border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);animation:eventPop .4s ease-out}.event-display--negative{background:#ef444433;border:1px solid rgba(239,68,68,.4)}.event-display--positive{background:#10b98133;border:1px solid rgba(16,185,129,.4)}@keyframes eventPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.event-display__icon{font-size:2rem;margin-bottom:var(--space-2)}.event-display__text{font-size:var(--text-lg);color:var(--color-white);margin:0}.day-results{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (min-width: 600px){.day-results{grid-template-columns:repeat(4,1fr)}}.day-result{background:#ffffff1a;border-radius:var(--radius-lg);padding:var(--space-4);animation:resultSlide .4s ease-out backwards}.day-result:nth-child(2){animation-delay:.1s}.day-result:nth-child(3){animation-delay:.2s}.day-result:nth-child(4){animation-delay:.3s}@keyframes resultSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.day-result--highlight{background:#4245f64d;border:1px solid rgba(66,69,246,.5)}.day-result__icon{display:block;font-size:1.5rem;margin-bottom:var(--space-2)}.day-result__label{display:block;font-size:var(--text-xs);color:#fff9;text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.day-result__value{display:block;font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-white)}.simulation-actions{margin-top:var(--space-4)}.results-screen{max-width:800px;margin:0 auto}.results-hero{text-align:center;margin-bottom:var(--space-10)}.badge-display{margin-bottom:var(--space-4)}.badge-display__emoji{display:block;font-size:5rem;animation:badgePop .6s ease-out}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.badge-display__name{display:block;font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-accent);margin-top:var(--space-2)}.score-display{margin-bottom:var(--space-4)}.score-display__label{display:block;font-size:var(--text-sm);color:#fff9;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-1)}.score-display__value{font-size:var(--text-6xl);font-weight:var(--font-extrabold);color:var(--color-white);text-shadow:0 0 40px rgba(79,255,255,.5)}.badge-message{font-size:var(--text-lg);color:#fffc;max-width:400px;margin:0 auto}.final-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-10)}@media (min-width: 600px){.final-stats{grid-template-columns:repeat(4,1fr)}}.final-stat{background:#ffffff1a;border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.final-stat--highlight{background:linear-gradient(135deg,#4245f64d,#4fffff33);border:1px solid rgba(79,255,255,.3)}.final-stat__icon{display:block;font-size:2rem;margin-bottom:var(--space-2)}.final-stat__value{display:block;font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-white);margin-bottom:var(--space-1)}.final-stat__label{font-size:var(--text-sm);color:#fff9}.results-cta{background:#ffffff14;border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;margin-bottom:var(--space-8)}.results-cta__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--space-3)}.results-cta__text{font-size:var(--text-lg);color:#fffc;max-width:500px;margin:0 auto;line-height:1.7}.results-cta__text strong{color:var(--color-accent)}.lead-form-wrapper{background:#fffffff2;border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8)}.lead-form__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--space-6);text-align:center}.lead-form{max-width:600px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.form-group{text-align:left}.form-group--full{grid-column:1 / -1}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:var(--space-2)}.form-group input,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:all .2s ease;background:var(--color-white);color:var(--color-dark)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4245f61a}.form-group textarea{resize:vertical;min-height:100px}.form-group--checkbox{margin:var(--space-4) 0}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--gray-600)}.checkbox-label input{width:auto;margin-top:2px}.checkbox-label a{color:var(--color-primary);text-decoration:underline}.lead-form__submit{width:100%;margin-top:var(--space-4)}.form-success{text-align:center;padding:var(--space-8)}.form-success__icon{font-size:4rem;margin-bottom:var(--space-4)}.form-success h3{font-size:var(--text-2xl);color:var(--color-success);margin-bottom:var(--space-2)}.form-success p{color:var(--gray-600)}.results-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}@media (min-width: 600px){.results-actions{flex-direction:row;justify-content:center}}.share-buttons{display:flex;align-items:center;gap:var(--space-3)}.share-buttons__label{font-size:var(--text-sm);color:#ffffffb3}.share-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-btn svg{width:20px;height:20px}.share-btn--linkedin{background:#0077b5;color:#fff}.share-btn--linkedin:hover{background:#005f8c;transform:scale(1.1)}.share-btn--twitter{background:#000;color:#fff}.share-btn--twitter:hover{background:#333;transform:scale(1.1)}.share-btn--copy{background:#fff3;color:#fff}.share-btn--copy:hover{background:#ffffff4d;transform:scale(1.1)}.bankrupt-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bankrupt-icon{font-size:6rem;margin-bottom:var(--space-6);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.bankrupt-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-error);margin-bottom:var(--space-4)}.bankrupt-message{font-size:var(--text-lg);color:#fffc;max-width:400px;margin:0 auto var(--space-8);line-height:1.7}@media (max-width: 768px){.spiel-main{padding-top:80px}.game-screen{padding:var(--space-6) 0}.start-screen__title{font-size:var(--text-4xl)}.planner-header{justify-content:center;text-align:center}.items-grid{grid-template-columns:1fr 1fr}.item-card{padding:var(--space-4)}.item-card__icon{font-size:2rem}.item-card__name{font-size:var(--text-base)}.score-display__value{font-size:var(--text-5xl)}}@media (max-width: 480px){.items-grid{grid-template-columns:1fr}.budget-options{flex-direction:column;align-items:stretch}.budget-option{min-width:auto}}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}