:root{--color-green-line:#00843d;--color-red-line:#da291c;--color-orange-line:#ed8b00;--color-blue-line:#003da5;--color-silver-line:#7c878e;--color-commuter-rail:#80276c;--color-bus:#ffc72c;--color-gray-dark:#212322;--color-ferry:#008eaa;--color-ride:#59bec9;--color-swa-blue:#00b5e2;--color-dark-winter:#13294b;--color-midwinter:#147bd1;--color-bg:#fff;--color-bg-light:#f4f4f4;--color-text-primary:#212322;--color-text-secondary:#7c878e;--color-correct:#00843d;--color-incorrect:#da291c;--font-primary:"Helvetica Neue", "Inter", Arial, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-round:50%;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 24px #00000026;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text-primary);flex-direction:column;min-height:100dvh;display:flex}#root{flex-direction:column;flex:1;width:100%;display:flex}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2}p{line-height:1.5}button,input{font-family:inherit}.btn-primary{background-color:var(--color-dark-winter);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:var(--space-sm);border:none;padding:12px 24px;display:inline-flex}.btn-primary:hover:not(:disabled){background-color:var(--color-midwinter);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.station-header{color:#fff;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-md);align-items:center;padding:12px 24px;font-size:20px;display:flex;position:relative;overflow:hidden}.station-header:after{content:"";background-color:#0003;height:4px;position:absolute;bottom:0;left:0;right:0}.station-header-t-logo{border-radius:var(--radius-round);width:28px;height:28px;margin-right:var(--space-md);background-color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.station-header-t-logo svg,.station-header-t-logo img{width:18px;height:18px}.bg-line-green{background-color:var(--color-green-line)}.bg-line-red{background-color:var(--color-red-line)}.bg-line-orange{background-color:var(--color-orange-line)}.bg-line-blue{background-color:var(--color-blue-line)}.bg-line-silver{background-color:var(--color-silver-line)}.bg-line-commuter{background-color:var(--color-commuter-rail)}.bg-line-bus{background-color:var(--color-bus);color:var(--color-gray-dark)!important}.bg-line-bus .station-header-t-logo{background-color:var(--color-gray-dark)}.bg-line-bus .station-header-t-logo path{fill:var(--color-bus)}.wordart-logo{font-family:var(--font-primary);text-transform:uppercase;color:orange;background:linear-gradient(135deg,#fff000 0%,#ff8c00 50%,#ff4500 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(4px 4px #212322)drop-shadow(6px 6px #80276c66);letter-spacing:-2px;margin-bottom:var(--space-sm);-webkit-background-clip:text;font-size:64px;font-weight:900;animation:1s cubic-bezier(.175,.885,.32,1.275) logo-entrance;display:inline-block;transform:skew(-4deg)rotate(-2deg)}@keyframes logo-entrance{0%{opacity:0;transform:scale(.5)rotate(-10deg)skew(0)}to{opacity:1;transform:scale(1)rotate(-2deg)skew(-4deg)}}.container{max-width:1200px;padding:var(--space-md);width:100%;margin:0 auto}.host-view{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.host-presentation-view{background:#e7eaeb;flex-direction:column;gap:10px;min-height:100dvh;padding:10px;display:flex}.host-presentation-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.host-presentation-slide{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 94px);box-shadow:var(--shadow-lg);background:#fff;display:block}.host-presentation-hud{justify-content:space-between;align-items:center;gap:var(--space-md);color:#fff;border-radius:var(--radius-md);min-height:64px;box-shadow:var(--shadow-md);background:#13294bf7;flex:none;padding:10px 12px 10px 16px;display:flex}.host-presentation-status,.host-presentation-actions{align-items:center;gap:14px;display:flex}.host-presentation-status{min-width:0;font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.025em;white-space:nowrap}.host-presentation-question{color:var(--color-bus)}.host-presentation-progress{background:#ffffff47;border-radius:99px;width:min(20vw,180px);height:8px;overflow:hidden}.host-presentation-progress-fill{border-radius:inherit;background:var(--color-green-line);height:100%;transition:width .3s ease-out}.host-presentation-actions{justify-content:flex-end}.host-presentation-actions .btn-primary{border-radius:var(--radius-sm);padding:10px 16px}.host-presentation-actions #reset-game-btn{background:var(--color-red-line)}.host-presentation-next{background:var(--color-green-line)}.host-presentation-error{color:#ffd7d4;font-size:13px;font-weight:var(--font-weight-bold)}@media (width<=850px){.host-presentation-view{gap:8px;padding:8px}.host-presentation-slide{max-height:calc(100dvh - 152px)}.host-presentation-hud,.host-presentation-status,.host-presentation-actions{flex-wrap:wrap;justify-content:center}.host-presentation-status{white-space:normal}}.player-view{background-color:var(--color-bg-light);width:100%;max-width:1920px;min-height:100vh;box-shadow:none;border-left:none;border-right:none;flex-direction:column;margin:0 auto;display:flex}.charliecard-reader{border-radius:var(--radius-lg);width:260px;height:380px;box-shadow:var(--shadow-lg), inset 0 4px 10px #0000001a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast);background-color:#e2e8f0;border:12px solid #94a3b8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.charliecard-reader:active{transform:scale(.96)}.charliecard-target{border-radius:var(--radius-round);width:160px;height:160px;box-shadow:var(--shadow-md);color:#fff;font-weight:var(--font-weight-bold);text-shadow:0 2px 4px #0003;background-color:#ed8b00;border:8px solid #fff;justify-content:center;align-items:center;font-size:28px;display:flex}.timer-bar-container{border-radius:var(--radius-sm);background-color:#e2e8f0;width:100%;height:8px;overflow:hidden}.timer-bar{background-color:var(--color-red-line);height:100%;transition:width 1s linear}.train-track{background-color:var(--color-silver-line);width:100%;height:4px;margin:var(--space-xl) 0;position:relative;overflow:hidden}.train-car{background-color:var(--color-green-line);border-radius:var(--radius-sm);width:40px;height:12px;animation:2.5s linear infinite train-move;position:absolute;top:-4px;left:-40px}@keyframes train-move{0%{left:-40px}to{left:100%}}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.collage-container{width:100%;min-height:480px;margin:var(--space-md) 0;justify-content:center;align-items:center;display:flex;position:relative}.collage-image{object-fit:contain;width:480px;height:360px;box-shadow:var(--shadow-md);border-radius:var(--radius-sm);transition:transform var(--transition-normal);background-color:#fff;border:8px solid #fff;margin:0 -30px}.collage-container img:only-child{width:800px;height:500px;margin:0}.collage-image:hover{z-index:10;box-shadow:var(--shadow-lg);transform:scale(1.05)rotate(0)!important}