@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:"Press Start 2P",Courier New,monospace;line-height:1.6;font-weight:400;color:#2d1f0f;background-color:#d4a574;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated}body{margin:0;min-width:320px;min-height:100vh;background:url(/assets/bg_1-Dm98Pcck.png) center/cover no-repeat fixed;color:inherit}#app{min-height:100vh}.ui-shell{display:flex;justify-content:center;align-items:center;gap:1.75rem;max-width:800px;margin:0 auto;padding:2rem;box-sizing:border-box;min-height:100vh}.ui-shell__sidebar{display:none}.ui-shell__panel{background:#d4a574;border:4px solid #8b6f47;border-radius:0;padding:1.5rem;box-shadow:8px 8px #0000004d;image-rendering:pixelated}.ui-shell__panel h1{margin:0;font-size:1.9rem;letter-spacing:.04em;font-family:"Press Start 2P",monospace;color:#2d1f0f}.ui-shell__subtitle{margin:.35rem 0 0;color:#5a4a35;font-size:.95rem;font-family:"Press Start 2P",monospace}.ui-shell__panel--stats h2,.ui-shell__panel--majors h2{margin:0 0 .5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.12em;color:#2d1f0f;font-family:"Press Start 2P",monospace}#state-dump{margin:0;padding:1rem;background:#b8956a;border:3px solid #5a4a35;border-radius:0;font-size:.85rem;line-height:1.45;overflow-x:auto;max-height:320px;font-family:"Press Start 2P",monospace;color:#2d1f0f}.ui-shell__major-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.ui-shell__major-button{border-radius:0;border:3px solid #8b6f47;padding:.7rem 1rem;font-size:.95rem;background:#c9a876;color:#2d1f0f;cursor:pointer;transition:transform .1s ease;box-shadow:4px 4px #0000004d;font-family:"Press Start 2P",monospace;image-rendering:pixelated}.ui-shell__major-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d;background:#e0c095}.ui-shell__major-button:focus,.ui-shell__major-button:focus-visible{outline:3px solid #5a4a35;outline-offset:2px}.ui-shell__scene{background:#d4a574;border:4px solid #8b6f47;border-radius:0;padding:2rem;box-shadow:8px 8px #0000004d;overflow:hidden;min-height:540px;position:relative;image-rendering:pixelated}.major-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.character-create{display:flex;flex-direction:column;gap:1.75rem}.character-create__card{background:#c9a876;border-radius:0;border:4px solid #8b6f47;padding:1.75rem;box-shadow:6px 6px #0000004d}.character-create__title{margin:0 0 .6rem;font-size:1.35rem;letter-spacing:.08em;text-transform:uppercase;color:#2d1f0f;font-family:"Press Start 2P",monospace}.character-create__copy{margin:0;color:#5a4a35;font-size:.95rem;font-family:"Press Start 2P",monospace}.character-create__form{margin:1.35rem 0 0;display:flex;gap:.85rem;flex-wrap:wrap}.character-create__input{flex:1 1 240px;min-width:200px;border-radius:0;border:3px solid #8b6f47;background:#fbe9cf;color:#2d1f0f;padding:.85rem 1rem;font-size:1rem;transition:border-color .1s ease;font-family:"Press Start 2P",monospace;box-shadow:3px 3px #0003}.character-create__input:focus{outline:none;border-color:#5a4a35;box-shadow:3px 3px #0000004d}.character-create__button{border-radius:0;border:3px solid #8b6f47;background:#c9a876;color:#2d1f0f;padding:.85rem 1.6rem;font-size:1rem;letter-spacing:.06em;cursor:pointer;transition:transform .1s ease;font-family:"Press Start 2P",monospace;box-shadow:4px 4px #0000004d}.character-create__button:hover:not(:disabled){transform:translate(-2px,-2px);background:#e0c095;box-shadow:6px 6px #0000004d}.character-create__button:disabled{opacity:.6;cursor:wait}.character-create__helper{margin:1rem 0 0;font-size:.8rem;color:#5a4a35;font-family:"Press Start 2P",monospace}.character-create__error{min-height:1.2rem;margin-top:.65rem;font-size:.85rem;color:#8b3a3a;font-family:"Press Start 2P",monospace}.major-select__option{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.2rem;border-radius:0;border:3px solid #8b6f47;background:#c9a876;color:#2d1f0f;cursor:pointer;text-align:left;transition:transform .1s ease;box-shadow:4px 4px #0000004d;font-family:"Press Start 2P",monospace}.major-select__option strong{font-size:1.05rem;letter-spacing:.04em;color:#2d1f0f}.major-select__option span{font-size:.85rem;color:#5a4a35}.major-select__option:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d;background:#e0c095}.major-select__option:focus,.major-select__option:focus-visible{outline:3px solid #5a4a35;outline-offset:2px}.commute{display:flex;flex-direction:column;gap:1.5rem}.commute__summary{background:#c9a876;border:4px solid #8b6f47;border-radius:0;padding:1.5rem;box-shadow:6px 6px #0000004d}.commute__intro h2{margin:0 0 .35rem;letter-spacing:.06em;text-transform:uppercase;font-size:1.15rem;font-family:"Press Start 2P",monospace;color:#2d1f0f}.commute__intro p{margin:0;color:#5a4a35;font-size:.9rem;font-family:"Press Start 2P",monospace}.commute__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:1.25rem 0 0;padding:0}.commute__stats div{background:#b8956a;border-radius:0;padding:.75rem .9rem;border:3px solid #8b6f47;box-shadow:3px 3px #0003}.commute__stats dt{margin:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#5a4a35;font-family:"Press Start 2P",monospace}.commute__stats dd{margin:.35rem 0 0;font-size:1.05rem;font-weight:600;font-family:"Press Start 2P",monospace;color:#2d1f0f}.commute__message{margin:1rem 0 0;padding:.85rem 1rem;border-radius:0;background:#e0c095;border:3px solid #8b6f47;font-size:.9rem;font-family:"Press Start 2P",monospace;color:#2d1f0f;box-shadow:3px 3px #0003}.commute__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.commute__option{background:#c9a876;border-radius:0;border:4px solid #8b6f47;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .1s ease;box-shadow:6px 6px #0000004d}.commute__option:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #0000004d;background:#e0c095}.commute__option h3{margin:0;font-size:1.1rem;font-family:"Press Start 2P",monospace;color:#2d1f0f}.commute__difficulty{margin:.35rem 0 0;font-size:.75rem;letter-spacing:.12em;color:#5a4a35;text-transform:uppercase;font-family:"Press Start 2P",monospace}.commute__facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-family:"Press Start 2P",monospace;color:#2d1f0f}.commute__facts strong{letter-spacing:.04em;color:#2d1f0f}.commute__flavor{margin:0;color:#5a4a35;font-size:.85rem;font-family:"Press Start 2P",monospace}.commute__choose{margin-top:auto;align-self:flex-start;border-radius:0;border:3px solid #8b6f47;padding:.65rem 1.1rem;background:#b8956a;color:#2d1f0f;cursor:pointer;transition:transform .1s ease;box-shadow:4px 4px #0000004d;font-family:"Press Start 2P",monospace}.commute__choose:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d;background:#d4a574}.commute__choose:disabled{cursor:not-allowed;opacity:.55;background:#8b6f47;color:#5a4a35}.commute__details{display:block;margin-top:.35rem;font-size:.8rem;color:#5a4a35;font-family:"Press Start 2P",monospace}@media (max-width: 960px){.ui-shell{grid-template-columns:1fr}.ui-shell__scene{min-height:420px}}.onboarding{position:relative;min-height:100%;padding:clamp(2rem,5vw,4rem);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;font-family:"Press Start 2P",Courier New,monospace;color:#2c1d11;overflow:hidden}.onboarding:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff0a,#00000040 85%);pointer-events:none}.onboarding>*{position:relative;z-index:1}.onboarding__panel{display:flex;flex-direction:column;align-items:center;gap:clamp(1.4rem,3vw,2rem)}.onboarding__text-group{position:relative;width:min(520px,90vw);height:220px;padding:clamp(1.2rem,2.5vw,1.8rem) clamp(1.6rem,3vw,2.2rem);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(1rem,2.5vw,1.4rem);text-align:center;box-sizing:border-box}.onboarding__text-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.onboarding__text{margin:0;font-size:clamp(.85rem,2vw,1.1rem);line-height:1.56;white-space:pre-line;max-width:28rem;position:relative;z-index:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;max-height:140px;overflow:visible}.onboarding__next{flex:0 0 auto;width:clamp(52px,9vw,80px);height:clamp(36px,6vw,60px);background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:center;border:none;cursor:pointer;transition:transform .15s ease;position:relative;z-index:1}.onboarding__next:hover,.onboarding__next:focus-visible{transform:translateY(-3px) scale(1.03);outline:none}.onboarding__next.is-waiting{opacity:.5;transform:none}.onboarding__next.is-waiting:hover,.onboarding__next.is-waiting:focus-visible{transform:none}.onboarding__character{width:clamp(180px,24vw,280px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 18px 24px rgba(5,5,15,.35))}.main-menu{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;box-sizing:border-box;color:#fbe9cf;font-family:"Press Start 2P",Courier New,monospace;overflow:hidden}.main-menu__bg,.main-menu__overlay{position:absolute;inset:0}.main-menu__bg{background-size:cover;background-position:center;filter:saturate(115%)}.main-menu__overlay{background:linear-gradient(180deg,#281e14d9,#1e140af2 78%);-webkit-backdrop-filter:none;backdrop-filter:none}.main-menu__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.75rem;width:min(480px,100%);text-shadow:0 6px 14px rgba(4,5,10,.85)}.main-menu__logo{display:flex;flex-direction:column;gap:.4rem;font-size:clamp(2.6rem,5vw,3.6rem);letter-spacing:.08em;text-transform:uppercase;color:#ffe6b8;filter:drop-shadow(0 10px 18px rgba(10,4,0,.6))}.main-menu__logo-word:first-child{color:#ffe6b8}.main-menu__logo-word:last-child{color:#fed18b}.main-menu__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.35rem}.main-menu__entry{display:flex;flex-direction:column;gap:.45rem}.main-menu__item{appearance:none;border:2px solid #8b6f47;border-radius:0;background:#c9a876;box-shadow:4px 4px #0006;color:#2d1f0f;padding:1.05rem 1.5rem;display:flex;align-items:center;gap:1.1rem;font-size:clamp(.75rem,2vw,.9rem);letter-spacing:.05em;cursor:pointer;transition:transform .1s ease;image-rendering:pixelated}.main-menu__item:hover,.main-menu__item:focus{border-color:#5a4a35;background:#e0c095;box-shadow:4px 4px #00000080;outline:none}.main-menu__item.is-selected{transform:translate(-2px,-2px);border-color:#5a4a35;background:#e0c095;box-shadow:6px 6px #00000080}.main-menu__item-arrow{display:inline-block;width:1.25rem;opacity:0;transform:translate(-12px);transition:transform .18s ease,opacity .18s ease}.main-menu__item:hover .main-menu__item-arrow,.main-menu__item.is-selected .main-menu__item-arrow{opacity:1;transform:translate(0)}.main-menu__item-label{flex:1}.main-menu__item-subtitle{font-family:"Press Start 2P",monospace;font-size:.6rem;letter-spacing:.04em;color:#5a4a35;padding-left:2.6rem;line-height:1.6}.main-menu__footer{font-family:"Press Start 2P",monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#8b6f47}@media (max-width: 640px){.main-menu{padding:2.2rem 1.5rem}.main-menu__content{gap:2rem}.main-menu__item{font-size:.95rem}.main-menu__item-subtitle{font-size:.75rem;padding-left:2.2rem}}