@font-face{font-family:GameFont;font-style:normal;font-weight:400;src:url(/cse-110-project-team-4/assets/archivo-black-v23-latin-regular-BTVu2TQR.woff2) format("woff2")}:root{--theme-accent-blue: #2c5d72;--theme-warm-tan: #e8dcb5;--theme-ui-panel: #fdf8e8;--theme-border-brown: #5a4632;--theme-text-dark: #3d2b1f;--theme-shadow: rgba(61, 43, 31, .4);--bg: var(--theme-warm-tan);--panel: var(--theme-ui-panel);--text: var(--theme-text-dark);--border: var(--theme-border-brown);--map-min-w: 400px;--map-max-w: 1600px;--map-ratio: 1.882;--map-height-factor: .531;--space-top: 20px;--space-gap: 15px;--space-bottom: 20px;--hud-content-h: 110px;--hud-deco-h: 26px;--hud-total-h: calc(var(--hud-content-h) + var(--hud-deco-h));--vertical-reserved: calc( var(--space-top) + var(--space-gap) + var(--hud-total-h) + var(--space-bottom) );--map-width-clamp: min( calc(100vw - 32px) , calc((100vh - var(--vertical-reserved)) * var(--map-ratio)), var(--map-max-w) );--final-map-width: max(var(--map-width-clamp), var(--map-min-w))}html,body,#app-root,#views{height:100%}body{overflow:hidden;margin:0;background-color:var(--bg);background-image:url(/cse-110-project-team-4/assets/old-map-B_BXHHWR.png);background-repeat:repeat;color:var(--text);font-family:GameFont,Segoe UI Black,Roboto,system-ui,sans-serif}.app-shell{overflow:hidden;position:relative;height:100%;box-shadow:inset 0 0 150px #0003}.map-width{width:var(--map-width-clamp);margin-left:auto;margin-right:auto}#map-root{position:absolute;left:50%;transform:translate(-50%);width:var(--map-width-clamp);aspect-ratio:var(--map-ratio);top:var(--space-top);z-index:10;box-shadow:0 8px 25px var(--theme-shadow);border-radius:16px;border:4px solid var(--theme-border-brown);box-sizing:border-box;background:#9de3f3}#hud-row{position:absolute;left:50%;transform:translate(-50%);width:var(--final-map-width);top:calc(var(--space-top) + (var(--final-map-width) * var(--map-height-factor)) + var(--space-gap));display:grid;grid-template-columns:1.2fr 2fr 1.2fr;gap:16px;z-index:10;height:var(--hud-total-h);padding:10px;border:3px solid var(--theme-border-brown);box-sizing:border-box;background:#2c5d7233;border-radius:24px;box-shadow:0 4px 15px #0003}.hud-box{height:var(--hud-height);border-radius:16px;border:3px solid var(--theme-border-brown);background:var(--panel);background-image:url(src/assets/paper-fibers.png);box-shadow:inset 0 2px 8px #0000001a,0 4px 10px var(--theme-shadow);box-sizing:border-box;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column}#roadtrip-hub>canvas{width:100%!important;height:100%!important;display:block;box-shadow:inset 0 0 20px #2c5d724d;background:#e0e0e0}.hud-content-split{display:flex;flex-direction:column;height:100%}.hud-stats-area{flex:1;display:flex;justify-content:space-around;align-items:center;padding:5px 10px;border-bottom:2px dashed var(--theme-border-brown);font-weight:700;font-size:.9rem}.stat-item span{display:block;font-size:1.2rem;color:var(--theme-accent-blue)}.hud-nav-area{flex:1;display:flex;justify-content:space-evenly;align-items:center;padding:5px;background:#0000000d}.game-btn{width:50px;height:50px;border-radius:50%;border:3px solid var(--theme-border-brown);background:var(--theme-accent-blue);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--theme-border-brown);transition:all .1s;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.game-btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--theme-border-brown)}.hud-timer-area{flex:2;display:flex;justify-content:center;align-items:center;background:#333;color:#6f9;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;border-bottom:3px solid var(--theme-border-brown);text-shadow:0 0 10px rgba(102,255,153,.5)}.hud-info-area{flex:1;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;color:var(--theme-border-brown);text-transform:uppercase;letter-spacing:1px}.icon-pin{width:16px;height:16px;margin-right:8px;opacity:.8}.main-area{position:absolute;inset:0;display:grid;place-items:center;padding:48px;min-width:0;min-height:0;z-index:0}.map-stage{width:clamp(var(--map-min-w),100%,var(--map-max-w));aspect-ratio:var(--map-ratio);box-sizing:border-box;background:#9de3f3;border:1px solid var(--border);border-radius:12px;min-width:0;min-height:0}.qa-box{position:absolute;max-width:560px;width:calc(100% - 48px);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000059}#views section[hidden]{display:none!important}#welcome-root,#leaderboard-root{height:100%;width:100%}#minigame-button{position:fixed;top:1rem;right:1.5rem;z-index:900;padding:.5rem 1rem;border-radius:50%;border:3px solid var(--theme-border-brown);background:var(--theme-warm-tan);color:var(--theme-text-dark);font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--theme-border-brown);transition:all .1s}#minigame-button:active{transform:translateY(4px);box-shadow:0 0 0 var(--theme-border-brown)}.portal-root,.toast-root,.overlay-root{position:fixed;inset:0;pointer-events:none;z-index:1000}#minigame{display:flex;flex-direction:column}.minigame-stage{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem;background:#35654d;border:1px solid var(--border);border-radius:12px;width:85%;height:80%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.card{width:100%;border-radius:20px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:6rem;color:transparent;background-image:url(/cse-110-project-team-4/assets/card-facedown-xtgngrnQ.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .2s ease}.card.flipped{transform:rotateY(180deg);background-image:none;background-color:#fff;border:2px solid var(--border);color:#000}#score,#minigame-timer{padding:1rem}#minigame-back-button{margin-top:4px;padding:4px 8px;font-size:.8rem;position:relative;z-index:999}#welcome-root{position:relative;overflow:hidden;background-image:url(/cse-110-project-team-4/assets/welcome-bg-CBGgWQ0D.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 100%;overflow-y:auto}