html{margin:0;padding:0;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-height:100vh;background:#000}#root,app-root{width:100%;margin:0;padding:0;display:block}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}.btn-transition{transition:transform .1s ease}.btn-transition-smooth{transition:transform .2s ease}.btn-transition-slow{transition:transform .3s ease}.shadow-sm{box-shadow:0 1px 2px #0000004d}.shadow-md{box-shadow:0 4px 8px #0000004d}.shadow-lg{box-shadow:0 4px 12px #0000004d}.shadow-xl{box-shadow:0 8px 24px #00000080}.shadow-up{box-shadow:0 -4px 12px #0000004d}.shadow-hover{box-shadow:0 6px 12px #0006}.rounded-sm{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.font-serif{font-family:Georgia,Times New Roman,serif}.header-standard{display:flex;flex-direction:column;padding:.5rem 1rem;background:#0000004d;border-bottom:2px solid #8b4513;flex-shrink:0;min-height:44px;position:relative}.header-title-row{display:flex;justify-content:center;align-items:center;order:1}.header-top-row{display:flex;align-items:center;justify-content:space-between;order:2}@media (max-width: 768px){.header-standard{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:.5rem;min-height:64px;gap:.5rem}.header-title-row{display:flex;justify-content:center;align-items:center;width:100%;order:1;min-height:24px;padding:0}.header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%;order:2;min-height:32px;padding:0}.header-standard>.header-left{order:2;min-height:32px}.header-standard>.header-right{order:2}.header-standard>.header-title{order:1;min-height:24px}.header-left,.header-right{display:flex;align-items:center;gap:.5rem}}.header-title{margin:0;font-size:1.4rem;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-align:center;position:static;width:auto;white-space:nowrap}.header-standard h1.header-title,.header-standard .header-title{font-size:1.4rem;margin:0;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-align:center;position:static;width:auto;white-space:nowrap}@media (max-width: 768px){.header-title,.header-standard h1.header-title,.header-standard .header-title{position:static;left:auto;transform:none;text-align:center;width:100%;font-size:1.2rem}}.back-button-standard{background:linear-gradient(145deg,#8b4513,#654321);border:2px solid #654321;border-radius:6px;color:#f4e6d1;padding:.3rem .8rem;font-family:inherit;font-size:1rem;cursor:pointer;flex-shrink:0;outline:none}.back-button-standard:active{transform:scale(.95)}.back-button-standard:hover{background:linear-gradient(145deg,sienna,#8b4513);transform:translateY(-1px)}.no-outline{outline:none}